.navbar-toggler {border: none;}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
/* Prostate*/

  h2 {color: #55097B;}
    section {
    padding: 90px 0;
}


  /* ===== MEGA MENU ===== */
.main_menu > li.has-mega {
  position: static;
}
.mega-menu {
  display: none;
  position: fixed;       /* breaks out of container */
  left: 0;
  width: 100vw;          /* full viewport width */
  background: #fff;
  border-top: 3px solid #55097B;  /* your accent color */
  box-shadow: 0 8px 32px rgba(0,0,0,0.13);
  z-index: 999;
  padding: 32px 0 28px;
}
.main_menu > li.has-mega:hover .mega-menu {
  display: block;
}
.mega-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  gap: 0;
}
.mega-col {
  flex: 1;
  padding: 0 20px;
  border-right: 1px solid #eee;
}
.mega-col:last-child { border-right: none; }
.mega-col h6 {
  color: #1a2340;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #55097B;
}
.mega-col ul { list-style: none; padding: 0; margin: 0; }
.mega-col ul li a {
  color: #444;
  font-size: 13.5px;
  text-decoration: none;
  padding: 6px 0;
  display: block;
  transition: color 0.18s, padding-left 0.18s;
}
.mega-col ul li a:hover {
  color: #1a2340;
  padding-left: 6px;
  font-weight: 500;
}
.mega-footer {
  max-width: 1200px;
  margin: 18px auto 0;
  padding: 14px 35px 0;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
   /* ─── HERO BANNER ────────────────────────────────────────── */
    #hero {
      position: relative;
      min-height: 90vh;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: linear-gradient(135deg, #55097B 0%, #611e82 55%, #F00045 100%);
    }
    #hero::after {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='900' height='700' viewBox='0 0 900 700' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='720' cy='200' r='320' fill='%230e8c8c' opacity='.12'/%3E%3Ccircle cx='650' cy='420' r='200' fill='%23c6942a' opacity='.07'/%3E%3C/svg%3E") right center/cover no-repeat;
      pointer-events: none;
    }
    .hero-eyebrow {
      display: inline-block;
      background: rgba(14,140,140,.25);
      color: var(--teal-lt);
      font-size: .78rem;
      font-weight: 600;
      letter-spacing: .12em;
      text-transform: uppercase;
      padding: .35rem 1rem;
      border-radius: 100px;
      border: 1px solid rgba(14,140,140,.35);
      margin-bottom: 1.4rem;
    }
    #hero h1 {
      font-size: clamp(2rem, 4.5vw, 3.4rem);
      color: #fff;
      line-height: 1.18;
      margin-bottom: 1.4rem;
    }
    #hero h1 span {       color: #fff;}
    #hero p.lead {
      color: #fff;
      font-size: 1.05rem;
      line-height: 1.75;
      max-width: 560px;
      font-weight: 300;
    }
    .hero-btns { margin-top: 2.2rem; gap: .9rem; display: flex; flex-wrap: wrap; }
    .btn-primary-custom {
      background: var(--teal);
      color: #fff;
      font-weight: 600;
      padding: .85rem 2rem;
      border-radius: 8px;
      border: 2px solid var(--teal);
      font-size: .9rem;
      transition: all .25s;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: .45rem;
    }
    .btn-primary-custom:hover { background: transparent; color: var(--teal-lt); }
    .btn-outline-custom {
      background: transparent;
      color: #fff;
      font-weight: 500;
      padding: .85rem 2rem;
      border-radius: 8px;
      border: 2px solid rgba(255,255,255,.35);
      font-size: .9rem;
      transition: all .25s;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: .45rem;
    }
    .btn-outline-custom:hover { border-color: #fff; color: #fff; }
    .hero-stats {
      margin-top: 3rem;
      display: flex;
      gap: 2.5rem;
      flex-wrap: wrap;
    }
    .hero-stat-item { border-left: 2px solid var(--white); padding-left: .9rem; }
    .hero-stat-item strong {
      display: block;
      font-size: 1.9rem;
      color: #fff;
      font-weight: 700;
      line-height: 1;
    }
    .hero-stat-item small { color: rgba(255,255,255,.55); font-size: .78rem; letter-spacing: .04em; }
    .hero-visual {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .hero-img-wrap {
      position: relative;
      border-radius: 5px;
      overflow: hidden;
      width: 100%;
      max-width: 100%;
      aspect-ratio: 4/3;
      background: linear-gradient(135deg, #55097B 0%, #611e82 55%, #F00045 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 32px 80px rgba(0,0,0,.45);
    }
    .hero-img-wrap .hero-placeholder {
      text-align: center;
      color: rgba(255,255,255,.55);
    }
    .hero-img-wrap .hero-placeholder i { font-size: 5rem; color: var(--teal-lt); margin-bottom: .8rem; }
    .hero-badge {
      position: absolute;
      bottom: -18px;
      left: -18px;
      background: var(--gold);
      color: #fff;
      border-radius: 5px;
      padding: .9rem 1.2rem;
      font-size: .78rem;
      font-weight: 600;
      box-shadow: 0 8px 24px rgba(0,0,0,.3);
      max-width: 170px;
      line-height: 1.4;
    }
    .hero-badge i { font-size: 1.3rem; display: block; margin-bottom: .3rem; }

    /* ─── ABOUT / MAIN CONTENT ───────────────────────────────── */
    #about { padding: 100px 0; background: #fff; }
    .about-label {
      font-size: .76rem;
      font-weight: 600;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--teal);
      margin-bottom: .9rem;
    }
    #about h2 {
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      color: var(--purple);
      margin-bottom: 1.4rem;
      line-height: 1.25;
    }

    #about .sub-p {font-size: 16px;
    line-height: 24px;
    margin-top: -10px;}
    .allia-badge {
      display: inline-flex;
      align-items: center;
      gap: .7rem;
      background: linear-gradient(135deg, #f1336a 0%, #8f0029 100%);
      color: #fff;
      border-radius: 12px;
      padding: 1rem 1.4rem;
      margin-top: 1.8rem;
      font-size: .85rem;
      font-weight: 500;
    }
    .allia-badge i { font-size: 1.6rem; color: var(--white); flex-shrink: 0; }
    .allia-badge strong { display: block; font-size: .95rem; }
    .about-img-wrap {
      border-radius: 18px;
      overflow: hidden;
      background: linear-gradient(135deg, #e8f4f4 0%, #d0ecec 100%);
      /*aspect-ratio: 1/1;*/
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 24px 24px 0 rgba(238,0,69,.80);
      position: relative;
    }
    .about-img-wrap i { font-size: 1rem; color: var(--white); opacity: .80; }
    .about-img-wrap .img-label {
      position: absolute;
      bottom: 20px;
      left: 20px;
      background: var(--purple);
      color: #fff;
      border-radius: 8px;
      padding: .6rem 1rem;
      font-size: .78rem;
      font-weight: 600;
    }

    /* ─── TREATMENTS ─────────────────────────────────────────── */
    #treatments { background: var(--offwhite); padding: 100px 0; }
    .section-header { margin-bottom: 60px; }
    .section-label {
      font-size: .76rem;
      font-weight: 600;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--teal);
      margin-bottom: .7rem;
    }
    .section-header h2 {
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      color: var(--purple);
      margin-bottom: .8rem;
    }

    .treatment-card {
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      height: 100%;
      box-shadow: 0 4px 20px rgba(11,37,69,.07);
      transition: transform .3s, box-shadow .3s;
    }
    .treatment-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 40px rgba(11,37,69,.13);
    }
    .treatment-card .card-img {
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }
    .treatment-card .card-img i { font-size: 4rem; color: rgba(255,255,255,.25); }
    .treatment-card .card-img .card-tag {
      position: absolute;
      top: 14px;
      left: 14px;
      background: var(--teal);
      color: #fff;
      border-radius: 6px;
      font-size: .72rem;
      font-weight: 600;
      padding: .3rem .75rem;
      letter-spacing: .04em;
    }
    .treatment-card .card-body { padding: 1.6rem; }
    .treatment-card h5 {
      color: var(--navy);
      margin-bottom: .65rem;
    }
    .treatment-card p { }
    .treatment-card a {
          color: var(--purple);
    font-size: 15px;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: .3rem;
    }
    .treatment-card a:hover { color: var(--navy); }

 /* ── DIAGNOSTICS ── */
    .diag-item {
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: .85rem;
      padding: 1.4rem 1.5rem;
      transition: box-shadow .2s, transform .2s;

    }
    .diag-item:hover {
      box-shadow: 0 10px 30px rgba(11,31,58,.08);
      transform: translateY(-3px);
    }
    .diag-num {
      min-width: 38px; height: 38px;
      background: #55097B;
      color: var(--white);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: .8rem;
      font-weight: 700;
      
      flex-shrink: 0;
    }
    .diag-item h6 {color: var(--navy);     margin: 8px 0 0 0;    font-size: 18px; }
    .diag-item p { color: var(--muted); margin: 0; line-height: 1.6; }

    /* ── CONSULTATION CTA ── */
    .consult-section {
      background: linear-gradient(90deg, #55097B 0%, #F00045 100%) !important;
      position: relative;
      overflow: hidden;
    }
    .consult-section::before {
      content: '';
      position: absolute; inset: 0;
      background: radial-gradient(ellipse 60% 100% at 80% 50%, rgba(13,138,124,.25) 0%, transparent 60%);
      pointer-events: none;
    }
    .consult-section .section-title { color: var(--white); }
    .consult-section .section-sub { color: rgba(255,255,255,.65); max-width: 480px; }
    .consult-form {
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.12);
      backdrop-filter: blur(10px);
      border-radius: 1.2rem;
      padding: 2.2rem;
    }
    .consult-form .form-label { font-size: .83rem; color: rgba(255,255,255,.75); margin-bottom: .35rem; }
    .consult-form .form-control,
    .consult-form .form-select {
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.18);
      color: var(--white);
      border-radius: .6rem;
      font-size: .88rem;
      padding: .65rem 1rem;
    }
    .consult-form .form-control::placeholder { color: rgba(255,255,255,.35); }
    .consult-form .form-control:focus,
    .consult-form .form-select:focus {
      background: rgba(255,255,255,.12);
      border-color: var(--teal-lt);
      box-shadow: 0 0 0 3px rgba(13,138,124,.2);
      color: var(--white);
    }
    .consult-form .form-select option { background: var(--navy); color: var(--white); }
    .btn-submit {
      background: var(--teal);
      border: none;
      color: var(--white);
      font-weight: 600;
      padding: .8rem 2rem;
      border-radius: 50px;
      width: 100%;
      font-size: .95rem;
      transition: background .2s, transform .15s;
    }
    .btn-submit:hover { background: var(--teal-lt); transform: translateY(-1px); color: var(--white); }

    /* ─── CONDITIONS & PROCEDURES TABS ──────────────────────── */
    #explore { padding: 100px 0; background: #fff; }
    .explore-tabs .nav-link {
      font-size: .92rem !important;
      font-weight: 600 !important;
      color: var(--muted) !important;
      border: 2px solid transparent !important;
      border-radius: 10px !important;
      padding: .75rem 1.8rem !important;
      margin-right: .6rem;
      transition: all .2s;
    }
    .explore-tabs .nav-link.active {
      background: var(--navy) !important;
      color: #fff !important;
      border-color: var(--navy) !important;
    }
    .explore-tabs .nav-link:hover:not(.active) {
      color: var(--navy) !important;
      border-color: var(--navy) !important;
    }
    .condition-list, .procedure-list {
      columns: 2;
      column-gap: 2rem;
      list-style: none;
      padding: 0;
      margin: 0;
    }
    @media (max-width:576px) {
      .condition-list, .procedure-list { columns: 1; }
    }
    .condition-list li, .procedure-list li {
      break-inside: avoid;
      padding: .6rem 0;
      border-bottom: 1px solid #eef0f4;
      font-size: .9rem;
      color: var(--text);
      display: flex;
      align-items: center;
      gap: .6rem;
      cursor: pointer;
      transition: color .2s;
    }
    .condition-list li:hover, .procedure-list li:hover { color: var(--teal); }
    .condition-list li i, .procedure-list li i { color: var(--teal); font-size: .7rem; }

    /* ─── INFRASTRUCTURE SLIDER ─────────────────────────────── */
    #infrastructure { background: var(--navy); padding: 100px 0; }
    #infrastructure h2 { color: #fff; }
    #infrastructure p { color: #fff; }
    .infra-slide {
      border-radius: 16px;
      overflow: hidden;
      aspect-ratio: 16/10;
      background: linear-gradient(135deg, #0e3c60, #0e6e6e);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    .infra-slide i { font-size: 5rem; color: rgba(255,255,255,.18); }
    .infra-slide-label {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(transparent, rgba(0,0,0,.7));
      padding: 2rem 1.5rem 1.2rem;
      color: #fff;
      font-size: .9rem;
      font-weight: 500;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
      background-color: var(--teal);
      border-radius: 50%;
      padding: 1.2rem;
      background-size: 50%;
    }
    .carousel-indicators [data-bs-target] {
      background-color: var(--teal);
      width: 30px;
      height: 4px;
      border-radius: 4px;
    }

    /* ─── TESTIMONIALS ───────────────────────────────────────── */
    #testimonials { padding: 100px 0; background: var(--offwhite); }
    #testimonials .read-more-btn {color: var(--purple); text-decoration: none; font-size: 14px;}
    #testimonials .read-more-btn,
.read-more-btn:hover,
.read-more-btn:focus,
.read-more-btn:active {
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}
    .testimonial-card {
      background: #fff;
      border-radius: 16px;
      padding: 2rem 2rem 1.6rem;
      box-shadow: 0 4px 20px rgba(11,37,69,.07);
      height: 100%;
      position: relative;
    }
    .testimonial-card::before {
      content: '\201C';

      font-size: 6rem;
      color: var(--teal);
      opacity: .15;
      position: absolute;
      top: 10px;
      left: 22px;
      line-height: 1;
    }
    .testimonial-card .stars { color: var(--gold); font-size: .9rem; margin-bottom: .9rem; }
    .testimonial-card p { font-size: .9rem; line-height: 1.75; margin-bottom: 1.2rem; }
    .testimonial-card .patient-info { display: flex; align-items: center; gap: .8rem; }
    .testimonial-card .avatar {
      width: 44px; height: 44px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--teal), var(--navy));
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: .95rem;
      flex-shrink: 0;
    }
    .testimonial-card .patient-name { font-weight: 600; font-size: .88rem; color: var(--navy); }
    .testimonial-card .patient-detail { font-size: .78rem; color: var(--muted); }

    /* ─── DOCTORS ────────────────────────────────────────────── */
    #doctors { padding: 50px 0; background: #fff; }
    .doctor-card {
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(11,37,69,.07);
      transition: transform .3s, box-shadow .3s;
      background: #fff;
    }
    .doctor-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 40px rgba(11,37,69,.13);
    }
    .doctor-photo {
      height: auto;
      background: linear-gradient(160deg, #0b2545 0%, #0e6e6e 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    .doctor-photo i { font-size: 6rem; color: rgba(255,255,255,.22); }
    .doctor-photo .dr-tag {
      position: absolute;
      bottom: 14px;
      left: 14px;
      background: var(--gold);
      color: #fff;
      border-radius: 6px;
      font-size: .72rem;
      font-weight: 700;
      padding: .35rem .9rem;
    }
    .doctor-card .doctor-body { padding: 1.4rem 1.6rem 1.6rem; }
    .doctor-card h5 { font-size: 1.05rem; color: var(--navy); margin-bottom: .25rem; }
    .doctor-card .quals { font-size: .8rem; color: var(--teal); font-weight: 600; margin-bottom: .5rem; }
    .doctor-card p { font-size: .84rem; color: var(--muted); line-height: 1.65; }

    /* ─── CTA STRIP ──────────────────────────────────────────── */
    #cta-strip {
      background: linear-gradient(135deg, var(--teal) 0%, #0b2545 100%);
      padding: 80px 0;
      text-align: center;
    }
    #cta-strip h2 { color: #fff; font-size: clamp(1.5rem, 3vw, 2.2rem); margin-bottom: .8rem; }
    #cta-strip p { color: rgba(255,255,255,.72); max-width: 520px; margin: 0 auto 2rem; font-size: .95rem; }
    .btn-white {
      background: #fff;
      color: var(--navy);
      font-weight: 700;
      padding: .9rem 2.2rem;
      border-radius: 8px;
      border: none;
      font-size: .95rem;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      transition: all .25s;
    }
    .btn-white:hover { background: var(--navy); color: #fff; }

   

    /* ─── UTILITIES ──────────────────────────────────────────── */
    .text-teal { color: var(--white); }
    .text-navy { color: var(--navy); }
    .bg-navy { background: var(--navy); }
    .scroll-top {
      position: fixed;
      bottom: 26px;
      right: 26px;
      width: 44px; height: 44px;
      border-radius: 50%;
      background: var(--teal);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      cursor: pointer;
      border: none;
      box-shadow: 0 4px 16px rgba(14,140,140,.4);
      opacity: 0;
      transition: opacity .3s;
      z-index: 999;
    }
    .scroll-top.visible { opacity: 1; }

    /* ── APPOINTMENT ── */
    .appt-section {
      background: rgb(245 245 245);
    }
    .appt-wrap {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 1.4rem;
      overflow: hidden;
      box-shadow: 0 20px 60px rgba(11,31,58,.08);
    }
    .appt-left {
      background: linear-gradient(90deg, #55097B 0%, #F00045 100%);
      padding: 3rem;
      height: 100%; color: #fff;
    }
    .appt-left h3 { font-size: 2rem; color: var(--white); margin-bottom: 1rem; }
    .appt-left p { font-size: .92rem; color: rgba(255, 255, 255, 0.8); line-height: 1.75; margin-bottom: 2rem; }
    .appt-contact { display: flex; align-items: center; gap: .9rem; margin-bottom: 1rem; color: rgba(255,255,255,.8); font-size: .9rem; }
    .appt-contact i { color: #fff; font-size: 1.1rem; }
    .appt-right { padding: 3rem; }
    .appt-right .form-label { font-size: .83rem; color: var(--muted); font-weight: 500; }
    .appt-right .form-control,
    .appt-right .form-select {
      border: 1.5px solid var(--border);
      border-radius: .6rem;
      font-size: .88rem;
      padding: .65rem 1rem; background: #fff;
    }
    .zf-labelName {font-size: 14px;}
    .appt-right .form-control:focus,
    .appt-right .form-select:focus {
      border-color: var(--teal);
      box-shadow: 0 0 0 3px rgba(13,138,124,.12);
    }
    .btn-appt {
      background: linear-gradient(135deg, var(--teal), var(--teal-lt));
      border: none;
      color: var(--white);
      font-weight: 600;
      padding: .85rem 2rem;
      border-radius: 50px;
      width: 100%;
      font-size: .95rem;
      transition: opacity .2s, transform .15s;
    }
    .btn-appt:hover { opacity: .9; transform: translateY(-1px); color: var(--white); }



/* mens clinic*/
    :root {
  --teal2:#7f14b4;
  --teal3:#fff;
  --gold2:#55097B;
  --dark:#081414;
  --mid:#55097B;
  --light:#f2fafa;
  --border:#c8e0e0;
  --white:#fff;
  --teal:    #55097B;
  --teal-lt: #F00045;
  --offwhite:#f5f7fa;
  --text:    #1e2a38;
  --white: #fff;
  --purple: #55097B;
  --border: #ccc;
  --navy:     #55097B;
  --deep:     #55097B;
  --steel:    #55097B;
  --gold:     #55097B;
  --gold-lt:  #55097B;
  --cream:    #f5f0e8;
  --muted:    #000;
  --white:    #ffffff;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }


    /* ── CAROUSEL ── */
    #heroCarousel { position: relative; height: 70vh;/* min-height: 600px;*/ overflow: hidden; }
    #heroCarousel .carousel-inner,
    #heroCarousel .carousel-item { height: 100%; }

    .slide-bg {
      position: absolute; inset: 0;
      background-size: cover;
      background-position: center;
      /*transform: scale(1.08);
      transition: transform 7s ease;*/
    }


    /* slide backgrounds — rich photographic-style gradients */
    .slide-prostate .slide-bg {
      background-image:linear-gradient(120deg, rgb(72 12 89 / 50%) 0%, rgb(235 0 70 / 20%) 55%, rgb(160 6 78 / 35%) 100%), 
      url(../../files/images/mens-health-clinic/1.jpg);
    }
    .slide-urology .slide-bg {
      background-image:linear-gradient(120deg, rgb(72 12 89 / 50%) 0%, rgb(235 0 70 / 20%) 55%, rgb(160 6 78 / 35%) 100%), 
        url('../../files/images/mens-health-clinic/2.jpg');
    }
    .slide-andrology .slide-bg {
      background-image:linear-gradient(120deg, rgb(72 12 89 / 50%) 0%, rgb(235 0 70 / 20%) 55%, rgb(160 6 78 / 35%) 100%), 
        url('../../files/images/mens-health-clinic/3.jpg');
    }

    /* slide content */
    .slide-content {
      position: relative; z-index: 10;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 clamp(1.5rem, 8vw, 7rem);
      padding-top: 90px;
      max-width: 780px;
    }
    .slide-tag {
      display: inline-block;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--white);
      border-left: 2px solid var(--white);
      padding-left: .75rem;
      margin-bottom: 1.1rem;
      opacity: 0;
      transform: translateY(18px);
      transition: opacity .55s .35s, transform .55s .35s;
    }
    .slide-heading {
      font-size: clamp(2rem, 5.5vw, 3.6rem);
      font-weight: 600;
      line-height: 1.12;
      color: var(--white);
      margin-bottom: 1.25rem;
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .6s .5s, transform .6s .5s;
    }
    .slide-body {
      font-size: clamp(.85rem, 1.4vw, 1rem);
      font-weight: 300;
      line-height: 1.75;
      color: rgba(255,255,255,.75);
      max-width: 520px;
      opacity: 0;
      transform: translateY(18px);
      transition: opacity .6s .65s, transform .6s .65s;
    }
    .carousel-item.active .slide-tag,
    .carousel-item.active .slide-heading,
    .carousel-item.active .slide-body { opacity: 1; transform: translateY(0); }

    /* controls */
    .carousel-control-prev,
    .carousel-control-next {
      width: 52px; height: 52px;
      top: 50%; transform: translateY(-50%);
      border-radius: 0;
      opacity: 1;
      transition: background .25s;
    }
    .carousel-control-prev { left: 1.5rem; }
    .carousel-control-next { right: 1.5rem; }
    .carousel-control-prev:hover,
    .carousel-control-next:hover { background:transparent; }
    .carousel-control-prev-icon,
    .carousel-control-next-icon { width: 18px; height: 18px; }

    /* indicators */
    .carousel-indicators {
      bottom: 2rem;
      gap: .5rem;
    }
    .carousel-indicators [data-bs-target] {
      width: 28px; height: 2px;
      background: rgba(255,255,255,.35);
      border: none;
      opacity: 1;
      transition: background .3s, width .3s;
    }
    .carousel-indicators .active {
      background: var(--gold);
      width: 48px;
    }

    /* gold rule divider */
    .gold-rule {
      width: 48px; height: 2px;
      background: var(--gold);
      margin: 0 auto 1.5rem;
    }

    /* ── ABOUT ── */
    .about-section {
      background: var(--navy);
      padding: 1rem 0 5.5rem;
      position: relative;
      overflow: hidden;
    }
    .about-section::before {
      content: '';
      position: absolute;
      right: -120px; top: -120px;
      width: 480px; height: 480px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(197,161,78,.10) 0%, transparent 70%);
      pointer-events: none;
    }
    .about-eyebrow {
      font-size: .7rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 500;
      text-align: center;
      margin-bottom: .75rem;
    }
    .about-heading {
      font-size: clamp(1.85rem, 3.5vw, 2.6rem);
      font-weight: 600;
      text-align: center;
      color: var(--white);
      line-height: 1.18;
    }
    .about-body {
      margin-bottom: 1.1rem; color: #fff;
    }
    .about-body:last-child { margin-bottom: 0; }
    .allia-badge {
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      background: rgba(197,161,78,.12);
      border: 1px solid rgba(197,161,78,.3);
      border-radius: 2px;
      padding: .65rem 1.1rem;
      margin-top: 1.5rem;
      font-size: .82rem;
      color: var(--gold-lt);
      letter-spacing: .03em;
    }
    .allia-badge svg { flex-shrink: 0; }

    /* ── SPECIALISATIONS ── */
    .spec-section {
      background: var(--cream);
      padding: 6rem 0 6.5rem;
    }
    .spec-eyebrow {
      font-size: .7rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 500;
      text-align: center;
      margin-bottom: .75rem;
    }
    .spec-heading {
      font-size: clamp(1.85rem, 3.5vw, 2.6rem);
      font-weight: 600;
      text-align: center;
      color: var(--navy);
      line-height: 1.18;
      margin-bottom: 3.5rem;
    }
    .spec-card {
      background: var(--white);
      border-top: 3px solid var(--gold);
      padding: 2.4rem 2rem 2rem;
      height: 100%;
      position: relative;
      transition: box-shadow .3s, transform .3s;
    }
    .spec-card:hover { box-shadow: 0 18px 48px rgba(11,26,46,.10); transform: translateY(-4px); }
    .spec-number {
      font-size: 3.8rem;
      font-weight: 300;
      color: rgb(85 9 123 / 10%);
      line-height: 1;
      position: absolute;
      top: 1.1rem; right: 1.4rem;
      user-select: none;
    }
    .spec-card .button {border: 1px #ccc solid; border-radius: 10px; text-align: center; padding: 6px;}
    .spec-icon {
      width: 42px; height: 42px;
      background: linear-gradient(135deg, var(--navy) 0%, var(--steel) 100%);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1.1rem;
    }
    .spec-icon svg { width: 20px; height: 20px; }
    .spec-title {
      font-size: 1.45rem;
      font-weight: 600;
      color: var(--navy);
      margin-bottom: .75rem;
    }
    .spec-body {
    }



/* PAE Africa */
img{display:block;max-width:100%}

/* ─────────────────────────────
   banner-slider — full-bleed image
──────────────────────────────*/
.banner-slider{position:relative;height:auto;min-height:auto;display:flex;align-items:flex-end;overflow:hidden}
.banner-slider-img{position:absolute;inset:0;background-image:url('/files/images/pae-africa/banner.jpg');background-size:cover;background-position:center 25%;transform:scale(1.04);animation:banner-sliderZoom 12s ease-out forwards}
.banner-slider-img1{position:absolute;inset:0;background-image:url('/files/images/prostate-care-centre1.jpg');background-size:cover;background-position:center 25%;transform:scale(1.04);animation:banner-sliderZoom 12s ease-out forwards}
@keyframes banner-sliderZoom{to{transform:scale(1)}}
.banner-slider-gradient{position:absolute;inset:0;background:linear-gradient(15deg, rgb(85 9 123 / 90%) 0%, rgb(85 9 123 / 50%) 35%, rgb(85 9 123 / 90%) 100%, #55097b 100%)}
.banner-slider-content{position:relative;z-index:2;padding-bottom:6rem;animation:banner-sliderUp .9s .2s both ease-out}
@keyframes banner-sliderUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.banner-slider-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(200,135,58,.15);border:1px solid rgba(200,135,58,.35);color:var(--gold2);border-radius:50px;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.3rem 1rem;margin-bottom:1.3rem}
.banner-slider h1{font-size:45px;color:#fff;line-height:1.3;font-weight:700;margin-bottom:1.4rem}
.banner-slider h1 em{color:var(--teal3);font-style:italic}
.banner-slider-lead{color:#fff;max-width:480px;margin-bottom:2.2rem;line-height:1.75}
.btn-primary-gold{background:var(--purple);color:var(--white);border:1px #fff solid;border-radius:10px;padding:.88rem 2.2rem;font-size:.97rem;font-weight:600;text-decoration:none;    width: max-content;display:inline-block;transition:all .22s;letter-spacing:.01em}
.btn-primary-gold:hover{background:#6a019e;color:#fff;transform:translateY(-2px);box-shadow:0 8px 28px rgba(94, 22, 122, 0.4)}
.btn-ghost-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:10px;padding:.88rem 2.2rem;font-size:.97rem;font-weight:400;text-decoration:none;display:inline-block;transition:all .22s}
.btn-ghost-white:hover{border-color:var(--teal3);color:var(--teal3)}

/* banner-slider stats bar */
.banner-slider-stats-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(8,20,20,.82);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);padding:1.1rem 0;z-index:3}
.hstat{text-align:center;padding:0 1rem;border-right:1px solid rgba(255,255,255,.1)}
.hstat:last-child{border-right:none}
.hstat-n{font-family:var(--fh);font-size:2.1rem;color:var(--teal3);font-weight:700;line-height:1}
.hstat-l{font-size:.72rem;color:#fff;text-transform:uppercase;letter-spacing:.07em;margin-top:.2rem}

/* ─────────────────────────────
   ACCRED STRIP
──────────────────────────────*/
.accred{background:var(--light);border-bottom:1px solid var(--border);padding:.8rem 0}
.badge-accred{background:#fff;border:1px solid var(--border);border-radius:50px;padding:.38rem 1rem;font-size:.77rem;font-weight:600;color:var(--teal);white-space:nowrap}

/* ─────────────────────────────
   SECTION HELPERS
──────────────────────────────*/
.s-label{font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:.35rem}
.s-title{font-size:clamp(1.7rem,3.8vw,2.7rem);font-weight:700;line-height:1.18;margin-bottom:.9rem}
.s-title span{color:var(--teal)}
.divider{width:44px;height:3px;background:var(--purple);border-radius:4px;margin-bottom:1.1rem}
.divider.mx-auto{margin-left:auto;margin-right:auto}

/* ─────────────────────────────
   ABOUT — BIG SPLIT IMAGE
──────────────────────────────*/
.about-img-col{position:relative;min-height:115vh;overflow:hidden}
.about-img-col img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.about-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,14,14,.88))}
.about-img-caption{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff}
.about-img-caption h5{font-size:1.15rem;margin-bottom:.3rem}
.about-img-caption p{font-size:.83rem;color:#fff;margin:0}
.about-text-col{padding:5.5rem 4rem 5.5rem 3.5rem;display:flex;flex-direction:column;justify-content:center}
.feature-row{display:flex;gap:1rem;align-items:flex-start;padding:.85rem 0;border-bottom:1px solid var(--border)}
.feature-row:last-child{border-bottom:none}
.f-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal2) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.f-icon i{color:#fff;font-size:1.3rem}
.f-title{color:#55097B;    font-weight: 600;margin-bottom:.15rem}
.f-desc{color:#000;margin:0}
#prostate-clinic {
    scroll-margin-top: 120px; /* Adjust based on your header height */
}
#what-is-pae {
    scroll-margin-top: 120px; /* Adjust based on your header height */
}
/* ─────────────────────────────
   SYMPTOMS — image + pills
──────────────────────────────*/
.symp-section{background:var(--purple);padding:6rem 0;position:relative;overflow:hidden}
.symp-section::before{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1618498082410-b4aa22193b38?w=1400&q=70');background-size:cover;background-position:center;opacity:.12}
.pill{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:.5rem 1.1rem;font-size:.87rem;font-weight:500;color:#fff;margin:.3rem;transition:all .2s;cursor:default}
.pill i{color:var(--teal3);font-size:.95rem}
.pill:hover{background:rgba(64,224,208,.12);border-color:var(--teal3);color:#fff}

/* ─────────────────────────────
   HOW IT WORKS — step cards with images
──────────────────────────────*/
.how-section{background:#fff;padding:6rem 0}
.step-wrap{position:relative}
.step-connector{position:absolute;top:80px;left:50%;right:-50%;height:2px;background:linear-gradient(90deg,var(--teal2),transparent);z-index:0;display:none}
.step-card{border-radius:var(--r);overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 24px rgba(12,107,107,.07);height:100%;transition:transform .25s,box-shadow .25s;background:#fff}
.step-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.step-card-img{height:200px;overflow:hidden;position:relative}
.step-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.step-card:hover .step-card-img img{transform:scale(1.06)}
.step-num-overlay{position:absolute;top:12px;left:12px;width:42px;height:42px;background:var(--teal);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:1.3rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.step-card-body{padding:1.5rem}
.step-card-body h5{font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}
.step-card-body p{font-size:.86rem;color:var(--muted);margin:0}

/* ─────────────────────────────
   BENEFITS — image grid cards
──────────────────────────────*/
.benefits-section{background:var(--light);padding:6rem 0}
.ben-card{border-radius:var(--r);overflow:hidden;height:100%;position:relative;box-shadow:0 4px 20px rgba(12,107,107,.1);transition:transform .25s,box-shadow .25s}
.ben-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.ben-card-img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .4s}
.ben-card:hover .ben-card-img{transform:scale(1.06)}
.ben-card-body{background:#fff;padding:1.4rem;border-top:3px solid var(--teal)}
.ben-icon{width:40px;height:40px;background:var(--teal);border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}
.ben-icon i{color:#fff;font-size:1.1rem}
.ben-card-body h5{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:.35rem}
.ben-card-body p{font-size:.85rem;color:var(--muted);margin:0}

/* ─────────────────────────────
   COMPARE — dark with image backdrop
──────────────────────────────*/
.compare-section{position:relative;padding:6rem 0;overflow:hidden}
.compare-bg-img{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1551601651-2a8555f1a136?w=1600&q=65');background-size:cover;background-position:center;filter:grayscale(30%)}
.compare-bg-overlay{position:absolute;inset:0;background:rgba(5,14,14,.80)}
.compare-inner{position:relative;z-index:2}
.ctable{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--r);overflow:hidden}
.ctable thead th{background:var(--teal);color:#fff;padding:.9rem 1.2rem;font-size:.77rem;text-transform:uppercase;letter-spacing:.08em;font-family:var(--fb);font-weight:600;border:none}
.ctable tbody tr{border-bottom:1px solid rgba(255,255,255,.06)}
.ctable tbody tr:hover td{background:rgba(255,255,255,.04)}
.ctable tbody td{padding:.85rem 1.2rem;color:#fff;font-size:.89rem;border:none;vertical-align:middle;background:rgba(255,255,255,.03);    border: 1px solid #2f4242;}
.ctable tbody td:first-child{color:#fff;font-weight:600;    border: 1px solid #2f4242;}
.cg{color:#5fd8a0!important;font-weight:700}
.cb{color:#f08888!important}
.co{color:#f0c060!important;font-weight:600}

/* ─────────────────────────────
   CANDIDATE — full image left
──────────────────────────────*/
.cand-section{background:#fff;padding:0}
.cand-img-side{position:relative;min-height:120vh;overflow:hidden}
.cand-img-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cand-img-side-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,14,14,.9))}
.cand-caption{position:absolute;bottom:0;left:0;right:0;padding:2.2rem;color:#fff}
.cand-caption h5{font-size:1.15rem;margin-bottom:.3rem}
.cand-caption p{font-size:.83rem;color:#fff;margin:0}
.cand-text{padding:5rem 3.5rem 5rem 4rem;display:flex;flex-direction:column;justify-content:center}
.check-item{display:flex;gap:.85rem;align-items:flex-start;padding:.65rem 0;border-bottom:1px solid var(--border)}
.check-item:last-child{border-bottom:none}
.check-item i{color:var(--teal);font-size:1.1rem;margin-top:.2rem;flex-shrink:0}
.check-item span{font-size:.91rem;color:var(--mid)}
.warn-box{    background: #faf0ff;
    border: 1px solid #55097b;border-radius:var(--r);padding:1.4rem 1.5rem;margin-top:1.5rem}
.warn-box h6{color:var(--gold);font-weight:700;margin-bottom:.6rem}
.warn-box li{font-size:.87rem;color:var(--muted);padding:.15rem 0;list-style:none;padding-left:.2rem}
.warn-box li::before{content:'–';margin-right:.5rem;color:var(--muted)}

/* ─────────────────────────────
   TESTIMONIALS — image-top cards
──────────────────────────────*/
.testi-section{background:var(--light);padding:6rem 0}
.testi-card{border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--border);height:100%;box-shadow:0 4px 18px rgba(12,107,107,.08);transition:transform .25s,box-shadow .25s}
.testi-card:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.testi-img-wrap{height:190px;position:relative;overflow:hidden}
.testi-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.testi-card:hover .testi-img-wrap img{transform:scale(1.05)}
.testi-img-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(12,107,107,.6),rgba(5,14,14,.5))}
.testi-img-meta{position:absolute;bottom:12px;left:14px;right:14px;color:#fff}
.testi-stars{color:#f0c060;font-size:.82rem;margin-bottom:.3rem}
.testi-img-meta .name{font-weight:700;font-size:.92rem}
.testi-card-body{padding:1.5rem}
.testi-quote{font-size:.9rem;color:var(--muted);font-style:italic;border-left:3px solid var(--teal);padding-left:.9rem;margin-bottom:1rem}
.testi-tag{background:var(--light);border:1px solid var(--border);border-radius:50px;font-size:.72rem;color:var(--teal);padding:.2rem .7rem;font-weight:600}

/* ─────────────────────────────
   TEAM — dark bg image cards
──────────────────────────────*/
.team-section{position:relative;padding:6rem 0;overflow:hidden}
.team-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1581595219315-a187dd40c322?w=1400&q=60');background-size:cover;background-position:center}
.team-bg-overlay{position:absolute;inset:0;background:rgba(5,14,14,.95)}
.team-inner{position:relative;z-index:2}
.team-card{border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);height:100%;transition:border-color .22s,transform .22s}
.team-card:hover{border-color:rgba(64,224,208,.4);transform:translateY(-5px)}
.team-card-img{height:280px;overflow:hidden}
.team-card-img img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(25%);transition:filter .35s,transform .35s}
.team-card:hover .team-card-img img{filter:grayscale(0);transform:scale(1.04)}
.team-card-body{padding:1.6rem}
.team-card-body h5{color:#fff;font-size:1.15rem;margin-bottom:.2rem}
.team-role{font-size:.8rem;color:var(--teal3);font-weight:600;margin-bottom:.6rem}
.team-card-body p{font-size:.84rem;color:#7aacac;margin-bottom:.9rem}
.team-badge{display:inline-block;background:rgba(64,224,208,.1);color:var(--teal3);border:1px solid rgba(64,224,208,.22);border-radius:50px;font-size:.7rem;padding:.22rem .7rem;margin:.15rem;font-weight:600}

/* ─────────────────────────────
   GALLERY MOSAIC
──────────────────────────────*/
.gallery-section{background:#fff;padding:5.5rem 0}
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:260px 260px;gap:10px}
.mosaic-item{overflow:hidden;border-radius:10px;position:relative}
.mosaic-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.mosaic-item:hover img{transform:scale(1.07)}
.mosaic-item .mi-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(5,14,14,.8));color:#fff;padding:.9rem 1rem .7rem;font-size:.8rem;font-weight:600;opacity:0;transition:opacity .25s}
.mosaic-item:hover .mi-label{opacity:1}
.m1{grid-column:span 6;grid-row:span 2}
.m2{grid-column:span 3}
.m3{grid-column:span 3}
.m4{grid-column:span 3}
.m5{grid-column:span 3}

/* ─────────────────────────────
   FAQ
──────────────────────────────*/
.faq-section{background:var(--light);padding:6rem 0}
.accordion-button:not(.collapsed){background:#e4f6f6;color:var(--teal);box-shadow:none;font-weight:600}
.accordion-button{font-weight:500;font-size:.94rem;color:var(--dark)}
.accordion-button:focus{box-shadow:none}
.accordion-body{font-size:.9rem;color:var(--muted);line-height:1.75}
.accordion-item{border-color:var(--border)!important;border-radius:var(--r)!important;margin-bottom:.6rem;overflow:hidden}

/* ─────────────────────────────
   CONTACT — image split
──────────────────────────────*/
.contact-section{background:#fff;padding:0}
.contact-img-col{position:relative;min-height:700px;overflow:hidden}
.contact-img-col img{position:relative;inset:0;width:100%;height:100%;object-fit:cover}
.contact-img-overlay{position:absolute;inset:0;background:linear-gradient(160deg, rgb(85 9 123 / 50%), rgba(5, 14, 14, .7))}
.contact-img-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem;color:#fff;z-index:1}
.contact-img-inner h3{font-size:2.2rem;line-height:1.15;margin-bottom:.8rem}
.contact-img-inner p{color:rgba(255,255,255,.75);font-size:.93rem;margin-bottom:1.5rem}
.contact-detail{display:flex;align-items:center;gap:.8rem;margin-bottom:.85rem}
.contact-detail i{color:var(--teal3);font-size:1.1rem}
.contact-detail a,.contact-detail span{color:rgba(255,255,255,.85);text-decoration:none;font-size:.92rem;transition:color .15s}
.contact-detail a:hover{color:var(--teal3)}
.contact-form-col{padding:5rem 4rem;display:flex;flex-direction:column;justify-content:center}
.form-control,.form-select{border-color:var(--border);border-radius:9px;font-size:.9rem;padding:.65rem 1rem}
.form-control:focus,.form-select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(12,107,107,.1)}
.form-label{font-size:.8rem;font-weight:600;color:var(--mid)}

/* ─────────────────────────────
   CTA BANNER — full image
──────────────────────────────*/
.cta-section{position:relative;padding:7rem 0;overflow:hidden;text-align:center}
.cta-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1576671081837-49000212a370?w=1600&q=70');background-size:cover;background-position:center top}
.cta-overlay{position:absolute;inset:0;background:linear-gradient(135deg, rgb(85 9 123 / 50%), rgb(85 9 123 / 50%))}
.cta-inner{position:relative;z-index:2;color:#fff}
.cta-inner h2{font-size:clamp(2rem,5vw,3.4rem);margin-bottom:1rem;line-height:1.18}
.cta-inner p{font-size:1.08rem;color:rgba(255,255,255,.78);max-width:540px;margin:0 auto 2.2rem}
.btn-white{background:#fff;color:var(--teal);border:none;border-radius:50px;padding:.9rem 2.3rem;font-size:.97rem;font-weight:700;text-decoration:none;display:inline-block;transition:all .22s}
.btn-white:hover{background:var(--light);color:var(--teal);transform:translateY(-2px);box-shadow:0 10px 32px rgba(0,0,0,.2)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);border-radius:50px;padding:.9rem 2.3rem;font-size:.97rem;font-weight:400;text-decoration:none;display:inline-block;transition:all .22s;margin-left:.8rem}
.btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}

/* ─────────────────────────────
   WhatsApp FAB
──────────────────────────────*/
.wa{position:fixed;bottom:1.7rem;right:1.7rem;z-index:9999;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 6px 24px rgba(0,0,0,.28);transition:transform .2s}
.wa:hover{transform:scale(1.12)}
.wa i{color:#fff;font-size:1.75rem}

/* ─────────────────────────────
   RESPONSIVE
──────────────────────────────*/
@media(max-width:991px){
  .about-text-col,.cand-text,.contact-form-col{padding:3rem 1.5rem}
  .about-img-col,.cand-img-side,.contact-img-col{min-height:380px}
  .banner-slider h1{font-size:2.6rem}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .m1,.m2,.m3,.m4,.m5{grid-column:span 1;}
  .btn-ghost{margin-left:0;margin-top:.6rem}
}
@media(max-width:575px){
  .banner-slider{height:auto;min-height:100svh}
  .banner-slider-content{padding-bottom:7rem}
  .hstat-n{font-size:20px}
}
@media only screen and (max-width: 767px) and (min-width: 260px)  {
.mob-w {width: 100%;}
#hero {padding: 0 20px 0 20px;}
.hero-stats {    gap: 16px;}
.hero-stat-item strong{ font-size: 16px; }
.hero-stat-item {padding-left: 5px;}
.hero-stats {margin-top: 20px;}
.hero-stats {    flex-wrap: inherit;}
.hero-stat-item small {
    font-size: 10px;
    letter-spacing: 0px;
}
#about {padding: 50px 20px;}
#treatments {padding: 50px 20px 20px 20px}
section {padding: 50px 20px;}
#infrastructure {padding: 50px 20px 20px 20px;}
#testimonials {padding: 50px 20px 20px 20px;}
#doctors {padding: 50px 20px 20px 20px;}
.hstat-l {font-size: 10px;}
}