*{margin:0;padding:0;box-sizing:border-box}
:root{--green:#8cc63f;--green-dark:#4f9b0b;--black:#202124;--white:#fff;--light:#f5faef;--muted:#626262;--shadow:0 18px 45px rgba(0,0,0,.12)}
html{scroll-behavior:smooth}
body{font-family:'Manrope',Arial,sans-serif;color:var(--black);background:#fff;line-height:1.75;overflow-x:hidden}
h1,h2,h3,.navbar a,.drop-btn{font-family:'Poppins',sans-serif}
img{max-width:100%;display:block}
a{text-decoration:none}
.top-header{background:linear-gradient(90deg,#171817,#2b2d2b);color:#fff;padding:9px 6%;display:flex;justify-content:space-between;gap:16px;font-size:14px}
.top-left,.top-social{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.top-left a,.top-left span{color:#fff;display:flex;align-items:center;gap:8px;transition:.3s}
.top-left a:hover{color:var(--green)}
.top-left i{color:var(--green)}
.top-social a,.footer-social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.11);color:#fff;transition:.35s;position:relative;overflow:hidden}
.top-social a:before,.footer-social a:before{content:"";position:absolute;inset:0;background:var(--green);transform:scale(0);border-radius:50%;transition:.35s}
.top-social a i,.footer-social a i{position:relative;z-index:1}
.top-social a:hover:before,.footer-social a:hover:before{transform:scale(1)}
.top-social a:hover,.footer-social a:hover{transform:translateY(-5px) rotate(8deg);box-shadow:0 12px 25px rgba(140,198,63,.35)}
.main-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:10px 6%;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.brand img{width:112px;height:auto;transition:.35s}.brand:hover img{transform:scale(1.06)}
.navbar{display:flex;align-items:center;gap:23px}
.navbar a,.drop-btn{border:0;background:none;color:var(--black);font-size:15px;font-weight:800;cursor:pointer;position:relative}
.navbar a:after,.drop-btn:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--green);transition:.35s}
.navbar a:hover:after,.drop-btn:hover:after,.active-link:after{width:100%}
.navbar a:hover,.drop-btn:hover,.active-link{color:var(--green)!important}
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:34px;left:0;background:#fff;width:330px;padding:14px;border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(14px);transition:.35s;max-height:520px;overflow:auto}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu a{display:block;padding:10px 12px;border-radius:10px}.dropdown-menu a:hover{background:var(--light)}
.outline-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--green);background:var(--green);color:#fff;padding:12px 22px;border-radius:40px;font-weight:900;cursor:pointer;transition:.35s;position:relative;overflow:hidden}
.outline-btn:before,.primary-btn:before{content:"";position:absolute;left:var(--x,50%);top:var(--y,50%);width:0;height:0;background:rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%);transition:.4s}
.outline-btn:hover:before,.primary-btn:hover:before{width:280px;height:280px}
.outline-btn:hover,.primary-btn:hover{background:transparent;color:var(--green);box-shadow:0 0 0 5px rgba(140,198,63,.13);transform:translateY(-4px)}
.menu-toggle{display:none;border:0;background:var(--green);color:#fff;font-size:23px;padding:8px 13px;border-radius:10px}
.floating-actions{position:fixed;right:20px;bottom:24px;z-index:999;display:flex;flex-direction:column;gap:13px}
.floating-actions a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;box-shadow:0 12px 30px rgba(0,0,0,.23);animation:pulse 1.8s infinite;transition:.3s}
.float-call{background:#202124}.float-whatsapp{background:#25d366}
.floating-actions a:hover{transform:scale(1.1) translateY(-4px);animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(140,198,63,.48)}70%{box-shadow:0 0 0 14px rgba(140,198,63,0)}100%{box-shadow:0 0 0 0 rgba(140,198,63,0)}}
.hero{background:linear-gradient(135deg,#fff,var(--light));overflow:hidden}.hero img{width:100%;height:auto;min-height:420px;object-fit:cover;object-position:center;animation:softZoom 8s ease-in-out infinite alternate}@keyframes softZoom{from{transform:scale(1)}to{transform:scale(1.035)}}
.section{padding:92px 6%;position:relative}
.eyebrow{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;display:inline-block;margin-bottom:5px}
.center{text-align:center;display:block}.section-title{text-align:center;font-size:42px;line-height:1.2;margin:10px 0 42px}
.about,.doctor,.why,.contact,.about-page-intro,.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.about-text h1,.doctor-text h2,.why-text h2,.about-page-intro h2,.service-detail-text h2{font-size:43px;line-height:1.18;margin:12px 0 18px}
.about-text p,.doctor-text p,.why-text p,.service-detail-text p{color:var(--muted);margin-bottom:14px}
.hover-img{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.hover-img:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);transition:.7s}
.hover-img:hover:after{transform:translateX(100%)}.hover-img img{width:100%;transition:.6s}.hover-img:hover img{transform:scale(1.08)}
.more-text,.service-more{display:none}.more-text.show,.service-more.show{display:block}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.service-card,.value-card,.process-card,.contact-info-card{background:rgba(255,255,255,.92);border:1px solid #e7efd9;border-radius:28px;padding:20px;box-shadow:0 14px 35px rgba(0,0,0,.07);transition:.35s;overflow:hidden;position:relative}
.service-card:before,.value-card:before,.process-card:before,.contact-info-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(140,198,63,.10),transparent);opacity:0;transition:.35s}
.service-card:hover,.value-card:hover,.process-card:hover,.contact-info-card:hover{transform:translateY(-12px);border-color:var(--green);box-shadow:0 25px 60px rgba(92,167,17,.18)}
.service-card:hover:before,.value-card:hover:before,.process-card:hover:before,.contact-info-card:hover:before{opacity:1}
.service-card img{height:220px;width:100%;object-fit:cover;border-radius:22px;margin-bottom:18px;transition:.45s}.service-card:hover img{transform:scale(1.04)}
.service-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;display:grid;place-items:center;font-size:22px;margin-top:-47px;margin-left:16px;position:relative;z-index:2;border:4px solid #fff;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.service-card h3{font-size:22px;margin:13px 0 8px}.service-card p{color:var(--muted)}
.read-service{margin-top:14px;border:2px solid var(--green);background:transparent;color:var(--green);border-radius:28px;padding:9px 17px;font-weight:900;cursor:pointer;transition:.3s;position:relative;z-index:2}.read-service:hover{background:var(--green);color:#fff}
.info-strip,.counter-strip{margin:20px 6%;background:linear-gradient(135deg,var(--green),var(--green-dark));border-radius:32px;color:#fff;padding:34px;display:flex;align-items:center;justify-content:space-around;gap:20px;text-align:center;box-shadow:0 22px 55px rgba(92,167,17,.24)}
.info-strip i{font-size:29px;margin-bottom:8px}.info-strip strong,.info-strip span{display:block}.info-strip a{background:#fff;color:var(--green-dark);padding:12px 22px;border-radius:40px;font-weight:900;transition:.3s}.info-strip a:hover{background:transparent;color:#fff;outline:2px solid #fff}
.doctor,.reviews,.cta-section{background:var(--light)}.doctor h3{color:var(--green-dark);margin-bottom:15px}
.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.insta-grid blockquote{min-width:0!important;width:100%!important}.center-box{text-align:center;margin-top:25px}
.why-point{background:#fff;border-left:5px solid var(--green);padding:17px 18px;border-radius:18px;margin-top:14px;box-shadow:0 8px 25px rgba(0,0,0,.06);transition:.35s;display:flex;gap:14px;align-items:flex-start}.why-point i{color:var(--green);font-size:26px;margin-top:5px}.why-point:hover{transform:translateX(9px);box-shadow:0 14px 35px rgba(92,167,17,.15)}
.counter-strip strong{display:block;font-size:46px;font-family:'Poppins';line-height:1}.counter-strip span{font-weight:900}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery img{height:245px;width:100%;object-fit:cover;border-radius:24px;box-shadow:0 14px 35px rgba(0,0,0,.1);transition:.35s}.gallery img:hover{transform:translateY(-7px) scale(1.03)}
.review-slider{display:flex;align-items:center;gap:18px;overflow:hidden}.review-track{display:flex;gap:20px;transition:.45s ease;width:100%}.review-card{min-width:calc(33.333% - 14px);background:#fff;border-radius:24px;padding:28px;box-shadow:0 12px 30px rgba(0,0,0,.08);color:var(--muted)}.review-card:before{content:"★★★★★";display:block;color:var(--green);font-size:20px;margin-bottom:12px}.review-card b{display:block;color:var(--black);margin-top:16px}.slider-btn{min-width:45px;height:45px;border-radius:50%;border:0;background:var(--green);color:#fff;font-size:20px;cursor:pointer;transition:.3s}.slider-btn:hover{background:var(--black);transform:scale(1.1)}
.map iframe{width:100%;height:470px;border:0;border-radius:28px;box-shadow:var(--shadow)}.contact-form{background:var(--light);padding:36px;border-radius:28px}.contact-form h2{font-size:32px;margin-bottom:12px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:15px 16px;border:1px solid #dfeacd;border-radius:14px;margin:9px 0;font-size:16px;font-family:'Manrope';transition:.3s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(140,198,63,.14)}.contact-form textarea{height:115px;resize:none}.contact-form button{width:100%;margin-top:10px;border:2px solid var(--green);background:var(--green);color:#fff;padding:15px;border-radius:35px;font-weight:900;cursor:pointer;transition:.3s}.contact-form button:hover{background:transparent;color:var(--green)}
.footer{background:radial-gradient(circle at 20% 20%,#30342f,#171817 55%);color:#d6d6d6;padding:66px 6% 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:35px}.footer-logo{width:132px;background:#fff;border-radius:18px;margin-bottom:15px}.footer h3{color:#fff;margin-bottom:15px;display:flex;gap:8px;align-items:center}.footer h3 i{color:var(--green)}.footer a{display:block;color:#d6d6d6;margin-bottom:9px;transition:.3s}.footer a i{color:var(--green);margin-right:6px}.footer a:hover{color:var(--green);transform:translateX(5px)}.footer p i{color:var(--green);margin-right:8px}.footer-social{display:flex;gap:10px;margin-top:16px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-bottom a{display:inline;color:var(--green)}
.reveal{opacity:0;transform:translateY(48px);transition:.85s ease}.reveal.active{opacity:1;transform:translateY(0)}
.page-hero,.inner-hero{min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:92px 6%;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(92,167,17,.92),rgba(32,33,36,.86)),url("images/hygiene-clinic-interior.jpg") center/cover no-repeat}
.premium-hero:before,.inner-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.12);right:-90px;top:-90px;animation:floatBubble 6s ease-in-out infinite alternate}.premium-hero:after,.inner-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.10);left:8%;bottom:-70px;animation:floatBubble 7s ease-in-out infinite alternate-reverse}@keyframes floatBubble{from{transform:translateY(0) scale(1)}to{transform:translateY(25px) scale(1.08)}}.page-hero h1,.inner-hero h1{font-size:52px;line-height:1.12;margin:12px 0;max-width:950px;position:relative;z-index:1}.page-hero p,.inner-hero p{max-width:780px;font-size:19px;position:relative;z-index:1}
.gallery-hero{background:linear-gradient(135deg,rgba(92,167,17,.88),rgba(32,33,36,.84)),url("images/gallery-clinic-interior.jpg") center/cover no-repeat}.contact-hero{background:linear-gradient(135deg,rgba(92,167,17,.88),rgba(32,33,36,.84)),url("images/contact-page-doctor-cabin-hero.jpg") center/cover no-repeat}.service-hero{background:linear-gradient(135deg,rgba(92,167,17,.90),rgba(32,33,36,.88)),url("images/patient-care-consultation.jpg") center/cover no-repeat}
.premium-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.gallery-card{position:relative;overflow:hidden;border-radius:28px;min-height:310px;display:block;box-shadow:0 18px 45px rgba(0,0,0,.13);color:#fff}.gallery-card img{width:100%;height:100%;min-height:310px;object-fit:cover;transition:.6s}.gallery-card:hover img{transform:scale(1.12)}.gallery-card div{position:absolute;inset:auto 0 0 0;padding:26px;background:linear-gradient(transparent,rgba(0,0,0,.78));transform:translateY(10px);transition:.35s}.gallery-card:hover div{transform:translateY(0)}.gallery-card h3{font-size:24px;margin-bottom:6px}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.contact-info-card{text-align:center;padding:34px}.contact-info-card i{width:70px;height:70px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:28px;margin:0 auto 18px}.contact-info-card h3{font-size:23px;margin-bottom:8px}.contact-info-card p{color:var(--muted);margin-bottom:14px}.contact-info-card a{color:var(--green-dark);font-weight:900}
.service-detail-img img{min-height:430px;object-fit:cover}.service-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.service-benefits div{background:var(--light);border-radius:14px;padding:13px;font-weight:800}.service-benefits i{color:var(--green)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.process-card{padding:30px}.process-card span{font-size:38px;font-weight:900;color:var(--green);font-family:'Poppins',sans-serif}.process-card h3{font-size:22px;margin:8px 0}.process-card p{color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.value-card{text-align:center;padding:32px}.value-card i{width:68px;height:68px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:27px;margin:0 auto 18px}.value-card h3{font-size:22px;margin-bottom:10px}.value-card p{color:var(--muted)}.cta-section{text-align:center}.cta-section h2{font-size:38px;margin-bottom:8px}.cta-section p{color:var(--muted);margin-bottom:22px}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.faq-card{background:#fff;border:1px solid #e7efd9;border-radius:22px;padding:24px;box-shadow:0 12px 28px rgba(0,0,0,.06)}.faq-card h3{font-size:20px;margin-bottom:8px}.faq-card i{color:var(--green);margin-right:8px}.faq-card p{color:var(--muted)}
@media(max-width:1000px){.top-header{flex-direction:column;text-align:center;align-items:center}.top-left{justify-content:center}.menu-toggle{display:block}.main-header{flex-wrap:wrap}.navbar{display:none;width:100%;flex-direction:column;align-items:flex-start;background:#fff;padding:20px;border-radius:18px}.navbar.active{display:flex}.dropdown-menu{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none}.dropdown.open .dropdown-menu{display:block}.main-header>.outline-btn{display:none}.about,.doctor,.why,.contact,.about-page-intro,.service-detail{grid-template-columns:1fr}.service-grid,.insta-grid,.premium-gallery,.contact-info-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.review-card{min-width:calc(50% - 10px)}.footer-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.top-left a span,.top-left span{font-size:12px}.top-header{padding:8px 4%}.main-header{padding:8px 5%}.section{padding:60px 5%}.brand img{width:88px}.hero img{height:auto;min-height:0;object-fit:contain;animation:none}.about-text h1,.doctor-text h2,.why-text h2,.section-title,.about-page-intro h2,.service-detail-text h2{font-size:29px}.page-hero h1,.inner-hero h1{font-size:34px}.page-hero,.inner-hero{min-height:320px;padding:70px 5%}.page-hero p,.inner-hero p{font-size:16px}.service-grid,.insta-grid,.gallery,.premium-gallery,.contact-info-grid,.process-grid,.service-benefits,.value-grid,.faq-grid{grid-template-columns:1fr}.service-card img{height:235px}.info-strip,.counter-strip{flex-direction:column;margin:12px 5%}.review-card{min-width:100%}.slider-btn{min-width:38px;height:38px;font-size:16px}.review-slider{gap:8px}.map iframe{height:360px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block;text-align:center}.floating-actions{right:14px;bottom:16px}.floating-actions a{width:50px;height:50px;font-size:22px}}

/* Final premium polish */
:root{--green:#8fcf3f;--green-dark:#5ba614;--black:#1f2420;--muted:#5f665f}
h1,h2,h3,.navbar a,.drop-btn{font-weight:650;letter-spacing:-0.025em}
.page-hero h1,.inner-hero h1,.section-title,.about-text h1,.doctor-text h2,.why-text h2,.service-detail-text h2{font-weight:650}
.eyebrow{font-weight:800;letter-spacing:1.8px}
.navbar a,.drop-btn{font-weight:650}
.footer h3{font-weight:650}

.top-social a,.footer-social a{
  width:38px!important;
  height:38px!important;
  background:#ffffff!important;
  color:var(--green-dark)!important;
  border:1px solid rgba(143,207,63,.28);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.top-social a i,.footer-social a i{font-size:17px!important}
.top-social a:hover,.footer-social a:hover{
  color:#fff!important;
  background:var(--green)!important;
  transform:translateY(-5px) scale(1.08)!important;
}
.top-social a:before,.footer-social a:before{display:none!important}

.main-header{
  animation:slideDown .7s ease both;
}
@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}

.service-card,.value-card,.process-card,.contact-info-card,.review-card,.faq-card{
  backdrop-filter:blur(10px);
}
.service-card{
  animation:cardFloatIn .75s ease both;
}
.service-card:nth-child(2){animation-delay:.08s}
.service-card:nth-child(3){animation-delay:.16s}
.service-card:nth-child(4){animation-delay:.24s}
.service-card:nth-child(5){animation-delay:.32s}
.service-card:nth-child(6){animation-delay:.40s}
@keyframes cardFloatIn{from{opacity:0;transform:translateY(35px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

.service-card:hover,.value-card:hover,.process-card:hover,.contact-info-card:hover{
  transform:translateY(-10px) scale(1.015);
}
.service-link-btn{
  display:inline-flex;
  text-decoration:none;
}
.read-service{
  position:relative;
  overflow:hidden;
}
.read-service:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:translateX(-110%);
  transition:.45s;
}
.read-service:hover:after{transform:translateX(110%)}

.outline-btn,.primary-btn,.contact-form button{
  box-shadow:0 12px 30px rgba(91,166,20,.22);
}
.outline-btn:hover,.primary-btn:hover,.contact-form button:hover{
  letter-spacing:.3px;
}

.page-hero,.inner-hero{
  isolation:isolate;
}
.page-hero:before,.inner-hero:before{
  filter:blur(.2px);
}
.page-hero h1,.inner-hero h1{
  text-shadow:0 12px 34px rgba(0,0,0,.20);
}

.reveal{
  transform:translateY(55px) scale(.985);
}
.reveal.active{
  transform:translateY(0) scale(1);
}

.dropdown-menu{
  scrollbar-width:thin;
  scrollbar-color:var(--green) #f3f7ef;
}
.dropdown-menu a{
  font-weight:600;
}

@media(max-width:1000px){
  .top-social{justify-content:center}
  .navbar{box-shadow:0 18px 45px rgba(0,0,0,.12)}
  .dropdown-menu{max-height:none}
}
@media(max-width:640px){
  body{font-size:15px}
  h1,h2,h3{letter-spacing:-.018em}
  .top-social a,.footer-social a{width:36px!important;height:36px!important}
  .navbar a,.drop-btn{font-size:15px}
  .service-card,.value-card,.process-card,.contact-info-card{border-radius:22px}
  .page-hero h1,.inner-hero h1{font-size:31px!important}
  .section-title,.about-text h1,.doctor-text h2,.why-text h2,.service-detail-text h2{font-size:27px!important}
  .footer-social{justify-content:flex-start}
}


/* Mobile header/logo enhancement */
@media (max-width: 640px){
  .brand img{
    width: 150px !important;
  }
  .top-left a span,
  .top-left span{
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.4;
  }
  .top-left{
    gap: 12px;
  }
}