:root{--navy:#102A38;--ivory:#FBF7EE;--gold:#B6873E;--charcoal:#23211E;--line:#E4DBC8;--sage:#5C7A63;}
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:'Inter',sans-serif;background:var(--ivory);color:var(--charcoal);line-height:1.6;-webkit-font-smoothing:antialiased;}
  h1,h2,h3{font-family:'Fraunces',serif;font-weight:600;color:var(--navy);}
  a{text-decoration:none;}img{max-width:100%;display:block;}

 .wrap {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }

    /* --- Topbar Styles --- */
    .topbar {
      background-color: #1a2530; /* Elegant deep slate */
      color: #ffffff;
      font-size: 0.85rem;
      padding: 10px 0;
    }
    .topbar .wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }
    .topbar span {
      opacity: 0.9;
    }
    .topbar a {
      color: #e2b767; /* Soft gold accent */
      text-decoration: none;
      font-weight: bold;
      transition: color 0.2s;
    }
    .topbar a:hover {
      color: #ffffff;
    }

    /* --- NEW: Main Header / Logo Branding Section --- */
    .main-header {
      background-color: #ffffff;
      padding: 15px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    }
    .main-header .wrap {
      display: flex;
      align-items: center;
      justify-content: flex-start; /* Logo left aligned */
    }
    .logo-link {
      display: inline-block;
    }
    .logo-img {
      height: 65px; /* Perfect height for your vertical logo layout */
      width: auto;
      display: block;
    }

    /* --- Hero Section Styles --- */
    .hero {
      position: relative;
      /* Seamlessly blend with the image background color */
      background-color: #f3ece4; 
      /* Integration of your banner image */
     /* background-image: url('banner1.jpg'); */
      background-repeat: no-repeat;
      background-position: right center;
      background-size: cover;
     /* min-height: 520px;*/
      display: flex;
      align-items: center;
      padding: 60px 0;
      overflow: hidden;
    }

    /* Grid layout to constrain text on the left side */
    .hero-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
    }

    .hero-content {
      max-width: 580px;
      z-index: 2;
    }

    /* --- Content Typography --- */
    .eyebrow {
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #8c765c;
      font-weight: 700;
      margin-bottom: 12px;
    }
    
    .hero h1 {
      font-size: 2.4rem;
      color: #1a2530;
      line-height: 1.2;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .hero .sub {
      font-size: 1.05rem;
      color: #555555;
      margin-bottom: 25px;
      line-height: 1.6;
    }

    /* --- Badges --- */
    .badges {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 30px;
    }
    .badge {
      background-color: rgba(26, 37, 48, 0.06);
      border: 1px solid rgba(26, 37, 48, 0.15);
      color: #1a2530;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 0.8rem;
      font-weight: 500;
    }

    /* --- Call To Actions --- */
    .cta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
    }
    
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 28px;
      font-size: 0.95rem;
      font-weight: 600;
      text-decoration: none;
      border-radius: 4px;
      transition: all 0.2s ease-in-out;
    }
    
    .btn-primary {
      background-color: #8c765c; /* Deep warm premium taupe */
      color: #ffffff;
      border: 1px solid #8c765c;
    }
    .btn-primary:hover {
      background-color: #6e5b46;
      border-color: #6e5b46;
    }

    .btn-outline {
      background-color: transparent;
      color: #128c7e; /* Official WhatsApp Green tone */
      border: 2px solid #128c7e;
    }
    .btn-outline:hover {
      background-color: #128c7e;
      color: #ffffff;
    }

    /* --- Responsive Adjustments (Mobile/Tablet) --- */
    @media (max-width: 991px) {
      .hero {
        background-position: 75% center; /* Shift image left on medium screens */
      }
      .hero-grid {
        grid-template-columns: 1fr; /* Stack layout if screen shrinks too much */
      }
      /* Optional overlay panel for high readability on small viewports */
      .hero-content {
        background: rgba(243, 236, 228, 0.9); 
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
      }
    }

    @media (max-width: 600px) {
      .topbar .wrap {
        flex-direction: column;
        text-align: center;
      }
      .main-header {
        padding: 10px 0;
      }
      .main-header .wrap {
        justify-content: center; /* Center logo on mobile screens */
      }
      .logo-img {
        height: 55px; /* Slightly smaller logo on mobile */
      }
      .hero h1 {
        font-size: 1.85rem;
      }
      .cta-row {
        flex-direction: column;
      }
      .btn {
        width: 100%;
      }
    }
  /*.badges{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:30px;}
  .badge{font-size:12px;color:#C9D6DA;border-left:2px solid var(--gold);padding-left:10px;}*/
  .cta-row{display:flex;gap:14px;flex-wrap:wrap;}
  .btn{display:inline-block;padding:13px 26px;border-radius:4px;font-weight:600;font-size:15px;transition:transform .15s ease,box-shadow .15s ease;font-family:'Inter';}
  .btn-primary{background:var(--gold);color:var(--navy);}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(182,135,62,.35);}
  /*.btn-outline{border:1.5px solid rgba(255,255,255,.7);color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,.08);}*/
  .hero-photo{border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15);aspect-ratio:4/5;background:#1C3F50 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:13px;text-align:center;padding:20px;}

  .trust-strip{background:#fff;border-bottom:1px solid var(--line);padding:20px 0;}
  .trust-strip .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:13px;color:#5A554A;text-align:center;}
  .trust-strip strong{display:block;color:var(--navy);font-family:'Fraunces',serif;font-size:20px;}

  section{padding:64px 0;}
  .section-head{text-align:center;max-width:660px;margin:0 auto 44px;}
  .section-head h2{font-size:clamp(24px,3vw,32px);margin-bottom:10px;}
  .section-head p{color:#5A554A;font-size:15.5px;}
  .gold-rule{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:14px auto 0;}

  /* DOCTOR */
  .doctor{background:#fff;}
  .doctor-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:start;}
  .doctor-photo{border-radius:6px;aspect-ratio:3/4;background:#E7E0CF center/contain no-repeat;border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#9A9180;font-size:13px;text-align:center;padding:16px;}
  .doctor-photo img{width:100%;height:100%;object-fit:cover;}
  .role-tag{color:var(--gold);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-family:'Inter';}
  .doctor-content h2{font-size:28px;margin-bottom:6px;}
  .doctor-content .tagline{font-size:15px;color:var(--sage);font-weight:600;margin-bottom:18px;}
  .doctor-content p{color:#42403A;margin-bottom:13px;font-size:15px;}
  .cred-tags{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;}
  .cred-tags span{font-size:12px;color:#42403A;border:1px solid var(--line);padding:6px 12px;border-radius:20px;background:#fff;}
  .highlight-box{background:var(--ivory);border-left:3px solid var(--gold);padding:16px 20px;border-radius:0 4px 4px 0;margin:20px 0;}
  .highlight-box p{font-size:14.5px;color:var(--navy);font-style:italic;margin:0;}

  /* AFFILIATIONS */
  .affiliations{background:var(--navy);}
  .affiliations .section-head h2{color:#fff;}
  .affiliations .section-head p{color:#B9C6CB;}
  .affil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .affil-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:22px 20px;text-align:center;}
  .affil-card .abbr{font-family:'Fraunces',serif;font-size:22px;color:var(--gold);margin-bottom:6px;}
  .affil-card p{color:#C0CACF;font-size:13px;line-height:1.4;}

  /* AWARDS */
  .awards{background:#fff;}
  .award-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
  .award-card{background:var(--ivory);border:1px solid var(--line);border-radius:6px;padding:24px 22px;display:flex;gap:16px;align-items:flex-start;}
  .award-card .medal{font-size:28px;flex-shrink:0;}
  .award-card h4{font-family:'Inter';font-weight:700;font-size:15px;color:var(--navy);margin-bottom:5px;}
  .award-card p{font-size:13.5px;color:#5A554A;}

  /* SERVICES */
  .services{background:var(--navy);}
  .services .section-head h2{color:#fff;}
  .services .section-head p{color:#B9C6CB;}
  .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .service-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:6px;padding:26px 22px;}
  .service-card .icon{font-size:26px;margin-bottom:12px;display:block;}
  .service-card h4{color:#fff;font-size:16px;margin-bottom:8px;font-family:'Inter';font-weight:600;}
  .service-card p{color:#B2C0C5;font-size:13.5px;margin-bottom:14px;}
  .service-card a{color:var(--gold);font-size:13px;font-weight:600;}

  /* PHILOSOPHY */
  .philosophy{background:var(--ivory);border-top:1px solid var(--line);}
  .phil-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .phil-grid h2{font-size:clamp(24px,2.8vw,30px);margin-bottom:16px;}
  .phil-grid p{color:#42403A;font-size:15px;margin-bottom:14px;}
  .phil-points{margin-top:22px;display:flex;flex-direction:column;gap:14px;}
  .phil-point{display:flex;gap:14px;align-items:flex-start;}
  .phil-point .dot{width:8px;height:8px;background:var(--gold);border-radius:50%;margin-top:7px;flex-shrink:0;}
  .phil-point p{margin:0;font-size:14.5px;color:#42403A;}
  .phil-quote{background:var(--navy);border-radius:8px;padding:40px 36px;}
  .phil-quote blockquote{font-family:'Fraunces',serif;font-size:19px;font-style:italic;color:#D9E2E6;line-height:1.55;margin-bottom:18px;}
  .phil-quote cite{font-size:13px;color:var(--gold);font-weight:600;font-style:normal;}

  /* GALLERY */
  .gallery{background:#fff;}
  .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .gallery-grid figure{border-radius:6px;overflow:hidden;border:1px solid var(--line);}
  .gallery-grid img{width:100%;/*aspect-ratio:3/4;*/object-fit:cover;}
  .gallery-grid figcaption{font-size:12px;color:#5A554A;padding:8px 10px;background:#fff;}
  .disclaimer-note{text-align:center;font-size:12px;color:#8A8472;margin-top:18px;}

  /* TESTIMONIAL */
  .testimonial{background:var(--ivory);}
  .quote-card{max-width:680px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:40px 36px;}
  .quote-card p.quote{font-family:'Fraunces',serif;font-size:20px;color:var(--navy);font-style:italic;margin-bottom:18px;}
  .quote-card .who{font-weight:600;color:var(--gold);font-size:14px;}
  .quote-card .disc{font-size:11.5px;color:#9A9484;margin-top:14px;}

  /* FAQ */
  .faq{background:#fff;}
  .faq-item{border-bottom:1px solid var(--line);padding:18px 0;}
  .faq-item h4{font-family:'Inter';font-weight:600;font-size:16px;color:var(--navy);margin-bottom:6px;}
  .faq-item p{color:#5A554A;font-size:14.5px;}

  /* FORM */
  .form-section{background:var(--navy);}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
  .form-left h2{color:#fff;font-size:28px;margin-bottom:14px;}
  .form-left p{color:#C9D6DA;margin-bottom:24px;font-size:15px;}
  .form-card{background:#fff;border-radius:8px;padding:30px;}
  .form-card input,.form-card select{width:100%;padding:12px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:4px;font-size:14.5px;font-family:'Inter';background:var(--ivory);}
  .form-card label{font-size:11.5px;font-weight:700;color:var(--navy);display:block;margin-bottom:5px;letter-spacing:.04em;text-transform:uppercase;}
  .form-card .btn-primary{width:100%;text-align:center;border:none;cursor:pointer;font-size:15px;padding:14px;}
  .contact-links{margin-top:28px;display:flex;flex-direction:column;gap:12px;}
  .contact-links a{color:var(--gold);font-weight:600;font-size:14.5px;}

  footer{background:#0E2530;color:#7E929A;font-size:12.5px;padding:28px 0;text-align:center;line-height:1.9;}
  footer a{color:#B9C6CB;}

  .sticky-cta{position:fixed;bottom:0;left:0;right:0;background:var(--navy);display:flex;z-index:50;border-top:1px solid rgba(255,255,255,.12);}
  .sticky-cta a{flex:1;text-align:center;padding:14px 8px;color:#fff;font-weight:600;font-size:14px;font-family:'Inter';}
  .sticky-cta a.call{background:var(--gold);color:var(--navy);}

  @media(max-width:860px){
    .hero-grid,.doctor-grid,.phil-grid,.form-grid{grid-template-columns:1fr;}
    .hero-photo{order:-1;aspect-ratio:16/9;}
    .service-grid,.affil-grid{grid-template-columns:repeat(2,1fr);}
    .award-list,.gallery-grid{grid-template-columns:repeat(2,1fr);}
    .trust-strip .wrap{justify-content:center;gap:28px;}
    body{padding-bottom:56px;}
  }
  @media(prefers-reduced-motion:reduce){.btn{transition:none;}}