@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap');

:root{
  --blue:#0057B8;
  --blue-2:#073B86;
  --sky:#21B6E8;
  --green:#23A247;
  --green-2:#0B7D37;
  --ink:#0C1F38;
  --muted:#5C6D82;
  --light:#F4FAFF;
  --mint:#F1FFF6;
  --white:#fff;
  --line:rgba(12,31,56,.11);
  --shadow:0 24px 70px rgba(5,34,73,.14);
  --radius:28px;
  --font-body:'Plus Jakarta Sans',sans-serif;
  --font-head:'Cormorant Garamond',serif;
  --font-ui:'Outfit',sans-serif;
  --font-action:'Sora',sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img,video{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,92%);margin-inline:auto}
.section{padding:96px 0;position:relative}
.section-soft{background:linear-gradient(135deg,#F7FCFF 0%,#F1FFF6 100%)}
.eyebrow{font-family:var(--font-action);letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--green);font-size:.78rem;margin-bottom:12px;display:inline-flex;gap:8px;align-items:center}
.eyebrow::before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--green),var(--sky));border-radius:20px}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.08;color:var(--ink)}
h1{font-size:clamp(2.7rem,6vw,5.9rem);letter-spacing:-.035em;font-weight:700}
h2{font-size:clamp(2.15rem,4vw,3.7rem);letter-spacing:-.025em;font-weight:700}
h3{font-size:1.42rem;font-weight:700}
p{color:var(--muted)}
.lead{font-size:1.1rem;max-width:760px;color:#40536b}
.gradient-text{background:linear-gradient(100deg,var(--blue),var(--sky),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:.35s ease}
.site-header.scrolled{box-shadow:0 16px 50px rgba(6,38,83,.12)}
.topbar{background:linear-gradient(90deg,var(--blue-2),var(--blue),var(--green-2));color:#fff;font-family:var(--font-ui);font-size:.88rem}
.topbar .container{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 0}
.topbar a,.topbar span{display:inline-flex;align-items:center;gap:7px;color:#fff;opacity:.96}
.topbar-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.social-mini{display:inline-grid!important;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-weight:800;font-size:.78rem;transition:.25s}
.social-mini:hover{background:#fff;color:var(--blue);transform:translateY(-2px)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:250px}
.brand-logo{width:128px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,87,184,.12))}
.nav-menu{display:flex;align-items:center;gap:30px;list-style:none;font-family:var(--font-ui);font-weight:700;color:#193857}
.nav-menu a{position:relative;padding:10px 0}
.nav-menu a::after{content:"";position:absolute;left:0;bottom:4px;width:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:99px;transition:.3s}
.nav-menu a:hover::after,.nav-menu a.active::after{width:100%}
.header-actions{display:flex;gap:10px;align-items:center}
.menu-toggle{display:none;width:46px;height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#EAF5FF,#EDFFF3);color:var(--blue);cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:5px auto;border-radius:20px;transition:.25s}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;border:0;cursor:pointer;font-family:var(--font-action);font-weight:800;letter-spacing:.01em;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;white-space:nowrap}
.btn::before{content:"";position:absolute;top:-80%;left:-40%;width:38%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(25deg);transition:.7s}
.btn:hover::before{left:120%}
.btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,87,184,.22)}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff}
.btn-green{background:linear-gradient(135deg,var(--green),#6DDC82);color:#fff}
.btn-ghost{border:1px solid rgba(0,87,184,.22);color:var(--blue);background:#fff}
.btn-sm{padding:11px 17px;font-size:.9rem}

/* Hero */
.hero{min-height:calc(100vh - 110px);display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(33,182,232,.22),transparent 30%),radial-gradient(circle at 88% 15%,rgba(35,162,71,.18),transparent 32%),linear-gradient(135deg,#F9FDFF,#F3FFF8)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.17;filter:saturate(1.1) contrast(1.05)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.76) 52%,rgba(255,255,255,.42) 100%);z-index:1}
.tooth-pattern{position:absolute;inset:-80px;z-index:0;opacity:.45;background-image:radial-gradient(circle at 12px 12px,rgba(0,87,184,.11) 2px,transparent 3px);background-size:46px 46px;animation:patternMove 18s linear infinite}
@keyframes patternMove{to{transform:translate3d(46px,46px,0)}}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center;padding:80px 0}
.hero-copy{max-width:740px}
.hero-copy h1{margin-bottom:22px}
.hero-copy .lead{margin-bottom:30px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-badges{display:flex;gap:12px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.86);border:1px solid rgba(0,87,184,.14);box-shadow:0 14px 30px rgba(5,38,84,.08);padding:10px 13px;border-radius:999px;font-family:var(--font-ui);font-weight:700;color:#27405c;font-size:.92rem}
.badge-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--sky));box-shadow:0 0 0 6px rgba(35,162,71,.12)}
.hero-visual{position:relative;min-height:560px}
.orbit-card{position:absolute;z-index:3;background:rgba(255,255,255,.88);border:1px solid rgba(0,87,184,.14);box-shadow:var(--shadow);border-radius:26px;padding:14px 16px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(10px);animation:float 5s ease-in-out infinite}
.orbit-card strong{display:block;font-family:var(--font-ui);font-size:.98rem}.orbit-card span{color:var(--muted);font-size:.82rem}
.orbit-icon{width:45px;height:45px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#EAF6FF,#EFFFF4);color:var(--blue)}
.orbit-card.one{top:60px;left:0}.orbit-card.two{top:210px;right:0;animation-delay:.7s}.orbit-card.three{bottom:86px;left:36px;animation-delay:1.2s}.orbit-card.four{bottom:26px;right:42px;animation-delay:1.8s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.doctor-stack{position:absolute;inset:72px 80px 68px 76px;border-radius:44px;overflow:hidden;box-shadow:0 30px 90px rgba(7,59,134,.24);background:#fff;transform:rotate(-2deg)}
.doctor-stack img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.04)}
.doctor-stack::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,87,184,.24))}
.hero-ring{position:absolute;inset:35px 44px 24px 38px;border:2px dashed rgba(0,87,184,.22);border-radius:52px;animation:slowSpin 18s linear infinite}
@keyframes slowSpin{to{transform:rotate(360deg)}}

/* Cards and grids */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.section-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:42px}.section-head .lead{max-width:560px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 14px 40px rgba(5,38,84,.07);transition:.35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,87,184,.07),rgba(35,162,71,.07));opacity:0;transition:.35s}
.card:hover{transform:translateY(-10px);box-shadow:0 28px 68px rgba(5,38,84,.14);border-color:rgba(0,87,184,.24)}
.card:hover::before{opacity:1}.card>*{position:relative;z-index:1}
.icon-box{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;margin-bottom:20px;color:var(--blue);background:linear-gradient(135deg,#EAF6FF,#EBFFF2);box-shadow:inset 0 0 0 1px rgba(0,87,184,.08)}
.icon-box svg,.orbit-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{margin-bottom:10px}.service-card p{font-size:.95rem;margin-bottom:18px}.service-link{font-family:var(--font-action);font-weight:800;color:var(--blue);display:inline-flex;gap:8px;align-items:center}.service-link:hover{color:var(--green)}

/* Stats */
.stats-strip{margin-top:-54px;position:relative;z-index:3}.stats-card{background:#fff;border:1px solid rgba(0,87,184,.12);box-shadow:var(--shadow);border-radius:30px;padding:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:16px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{font-family:var(--font-head);font-size:2.25rem;color:var(--blue);display:block;line-height:1}.stat span{font-family:var(--font-ui);font-weight:700;color:#38506d;font-size:.92rem}

/* About */
.image-collage{position:relative;min-height:610px}.image-collage .main-img{position:absolute;inset:0 80px 110px 0;border-radius:42px;overflow:hidden;box-shadow:var(--shadow)}.image-collage .main-img img{width:100%;height:100%;object-fit:cover}.image-collage .small-img{position:absolute;right:0;bottom:0;width:52%;height:260px;border:10px solid #fff;border-radius:38px;overflow:hidden;box-shadow:0 22px 60px rgba(5,38,84,.18)}.image-collage .small-img img{width:100%;height:100%;object-fit:cover}.experience-bubble{position:absolute;left:30px;bottom:44px;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;border-radius:28px;padding:22px 28px;box-shadow:0 24px 60px rgba(0,87,184,.25)}.experience-bubble strong{font-size:2.1rem;font-family:var(--font-head);display:block;line-height:1}.experience-bubble span{font-family:var(--font-ui);font-weight:700}
.feature-list{display:grid;gap:14px;margin:28px 0}.feature-item{display:flex;gap:13px;align-items:flex-start}.check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,var(--green),#7BE48C);color:#fff;font-weight:900}

/* Brands */
.brand-ribbon{overflow:hidden;background:linear-gradient(90deg,var(--blue-2),var(--blue),var(--green-2));padding:22px 0;color:#fff}.ribbon-track{display:flex;gap:18px;min-width:max-content;animation:marquee 24s linear infinite}.ribbon-item{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);padding:12px 18px;border-radius:999px;font-family:var(--font-action);font-weight:800}.ribbon-item span{opacity:.8;font-weight:600}@keyframes marquee{to{transform:translateX(-50%)}}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.gallery-item{height:280px;border-radius:28px;overflow:hidden;box-shadow:0 16px 42px rgba(5,38,84,.1);position:relative}.gallery-item.big{grid-row:span 2;height:auto}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.55s}.gallery-item:hover img{transform:scale(1.08)}.gallery-item::after{content:attr(data-title);position:absolute;left:16px;bottom:16px;color:#fff;font-family:var(--font-ui);font-weight:800;background:rgba(0,0,0,.38);backdrop-filter:blur(8px);border-radius:999px;padding:8px 13px;font-size:.85rem}

/* Team */
.team-card{padding:0;overflow:hidden}.team-card img{height:360px;width:100%;object-fit:cover;object-position:center top}.team-info{padding:24px}.team-info h3{margin-bottom:4px}.team-info .role{font-family:var(--font-ui);font-weight:800;color:var(--green);margin-bottom:12px}

/* Process */
.process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-card{counter-increment:step}.process-card::after{content:"0" counter(step);position:absolute;right:22px;top:18px;font-family:var(--font-head);font-size:3.2rem;color:rgba(0,87,184,.09);font-weight:800}.process-card h3{margin-bottom:8px}

/* Testimonials */
.testimonial-slider{display:flex;gap:22px;overflow:hidden}.testimonial{min-width:calc(33.333% - 15px)}.stars{letter-spacing:3px;color:#FFB000;margin-bottom:12px}.quote{font-size:1.02rem;margin-bottom:20px;color:#41546c}.patient{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;display:grid;place-items:center;font-weight:900;font-family:var(--font-ui)}

/* CTA */
.cta-panel{border-radius:42px;background:linear-gradient(135deg,rgba(0,87,184,.96),rgba(35,162,71,.92)),url('../assets/images/clinic-reception.jpg') center/cover;color:#fff;padding:56px;position:relative;overflow:hidden;box-shadow:0 34px 90px rgba(0,87,184,.22)}.cta-panel h2,.cta-panel p{color:#fff}.cta-panel p{opacity:.9}.cta-panel::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-100px;background:rgba(255,255,255,.14)}.cta-content{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px;align-items:center}.cta-content div{max-width:680px}

/* Footer */
.footer{background:#061B36;color:#DDEBFF;padding-top:70px}.footer h3,.footer h4{color:#fff}.footer p,.footer a{color:#B8C9DF}.footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:32px}.footer-logo{width:150px;margin-bottom:16px;filter:brightness(0) invert(1)}.footer ul{list-style:none;display:grid;gap:9px;margin-top:18px}.footer-social{display:flex;gap:10px;margin-top:18px}.social{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-family:var(--font-action);font-weight:900}.social:hover{background:linear-gradient(135deg,var(--blue),var(--green));transform:translateY(-3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:50px;padding:20px 0;display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:.9rem}

/* Page title */
.page-hero{padding:105px 0 82px;background:radial-gradient(circle at 20% 12%,rgba(33,182,232,.24),transparent 28%),radial-gradient(circle at 90% 20%,rgba(35,162,71,.18),transparent 32%),linear-gradient(135deg,#F8FDFF,#F3FFF8);overflow:hidden;position:relative}.page-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12px 12px,rgba(0,87,184,.08) 2px,transparent 3px);background-size:46px 46px;animation:patternMove 20s linear infinite}.page-hero .container{position:relative;z-index:1}.breadcrumb{font-family:var(--font-ui);font-weight:700;color:var(--blue);margin-bottom:12px}.page-hero h1{font-size:clamp(2.4rem,5vw,4.8rem);max-width:900px}.page-hero .lead{margin-top:18px}

/* Service detail cards */
.service-detail{display:grid;grid-template-columns:88px 1fr;gap:22px}.service-detail ul{margin-top:14px;margin-left:18px;color:#566a80}.service-detail li{margin-bottom:6px}.brand-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.chip{padding:8px 12px;border-radius:999px;background:#F1F8FF;border:1px solid rgba(0,87,184,.14);font-family:var(--font-ui);font-weight:800;color:var(--blue);font-size:.83rem}

/* Contact */
.contact-card{height:100%}.info-line{display:flex;gap:14px;align-items:flex-start;margin:18px 0}.info-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#EAF6FF,#EDFFF3);display:grid;place-items:center;color:var(--blue);font-weight:900;flex:0 0 auto}.form{display:grid;gap:14px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form select,.form textarea{width:100%;border:1px solid rgba(12,31,56,.14);border-radius:18px;padding:14px 16px;background:#fff;outline:none;transition:.25s}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,87,184,.09)}.form textarea{min-height:138px;resize:vertical}.map{height:420px;border-radius:30px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.map iframe{width:100%;height:100%;border:0}

/* Floating contact */
.sticky-contact{position:fixed;right:22px;bottom:22px;z-index:999;display:grid;gap:12px}.sticky-contact a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-action);font-weight:900;box-shadow:0 18px 35px rgba(0,0,0,.18);transition:.25s}.sticky-contact a:hover{transform:translateY(-5px) scale(1.04)}.sticky-whatsapp{background:#25D366}.sticky-call{background:var(--blue)}

/* Animations */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .85s ease,transform .85s ease}.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .85s ease,transform .85s ease}.reveal-left.revealed,.reveal-right.revealed{opacity:1;transform:translateX(0)}

/* Responsiveness */
@media (max-width:1050px){
  .hero-content,.grid-2{grid-template-columns:1fr}.hero-visual{min-height:480px;max-width:650px;width:100%;margin-inline:auto}.section-head{display:block}.section-head .lead{margin-top:14px}.grid-4{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.testimonial{min-width:calc(50% - 11px)}
}
@media (max-width:860px){
  .topbar .container{justify-content:center;text-align:center}.topbar-links:first-child{display:none}.nav-menu{position:fixed;left:4%;right:4%;top:118px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;display:grid;gap:4px;box-shadow:var(--shadow);transform:translateY(-18px);opacity:0;pointer-events:none;transition:.28s}.nav-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.menu-toggle{display:block}.header-actions .btn{display:none}.brand-logo{width:112px}.hero{min-height:auto}.hero-content{padding:58px 0}.hero-copy{text-align:left}.doctor-stack{inset:68px 40px 65px 40px}.orbit-card{transform:scale(.9)}.orbit-card.one{left:6px}.orbit-card.two{right:4px}.stats-card{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid var(--line)}.stat:nth-child(3),.stat:nth-child(4){border-bottom:0}.gallery-grid{grid-template-columns:1fr}.gallery-item.big,.gallery-item{height:290px}.cta-content{display:block}.cta-content .btn{margin-top:24px}.section{padding:72px 0}
}
@media (max-width:620px){
  .topbar{display:none}.nav-menu{top:84px}.navbar{padding:11px 0}.brand{min-width:auto}.brand-logo{width:96px}.hero-copy h1{font-size:2.65rem}.hero-ctas .btn{width:100%}.hero-badges{display:grid}.hero-visual{min-height:420px}.doctor-stack{inset:52px 24px 70px 24px;border-radius:30px}.hero-ring{inset:24px 14px 44px 14px;border-radius:36px}.orbit-card{position:relative;display:inline-flex;margin:6px;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;padding:10px 12px}.hero-visual{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:center;padding-top:250px}.orbit-icon{width:36px;height:36px}.grid-3,.grid-4,.process{grid-template-columns:1fr}.stats-card{grid-template-columns:1fr}.stat{border-right:0!important}.stat:nth-child(3){border-bottom:1px solid var(--line)}.image-collage{min-height:470px}.image-collage .main-img{inset:0 0 140px 0}.image-collage .small-img{width:72%;height:190px}.experience-bubble{left:12px;bottom:72px;padding:17px 20px}.team-card img{height:310px}.testimonial{min-width:86%}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block;text-align:center}.footer-bottom p+p{margin-top:8px}.cta-panel{padding:36px 24px;border-radius:30px}.form .row{grid-template-columns:1fr}.sticky-contact{right:14px;bottom:14px}.sticky-contact a{width:48px;height:48px}.map{height:330px}.service-detail{grid-template-columns:1fr}.page-hero{padding:76px 0 58px}
}


/* Content-related animated dental hero background */
.hero-dental-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 70% 20%,rgba(33,182,232,.12),transparent 30%),radial-gradient(circle at 78% 78%,rgba(35,162,71,.12),transparent 28%)}
.dental-pulse{position:absolute;border-radius:999px;border:1px solid rgba(0,87,184,.16);background:rgba(255,255,255,.34);box-shadow:0 24px 80px rgba(0,87,184,.12);animation:dentalPulse 8s ease-in-out infinite}
.pulse-one{width:340px;height:340px;right:7%;top:13%}.pulse-two{width:220px;height:220px;right:30%;bottom:12%;animation-delay:1.2s}.pulse-three{width:130px;height:130px;right:48%;top:24%;animation-delay:2s}
.scan-card{position:absolute;min-width:178px;padding:15px 17px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(0,87,184,.14);box-shadow:0 22px 60px rgba(5,38,84,.11);backdrop-filter:blur(14px);display:flex;align-items:center;gap:12px;color:var(--blue);font-family:var(--font-action);font-weight:800;animation:heroFloat 7s ease-in-out infinite}
.scan-card svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.scan-card span{font-size:.9rem;color:#193857}.scan-implant{right:6%;top:20%}.scan-aligner{right:28%;top:55%;animation-delay:1.1s}.scan-smile{right:9%;bottom:16%;animation-delay:2.1s}
.xray-panel{position:absolute;right:24%;top:20%;width:220px;height:150px;border-radius:26px;background:linear-gradient(135deg,rgba(9,45,97,.76),rgba(0,87,184,.43));box-shadow:0 30px 90px rgba(0,87,184,.16);overflow:hidden;transform:rotate(-7deg);animation:heroTilt 10s ease-in-out infinite}.xray-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:xrayScan 3.2s linear infinite}.xray-panel span{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.48)}.xray-panel span:nth-child(1){width:52px;height:72px;left:38px;top:28px}.xray-panel span:nth-child(2){width:60px;height:88px;left:84px;top:22px}.xray-panel span:nth-child(3){width:52px;height:74px;left:136px;top:32px}.xray-panel span:nth-child(4){width:120px;height:2px;left:48px;bottom:30px;background:rgba(255,255,255,.42);border:0}
@keyframes dentalPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.08);opacity:.38}}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes heroTilt{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-12px)}}
@keyframes xrayScan{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* Real image card upgrades */
.card-image,.service-detail-image,.process-image,.trust-image{overflow:hidden;background:#EAF6FF;position:relative}.card-image img,.service-detail-image img,.process-image img,.trust-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}.card:hover .card-image img,.card:hover .service-detail-image img,.card:hover .process-image img,.card:hover .trust-image img{transform:scale(1.08);filter:saturate(1.07)}
.service-card{padding:0}.service-card-image{height:208px;border-radius:var(--radius) var(--radius) 0 0}.service-card-body{padding:24px 26px 26px}.service-card-body .icon-box{margin-top:-58px;position:relative;z-index:2;background:linear-gradient(135deg,#fff,#EFFFF4);box-shadow:0 12px 32px rgba(5,38,84,.12)}
.service-detail{display:block;padding:0}.service-detail-image{height:210px;border-radius:var(--radius) var(--radius) 0 0}.service-detail-body{padding:24px;display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start}.service-detail-body .icon-box{margin-bottom:0}.service-detail-body ul{margin-top:14px;margin-left:18px;color:#566a80}.service-detail-body li{margin-bottom:6px}
.process-card,.trust-card{padding:0}.process-image,.trust-image{height:152px;border-radius:var(--radius) var(--radius) 0 0}.process-content,.trust-content{padding:22px 24px 24px}.process-card::after{background:rgba(255,255,255,.84);border:1px solid rgba(0,87,184,.08);border-radius:18px;padding:0 8px;top:132px;right:16px;color:rgba(0,87,184,.18)}.trust-content .icon-box{margin-top:-54px;background:linear-gradient(135deg,#fff,#ECFFF2);box-shadow:0 14px 34px rgba(5,38,84,.12)}

/* Professional review section */
.reviews-section .section-head{align-items:flex-start}.review-summary{display:grid;grid-template-columns:170px 1fr auto;gap:24px;align-items:center;border:1px solid rgba(0,87,184,.13);background:linear-gradient(135deg,#fff,#F0FFF6);border-radius:32px;padding:24px;margin-bottom:24px;box-shadow:0 18px 50px rgba(5,38,84,.08)}.review-summary strong{display:block;font-family:var(--font-head);font-size:3.25rem;line-height:1;color:var(--blue)}.review-summary span{font-family:var(--font-action);font-weight:800;color:#29445f;font-size:.86rem}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pro-review{min-width:0}.review-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.pro-review .stars{margin-bottom:0;font-size:.88rem}.review-tag{display:inline-flex;margin-top:8px;padding:8px 12px;border-radius:999px;background:#F1F8FF;border:1px solid rgba(0,87,184,.14);color:var(--blue);font-family:var(--font-action);font-size:.78rem;font-weight:800}

@media (max-width:1050px){.review-summary{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr 1fr}.xray-panel{right:13%;top:16%}.scan-aligner{right:18%}}
@media (max-width:620px){.hero-dental-ambient{opacity:.72}.scan-card{min-width:auto;padding:11px 13px;border-radius:18px}.scan-card span{font-size:.76rem}.scan-implant{right:4%;top:10%}.scan-aligner{right:4%;top:34%}.scan-smile{right:4%;bottom:12%}.xray-panel{width:165px;height:110px;right:32%;top:18%}.service-card-image,.service-detail-image{height:190px}.service-detail-body{grid-template-columns:1fr}.process-image,.trust-image{height:170px}.process-card::after{top:146px}.review-grid{grid-template-columns:1fr}.review-summary{padding:20px}.review-summary .btn{width:100%}}


/* ===== CLEAN FIX: Full Content Preserved + Full Visible Hero Background Slider ===== */
.hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#eefaff !important;
}
.hero-bg-slider{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  border-radius:0 0 72px 72px;
  background:#e8f7ff;
}
.hero-bg-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background-size:cover;
  background-position:center right;
  transform:scale(1.08);
  animation:dkHeroBgSlider 18s infinite ease-in-out;
}
.hero-bg-slide.slide-one{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.74) 0%, rgba(247,252,255,.48) 42%, rgba(247,252,255,.05) 100%),
    url("https://images.pexels.com/photos/6502306/pexels-photo-6502306.jpeg?auto=compress&cs=tinysrgb&w=2000");
}
.hero-bg-slide.slide-two{
  animation-delay:6s;
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.74) 0%, rgba(247,252,255,.48) 42%, rgba(247,252,255,.05) 100%),
    url("https://images.pexels.com/photos/6529107/pexels-photo-6529107.jpeg?auto=compress&cs=tinysrgb&w=2000");
}
.hero-bg-slide.slide-three{
  animation-delay:12s;
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.74) 0%, rgba(247,252,255,.48) 42%, rgba(247,252,255,.05) 100%),
    url("https://images.unsplash.com/photo-1670250492416-570b5b7343b1?auto=format&fit=crop&w=2000&q=90");
}
@keyframes dkHeroBgSlider{
  0%{opacity:0;transform:scale(1.08) translateX(0)}
  7%{opacity:1}
  34%{opacity:1;transform:scale(1.01) translateX(-24px)}
  42%{opacity:0}
  100%{opacity:0;transform:scale(1.08) translateX(0)}
}
.hero-bg-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 20%, rgba(35,162,71,.10), transparent 32%),
    radial-gradient(circle at 16% 80%, rgba(0,87,184,.12), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.42) 100%);
}
.hero-bg-overlay::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(115deg, transparent 44%, rgba(255,255,255,.28) 50%, transparent 56%);
  animation:dkHeroSweep 8s infinite linear;
}
@keyframes dkHeroSweep{
  from{transform:translateX(-34%) rotate(8deg)}
  to{transform:translateX(34%) rotate(8deg)}
}
.hero-content,
.hero-dental-ambient,
.tooth-pattern{
  position:relative !important;
  z-index:3 !important;
}
.hero-dental-ambient{
  background:transparent !important;
  opacity:.30 !important;
}
.hero-dental-ambient .scan-card,
.orbit-card{
  display:none !important;
}
.xray-panel{
  opacity:.28 !important;
}
.hero-slider-dots{
  position:absolute;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  z-index:8;
  display:flex;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(0,87,184,.14);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 38px rgba(5,38,84,.12);
}
.hero-slider-dots span{
  width:9px;
  height:9px;
  border-radius:999px;
  background:rgba(0,87,184,.25);
  animation:dkHeroDot 18s infinite ease-in-out;
}
.hero-slider-dots span:nth-child(2){animation-delay:6s}
.hero-slider-dots span:nth-child(3){animation-delay:12s}
@keyframes dkHeroDot{
  0%,42%,100%{width:9px;background:rgba(0,87,184,.25)}
  7%,34%{width:34px;background:linear-gradient(90deg,var(--blue),var(--green))}
}
.doctor-stack::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 42%, rgba(3,24,58,.16) 62%, rgba(3,24,58,.68) 100%) !important;
}
.doctor-caption{
  position:absolute;
  left:22px;
  right:22px;
  bottom:20px;
  z-index:5;
  padding:14px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.doctor-caption h3{
  margin:0;
  color:#fff;
  font-family:var(--font-head);
  font-size:1.35rem;
}
.doctor-caption p{
  margin:4px 0 0;
  color:rgba(255,255,255,.90);
  font-family:var(--font-action);
  font-weight:850;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.review-summary{
  display:none !important;
}

/* Premium small effects across website */
.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  width:0%;
  height:4px;
  z-index:99999;
  background:linear-gradient(90deg,var(--blue),var(--green));
  box-shadow:0 0 20px rgba(0,87,184,.45);
}
.card,
.gallery-item,
.service-card,
.service-detail,
.process-card,
.trust-card{
  transition:transform .32s ease, box-shadow .32s ease, filter .32s ease !important;
}
.card:hover,
.gallery-item:hover,
.service-card:hover,
.service-detail:hover,
.process-card:hover,
.trust-card:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 30px 72px rgba(5,38,84,.15) !important;
}
.card{
  position:relative;
  overflow:hidden;
}
.card::before{
  content:"";
  position:absolute;
  inset:-120% auto auto -120%;
  width:72%;
  height:230%;
  transform:rotate(25deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent);
  transition:.85s ease;
  pointer-events:none;
  z-index:5;
}
.card:hover::before{
  left:135%;
}
.btn{
  position:relative;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(0,87,184,.22);
}
.btn::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:radial-gradient(circle at var(--x,50%) var(--y,50%), rgba(255,255,255,.42), transparent 34%);
  transition:.25s ease;
}
.btn:hover::after{
  opacity:1;
}
.icon-box{
  animation:dkIconSoftFloat 4.8s infinite ease-in-out;
}
@keyframes dkIconSoftFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.brand-ribbon{
  position:relative;
  overflow:hidden;
}
.brand-ribbon::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
  animation:dkRibbonLight 5.5s infinite linear;
  pointer-events:none;
}
@keyframes dkRibbonLight{
  from{transform:translateX(-100%)}
  to{transform:translateX(100%)}
}
.back-to-top{
  position:fixed;
  right:22px;
  bottom:150px;
  z-index:999;
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  box-shadow:0 18px 42px rgba(0,87,184,.24);
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(20px) scale(.9);
  transition:.28s ease;
}
.back-to-top.show{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.hero-banner-strip{
  display:none !important;
}
@media(max-width:860px){
  .hero-bg-slide{
    background-position:center;
  }
}
@media(max-width:620px){
  .hero-slider-dots{bottom:10px}
  .doctor-caption{left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:16px}
  .doctor-caption h3{font-size:1.08rem}
  .doctor-caption p{font-size:.7rem}
  .back-to-top{right:14px;bottom:126px;width:44px;height:44px}
}


/* ===== Hero fix: replace doctor image with dental-related image and show background more clearly ===== */
.hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#f4fbff !important;
}
.hero-bg-slider{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  border-radius:0 0 72px 72px;
}
.hero-bg-slide{
  background-size:cover !important;
  background-position:center right !important;
}

/* Make the animated hero background more visible */
.hero-bg-slide.slide-one{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.58) 0%, rgba(247,252,255,.26) 38%, rgba(247,252,255,0) 100%),
    url("https://images.pexels.com/photos/6502306/pexels-photo-6502306.jpeg?auto=compress&cs=tinysrgb&w=2000") !important;
}
.hero-bg-slide.slide-two{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.58) 0%, rgba(247,252,255,.26) 38%, rgba(247,252,255,0) 100%),
    url("https://images.pexels.com/photos/6529107/pexels-photo-6529107.jpeg?auto=compress&cs=tinysrgb&w=2000") !important;
}
.hero-bg-slide.slide-three{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.58) 0%, rgba(247,252,255,.26) 38%, rgba(247,252,255,0) 100%),
    url("https://images.unsplash.com/photo-1670250492416-570b5b7343b1?auto=format&fit=crop&w=2000&q=90") !important;
}
.hero-bg-overlay{
  background:
    radial-gradient(circle at 78% 20%, rgba(35,162,71,.08), transparent 30%),
    radial-gradient(circle at 14% 78%, rgba(0,87,184,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.22) 100%) !important;
}
.hero-bg-overlay::before{
  opacity:.9;
}
.hero-dental-ambient{
  opacity:.22 !important;
}
.xray-panel{
  opacity:.20 !important;
}

/* Replace hero portrait with dental-related image and let more background show */
.hero-visual{
  min-height:560px;
}
.doctor-stack.hero-dental-photo{
  inset:98px 112px 96px 112px !important;
  border-radius:38px !important;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 26px 74px rgba(7,59,134,.18) !important;
  transform:rotate(-1.2deg) !important;
}
.doctor-stack.hero-dental-photo img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.04) contrast(1.02) !important;
}
.doctor-stack.hero-dental-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,87,184,.04) 100%);
}
.doctor-caption{
  display:none !important;
}

/* Make hero ring and dots a bit more noticeable */
.hero-ring{
  border-color:rgba(0,87,184,.16) !important;
}
.hero-slider-dots{
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 16px 42px rgba(5,38,84,.14) !important;
}
.hero-slider-dots span{
  background:rgba(0,87,184,.32) !important;
}

@media (max-width:1050px){
  .doctor-stack.hero-dental-photo{
    inset:90px 76px 86px 76px !important;
  }
}
@media (max-width:620px){
  .doctor-stack.hero-dental-photo{
    inset:58px 26px 74px 26px !important;
    border-radius:28px !important;
  }
}


/* ===== Hero foreground image upgraded to attractive online dental visual ===== */
.doctor-stack.hero-dental-photo{
  inset:110px 118px 102px 118px !important;
  border-radius:40px !important;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 30px 80px rgba(7,59,134,.20) !important;
  transform:rotate(-1deg) !important;
}
.doctor-stack.hero-dental-photo img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.05) contrast(1.03) brightness(1.01) !important;
  transition:transform 8s ease;
  animation:heroPhotoSlowZoom 12s ease-in-out infinite;
}
.doctor-stack.hero-dental-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,87,184,.04) 100%),
    linear-gradient(115deg, transparent 46%, rgba(255,255,255,.18) 52%, transparent 58%);
  background-size:100% 100%, 240% 100%;
  animation:heroPhotoShine 7s linear infinite;
}
@keyframes heroPhotoSlowZoom{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.05)}
}
@keyframes heroPhotoShine{
  0%{background-position:0 0, 180% 0}
  100%{background-position:0 0, -80% 0}
}

@media (max-width:1050px){
  .doctor-stack.hero-dental-photo{
    inset:96px 84px 90px 84px !important;
  }
}
@media (max-width:620px){
  .doctor-stack.hero-dental-photo{
    inset:62px 26px 74px 26px !important;
    border-radius:28px !important;
  }
}


/* ===== Better attractive hero image ===== */
.doctor-stack.hero-dental-photo{
  inset:96px 108px 92px 108px !important;
  border-radius:42px !important;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 34px 88px rgba(7,59,134,.22) !important;
  transform:rotate(-1deg) !important;
}
.doctor-stack.hero-dental-photo img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.08) contrast(1.04) brightness(1.02) !important;
  animation:heroImageBreath 10s ease-in-out infinite;
}
.doctor-stack.hero-dental-photo::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 12% 16%, rgba(255,255,255,.55), transparent 18%),
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  z-index:1;
  pointer-events:none;
}
.doctor-stack.hero-dental-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,87,184,.04) 100%),
    linear-gradient(115deg, transparent 46%, rgba(255,255,255,.20) 52%, transparent 58%);
  background-size:100% 100%, 240% 100%;
  animation:heroGlowSweep 7s linear infinite;
  pointer-events:none;
  z-index:2;
}
@keyframes heroImageBreath{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
@keyframes heroGlowSweep{
  0%{background-position:0 0, 180% 0}
  100%{background-position:0 0, -80% 0}
}

/* More visibility for the hero background behind foreground image */
.hero-bg-slide.slide-one{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.50) 0%, rgba(247,252,255,.18) 38%, rgba(247,252,255,0) 100%),
    url("https://images.pexels.com/photos/6502306/pexels-photo-6502306.jpeg?auto=compress&cs=tinysrgb&w=2000") !important;
}
.hero-bg-slide.slide-two{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.50) 0%, rgba(247,252,255,.18) 38%, rgba(247,252,255,0) 100%),
    url("https://images.pexels.com/photos/6529107/pexels-photo-6529107.jpeg?auto=compress&cs=tinysrgb&w=2000") !important;
}
.hero-bg-slide.slide-three{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.50) 0%, rgba(247,252,255,.18) 38%, rgba(247,252,255,0) 100%),
    url("https://images.unsplash.com/photo-1670250492416-570b5b7343b1?auto=format&fit=crop&w=2000&q=90") !important;
}

@media (max-width:1050px){
  .doctor-stack.hero-dental-photo{
    inset:86px 78px 84px 78px !important;
  }
}
@media (max-width:620px){
  .doctor-stack.hero-dental-photo{
    inset:58px 24px 72px 24px !important;
    border-radius:30px !important;
  }
}


/* ===== Best hero image replacement ===== */
.doctor-stack.hero-dental-photo{
  inset:88px 104px 86px 104px !important;
  border-radius:42px !important;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 34px 88px rgba(7,59,134,.22) !important;
  transform:rotate(-0.8deg) !important;
}
.doctor-stack.hero-dental-photo img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.05) contrast(1.04) brightness(1.02) !important;
  animation:heroImageBreath 10s ease-in-out infinite;
}
.doctor-stack.hero-dental-photo::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 14% 16%, rgba(255,255,255,.38), transparent 20%),
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  z-index:1;
  pointer-events:none;
}
.doctor-stack.hero-dental-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,87,184,.04) 100%),
    linear-gradient(115deg, transparent 46%, rgba(255,255,255,.16) 52%, transparent 58%);
  background-size:100% 100%, 240% 100%;
  animation:heroGlowSweep 7s linear infinite;
  pointer-events:none;
  z-index:2;
}
@media (max-width:1050px){
  .doctor-stack.hero-dental-photo{
    inset:80px 74px 78px 74px !important;
  }
}
@media (max-width:620px){
  .doctor-stack.hero-dental-photo{
    inset:56px 24px 68px 24px !important;
    border-radius:30px !important;
  }
}


/* ===== Hero upgrade: bigger ratio image + stronger dental relevance ===== */
.doctor-stack.hero-dental-photo{
  inset:104px 44px 120px 44px !important; /* wider and bigger */
  border-radius:40px !important;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 34px 88px rgba(7,59,134,.22) !important;
  transform:rotate(-0.6deg) !important;
}
.doctor-stack.hero-dental-photo img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.06) contrast(1.04) brightness(1.02) !important;
  animation:heroImageBreathWide 10s ease-in-out infinite;
}
.doctor-stack.hero-dental-photo::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 16%, rgba(255,255,255,.30), transparent 20%),
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  z-index:1;
  pointer-events:none;
}
.doctor-stack.hero-dental-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,87,184,.04) 100%),
    linear-gradient(115deg, transparent 46%, rgba(255,255,255,.16) 52%, transparent 58%);
  background-size:100% 100%, 240% 100%;
  animation:heroGlowSweepWide 7s linear infinite;
  pointer-events:none;
  z-index:2;
}
@keyframes heroImageBreathWide{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.035)}
}
@keyframes heroGlowSweepWide{
  0%{background-position:0 0, 180% 0}
  100%{background-position:0 0, -80% 0}
}

/* Make the overall hero image area feel more landscape/wider */
.hero-visual{
  min-height:590px !important;
}

/* Clean dental-related service highlights */
.hero-service-strip{
  position:absolute;
  left:24px;
  right:24px;
  bottom:18px;
  z-index:6;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.hero-service-strip span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(0,87,184,.12);
  box-shadow:0 16px 36px rgba(5,38,84,.10);
  backdrop-filter:blur(12px);
  color:#173653;
  font-family:var(--font-action);
  font-size:.84rem;
  font-weight:850;
  letter-spacing:.01em;
  animation:serviceChipFloat 5.5s ease-in-out infinite;
}
.hero-service-strip span:nth-child(2){animation-delay:.6s}
.hero-service-strip span:nth-child(3){animation-delay:1.2s}
.hero-service-strip i{
  color:var(--blue);
}
@keyframes serviceChipFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}

/* Let background stay visible */
.hero-bg-slide.slide-one{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.46) 0%, rgba(247,252,255,.16) 38%, rgba(247,252,255,0) 100%),
    url("https://images.pexels.com/photos/6502306/pexels-photo-6502306.jpeg?auto=compress&cs=tinysrgb&w=2000") !important;
}
.hero-bg-slide.slide-two{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.46) 0%, rgba(247,252,255,.16) 38%, rgba(247,252,255,0) 100%),
    url("https://images.pexels.com/photos/6529107/pexels-photo-6529107.jpeg?auto=compress&cs=tinysrgb&w=2000") !important;
}
.hero-bg-slide.slide-three{
  background-image:
    linear-gradient(90deg, rgba(247,252,255,.46) 0%, rgba(247,252,255,.16) 38%, rgba(247,252,255,0) 100%),
    url("https://images.unsplash.com/photo-1670250492416-570b5b7343b1?auto=format&fit=crop&w=2000&q=90") !important;
}

@media (max-width:1050px){
  .doctor-stack.hero-dental-photo{
    inset:90px 36px 108px 36px !important;
  }
  .hero-service-strip{
    left:16px;
    right:16px;
  }
}
@media (max-width:620px){
  .doctor-stack.hero-dental-photo{
    inset:56px 18px 104px 18px !important;
    border-radius:28px !important;
  }
  .hero-service-strip{
    left:10px;
    right:10px;
    bottom:10px;
    gap:8px;
  }
  .hero-service-strip span{
    font-size:.72rem;
    padding:10px 12px;
  }
}


/* ===== User provided hero image applied ===== */
.doctor-stack.hero-dental-photo{
  inset:82px 28px 118px 28px !important; /* wider ratio for the provided image */
  border-radius:42px !important;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 34px 88px rgba(7,59,134,.22) !important;
  transform:rotate(-0.4deg) !important;
}
.doctor-stack.hero-dental-photo img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.05) contrast(1.03) brightness(1.02) !important;
  animation:heroImageBreathWide 10s ease-in-out infinite;
}
.hero-visual{
  min-height:610px !important;
}
.hero-service-strip{
  bottom:18px !important;
}

@media (max-width:1050px){
  .doctor-stack.hero-dental-photo{
    inset:78px 22px 110px 22px !important;
  }
}
@media (max-width:620px){
  .doctor-stack.hero-dental-photo{
    inset:52px 14px 100px 14px !important;
    border-radius:28px !important;
  }
}


/* ===== Interactive Hero Images ===== */
.hero-visual{
  position:relative;
  min-height:640px !important;
}
.interactive-hero-card{
  position:absolute;
  inset:62px 24px 72px 24px;
  z-index:6;
  border-radius:44px;
  overflow:visible;
}
.interactive-main-image{
  position:absolute;
  inset:0;
  border-radius:44px;
  overflow:hidden;
  box-shadow:0 34px 92px rgba(7,59,134,.24);
  background:#fff;
  transform:rotate(-0.5deg);
}
.interactive-main-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  filter:saturate(1.05) contrast(1.04) brightness(1.02);
  transform:scale(1.02);
  transition:opacity .35s ease, transform .75s ease, filter .45s ease;
}
.interactive-main-image:hover img{
  transform:scale(1.07);
  filter:saturate(1.10) contrast(1.05) brightness(1.03);
}
.interactive-main-image.is-changing img{
  opacity:.25;
  transform:scale(1.12);
}
.interactive-main-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, transparent 40%, rgba(3,24,58,.58) 100%),
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.42), transparent 22%);
  pointer-events:none;
}
.interactive-image-shine{
  position:absolute;
  inset:-40%;
  background:linear-gradient(115deg, transparent 45%, rgba(255,255,255,.28) 50%, transparent 56%);
  animation:interactiveHeroShine 7s linear infinite;
  z-index:2;
  pointer-events:none;
}
@keyframes interactiveHeroShine{
  0%{transform:translateX(40%) rotate(7deg)}
  100%{transform:translateX(-40%) rotate(7deg)}
}
.interactive-caption{
  position:absolute;
  left:28px;
  right:28px;
  bottom:104px;
  z-index:3;
  color:#fff;
  max-width:520px;
}
.interactive-caption span{
  display:inline-flex;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(10px);
  font-family:var(--font-action);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.interactive-caption h3{
  color:#fff;
  font-size:1.72rem;
  margin:0 0 8px;
  line-height:1.15;
}
.interactive-caption p{
  margin:0;
  color:rgba(255,255,255,.86);
  line-height:1.55;
  font-size:.96rem;
}
.interactive-tabs{
  position:absolute;
  left:50%;
  bottom:-28px;
  z-index:5;
  transform:translateX(-50%);
  display:flex;
  gap:12px;
  padding:12px;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(0,87,184,.12);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 44px rgba(5,38,84,.14);
}
.hero-tab{
  border:0;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:13px 18px;
  border-radius:999px;
  color:#173653;
  background:rgba(255,255,255,.86);
  font-family:var(--font-action);
  font-weight:900;
  letter-spacing:.01em;
  transition:transform .24s ease, background .24s ease, color .24s ease, box-shadow .24s ease;
}
.hero-tab i{
  color:var(--blue);
  transition:transform .24s ease, color .24s ease;
}
.hero-tab:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 30px rgba(5,38,84,.12);
}
.hero-tab:hover i{
  transform:scale(1.12) rotate(-6deg);
}
.hero-tab.active{
  background:linear-gradient(135deg,var(--blue),#20A7D8);
  color:#fff;
  box-shadow:0 16px 36px rgba(0,87,184,.24);
}
.hero-tab.active i{
  color:#fff;
}

/* remove older static hero image/chips when interactive block exists */
.doctor-stack.hero-dental-photo,
.hero-service-strip{
  display:none !important;
}

@media (max-width:1050px){
  .interactive-hero-card{
    inset:58px 12px 78px 12px;
  }
  .interactive-caption{
    bottom:108px;
  }
}
@media (max-width:720px){
  .hero-visual{
    min-height:560px !important;
  }
  .interactive-hero-card{
    inset:48px 0 92px 0;
  }
  .interactive-main-image{
    border-radius:32px;
  }
  .interactive-caption{
    left:20px;
    right:20px;
    bottom:122px;
  }
  .interactive-caption h3{
    font-size:1.28rem;
  }
  .interactive-caption p{
    font-size:.84rem;
  }
  .interactive-tabs{
    width:92%;
    justify-content:center;
    flex-wrap:wrap;
    border-radius:26px;
    bottom:-60px;
  }
  .hero-tab{
    flex:1 1 120px;
    justify-content:center;
    padding:11px 12px;
    font-size:.78rem;
  }
}