.header_img {
    position: absolute;
    height: 130px;
    width: 155px;
    /* background-image: url(../img/logo.png); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    top: -50px;
    border-radius: 0 0 10px 10px;
    box-shadow: 1px 1px 5px 0px #00000021;
    z-index: 99999;
}

/* sbi_profile page */
/* Base style only for this component context - using unique class wrappers to prevent conflicts */
    .sbi-premium-wrapper {
      font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      background: linear-gradient(145deg, #fefdfb 0%, #f6f9fc 100%);
      width: 100%;
    }

    /* ========== PREMIUM SECTION 1: "about my another profile" + image ========== */
    .sbi-owner-profile {
      padding: 70px 70px 50px 70px;
      background: transparent;
      position: relative;
      isolation: isolate;
    }

    /* subtle background accent */
    .sbi-owner-profile::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 40%;
      height: 100%;
      background: radial-gradient(circle at 100% 30%, rgba(13, 110, 253, 0.02) 0%, rgba(255,255,240,0) 70%);
      pointer-events: none;
      z-index: 0;
    }

    .sbi-profile-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 50px;
      flex-wrap: wrap;
      position: relative;
      z-index: 2;
    }

    /* LEFT TEXT CONTENT premium */
    .sbi-profile-text {
      flex: 1.2;
      min-width: 280px;
      backdrop-filter: blur(0px);
    }

    .sbi-profile-text h2 {
      font-size: 2.4rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      background: linear-gradient(135deg, #1E2A3E, #0f2b3d);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      margin-bottom: 20px;
      border-left: 5px solid #0d6efd;
      padding-left: 20px;
      line-height: 1.2;
    }

    .sbi-intro-premium {
      font-size: 1.2rem;
      font-weight: 600;
      color: #1f2e45;
      margin-bottom: 18px;
      position: relative;
      display: inline-block;
    }

    .sbi-profile-text p {
      color: #2c3e4e;
      line-height: 1.65;
      margin-bottom: 18px;
      font-size: 1rem;
      font-weight: 400;
    }

    /* HIGHLIGHT specific words / styled markers (for uploaded image marka lines - simulated premium badges) */
    .highlight-smart {
      background: linear-gradient(120deg, rgba(13, 110, 253, 0.12) 0%, rgba(13, 110, 253, 0.05) 100%);
      padding: 0 6px;
      border-radius: 20px;
      font-weight: 500;
      color: #0a58ca;
      font-size: 0.95rem;
      display: inline-block;
    }

    .highlight-gold {
      background: linear-gradient(120deg, #FFF3E0, #FFE6C7);
      color: #b85c00;
      font-weight: 600;
      padding: 2px 8px;
      border-radius: 40px;
      font-size: 0.9rem;
      display: inline-block;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }

    .badge-premium {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(13, 110, 253, 0.08);
      border-radius: 60px;
      padding: 4px 14px;
      font-size: 0.8rem;
      font-weight: 500;
      color: #0d6efd;
      margin-right: 8px;
      margin-bottom: 8px;
    }

    /* RIGHT IMAGE PREMIUM */
    .sbi-profile-image {
      flex: 0.8;
      min-width: 240px;
      text-align: center;
      position: relative;
    }

    .sbi-profile-image img {
      width: 260px;
      height: 300px;
      object-fit: cover;
      border-radius: 32px;
      box-shadow: 0 25px 40px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255,255,255,0.5) inset;
      transition: transform 0.3s ease, box-shadow 0.3s;
    }

    .sbi-profile-image img:hover {
      transform: scale(1.02);
      box-shadow: 0 30px 45px -12px rgba(0, 0, 0, 0.3);
    }

    /* decorative ring behind image */
    .sbi-profile-image::before {
      content: "";
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      width: 90%;
      height: 90%;
      background: radial-gradient(circle, rgba(13,110,253,0.1) 0%, rgba(255,255,255,0) 80%);
      border-radius: 40px;
      z-index: -1;
    }

    /* ========== PREMIUM SECTION 2: Insurance Advisor Card + Office Details ========== */
    .sbi-owner-section {
      padding: 30px 70px 80px 70px;
      background: transparent;
    }

    .sbi-owner-container {
      display: flex;
      gap: 45px;
      flex-wrap: wrap;
      align-items: stretch;
    }

    /* LEFT SIDE DETAILS (premium card style) */
    .sbi-owner-left {
      flex: 1.2;
      min-width: 270px;
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(2px);
      border-radius: 36px;
      padding: 32px 30px;
      box-shadow: 0 15px 35px -15px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255,255,255,0.8);
      transition: all 0.25s;
    }

    .sbi-owner-left h2 {
      font-size: 2rem;
      font-weight: 700;
      color: #13294b;
      letter-spacing: -0.3px;
      margin-bottom: 8px;
    }

    .sbi-role-premium {
      font-size: 1rem;
      font-weight: 600;
      color: #0d6efd;
      background: #e9f0ff;
      display: inline-block;
      padding: 4px 16px;
      border-radius: 40px;
      margin-bottom: 22px;
      letter-spacing: 0.3px;
    }

    .sbi-owner-left > p {
      color: #2c3e50;
      line-height: 1.6;
      margin-bottom: 24px;
      font-size: 0.95rem;
    }

    /* Premium list styles */
    .sbi-owner-details {
      list-style: none;
      padding: 0;
      margin: 20px 0 20px;
      background: #ffffffcc;
      border-radius: 24px;
      padding: 12px 18px;
    }

    .sbi-owner-details li {
      margin-bottom: 12px;
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      gap: 6px;
      font-size: 0.95rem;
      border-bottom: 1px dashed #e2edf7;
      padding-bottom: 8px;
    }

    .sbi-owner-details li:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }

    .sbi-owner-details strong {
      min-width: 75px;
      color: #1a2c3e;
      font-weight: 700;
    }

    /* HIGHLIGHT marker lines for Phone and Email (as requested from image) */
    .highlight-contact {
      background: linear-gradient(120deg, #EFF6FF, #D9E9FF);
      border-left: 4px solid #0d6efd;
      padding: 4px 10px 4px 14px;
      border-radius: 40px;
      font-weight: 600;
      display: inline-block;
      font-size: 0.9rem;
      color: #004e9e;
    }

    .highlight-phone-strong {
      font-weight: 800;
      color: #0b5ed7;
      letter-spacing: 0.2px;
    }

    .sbi-enquiry-text {
      margin-top: 10px;
      font-weight: 600;
      color: #1e4663;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    /* RIGHT SIDE CARD (modern premium) */
    .sbi-owner-card {
      flex: 1;
      min-width: 280px;
      background: #ffffff;
      border-radius: 36px;
      padding: 32px 30px;
      box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.02);
      transition: all 0.2s ease;
      border: 1px solid rgba(13, 110, 253, 0.15);
      backdrop-filter: blur(2px);
    }

    .sbi-owner-card h3 {
      font-size: 1.8rem;
      font-weight: 700;
      background: linear-gradient(135deg, #1f2e48, #0f2c48);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      margin-bottom: 18px;
      letter-spacing: -0.2px;
      border-left: 4px solid #0d6efd;
      padding-left: 18px;
    }

    .sbi-owner-card p {
      color: #2c3e50;
      line-height: 1.65;
      margin-bottom: 14px;
      font-size: 0.95rem;
    }

    .sbi-owner-card strong {
      color: #0d3c6e;
    }

    .sbi-company-premium {
      margin-top: 28px;
      padding-top: 18px;
      border-top: 2px dotted #cbdde9;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .sbi-company-premium span {
      font-size: 1.2rem;
      font-weight: 800;
      background: linear-gradient(135deg, #0d6efd, #0b5ed7);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      letter-spacing: -0.2px;
    }

    .sbi-company-premium small {
      font-size: 0.8rem;
      color: #5f7f9e;
      font-weight: 500;
      font-style: italic;
    }

    /* special highlighted badge for IRDAI / CIN lines */
    .highlight-office-line {
      background: #fef7e0;
      padding: 2px 6px;
      border-radius: 12px;
      font-weight: 600;
      color: #b25c00;
      display: inline-block;
      font-size: 0.85rem;
    }

    /* Responsive */
    @media (max-width: 850px) {
      .sbi-owner-profile, .sbi-owner-section {
        padding: 40px 24px;
      }
      .sbi-profile-text h2 {
        font-size: 1.9rem;
      }
      .sbi-owner-card h3 {
        font-size: 1.5rem;
      }
    }

    /* Additional micro interactions */
    .sbi-owner-card:hover, .sbi-owner-left:hover {
      transform: translateY(-3px);
      box-shadow: 0 25px 40px -18px rgba(0, 0, 0, 0.2);
      transition: 0.2s;
    }








/* Wrapper */
.contact-extra {
    position: relative;
}

/* Map */
.map-box {
    width: 100%;
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0,0,0,0.1);
}

/* Info Box (floating card style) */
.contact-info-box {
    background: #ffffff;
    padding: 35px;
    border-radius: 20px;
    max-width: 500px;
    margin-top: -80px; /* overlap effect */
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

/* Heading */
.contact-info-box h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

/* Text */
.contact-info-box p {
    margin-bottom: 15px;
    color: #555;
}

/* Icons */
.contact-info-box i {
    color: #ff6600;
    margin-right: 10px;
}

/* Social */
.social-icons a {
    display: inline-block;
    margin: 0 8px;
    color: #ff6600;
    font-size: 18px;
    transition: 0.3s;
}

.social-icons a:hover {
    color: #000;
}



/* Contact Strip Container */
.contact-strip {
    background: #f8f9ff;
    border-radius: 20px;
    padding: 40px 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06);
}

/* Each Item */
.contact-item {
    padding: 20px;
    transition: 0.3s;
}

.contact-item:hover {
    transform: translateY(-5px);
}

/* Icon */
.contact-item i {
    font-size: 30px;
    color: #ff6600;
    margin-bottom: 15px;
}

/* Heading */
.contact-item h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #2d2d2d;
}

/* Text */
.contact-item p {
    color: #666;
    font-size: 14px;
    margin: 0;
}

/* Divider (optional clean look) */
@media (min-width: 768px) {
    .contact-item {
        border-right: 1px solid #eee;
    }

    .contact-item:last-child {
        border-right: none;
    }
}





/* Wrapper */
.course-flip-card {
  perspective: 1000px;
  height: 100%; /* IMPORTANT */
}

/* Inner flip container */
.course-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 350px;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* Flip trigger */
.course-flip-card.active .course-flip-inner {
  transform: rotateY(180deg);
}

/* Front & Back common */
.course-flip-front,
.course-flip-back {
  position: absolute;
  width: 100%;
  height: 100%; /* FIXED এখানে 101% না */
  border-radius: 8px;
  overflow: hidden;
  backface-visibility: hidden;
}

/* FRONT */
.course-flip-front {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.course-flip-front img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* CONTENT AREA */
.course-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex: 1; /* VERY IMPORTANT */
  padding: 20px;
}

.course-content h5 {
  margin: 10px 0;
  flex-grow: 1; /* text বাড়লে space নেবে */
}

/* BACK */
.course-flip-back {
  background: #FFFDD0;
  color: #000000;
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

.back-content h5 {
  margin-bottom: 15px;
}

/* BUTTON */
.flip-btn {
  margin-top: auto; /* MAGIC LINE */
  padding: 10px 18px;
  border: none;
  background: #ff6600;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.flip-btn:hover {
  background: #e65c00;
}

.back-btn {
  background: #007bff;
}






/* Wrapper */
.team-flip-card {
  perspective: 1000px;
}

/* Inner */
.team-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 350px;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

/* Flip Active */
.team-flip-card.active .team-flip-inner {
  transform: rotateY(180deg);
}

/* Front & Back */
.team-flip-front,
.team-flip-back {
  position: absolute;
  width: 100%;
  height: 101%;
  border-radius: 8px;
  overflow: hidden;
  backface-visibility: hidden;
}

/* FRONT */
.team-flip-front img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

/* BACK */
.team-flip-back {
  background: #FFFDD0; /* same secondary tone */
  color: #000000;
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

/* Content */
.team-back-content h5 {
  margin-bottom: 10px;
}

.team-back-content p {
  font-size: 14px;
  margin: 5px 0;
}

/* BUTTON */
.team-flip-btn {
  margin-top: 12px;
  padding: 6px 16px;
  border: none;
  background: #ff6600; /* orange accent */
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s;
}

.team-flip-btn:hover {
  background: #e65c00;
}

.back-btn {
  background: #000000; /* primary */
}




/* Floating Wrapper */
.apx-profile-wrapper {
    position: fixed;   /* 🔥 MAIN CHANGE */
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 9999;
}

/* Circle */
.apx-profile-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #FF6600;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    margin: auto;
    background: #fff;
}

.apx-profile-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Box */
.apx-profile-box {
    margin-top: 10px;
    background: #fff;
    padding: 10px 0;
    border-radius: 25px;
    width: 150px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

/* Button */
.apx-profile-btn {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    display: block;
}

.apx-profile-btn:hover {
    color: #FF6600;
}

@media (max-width: 768px) {
    .apx-profile-wrapper {
        right: 5px;
        top: auto;
        bottom: 90px;
        transform: none;
    }

    .apx-profile-circle {
        width: 90px;
        height: 90px;
    }

    .apx-profile-box {
        width: 110px;
    }
}




.cat-item {
    height: 160px; 
}

.cat-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}