*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:#0f172a;letter-spacing:-0.01em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;font-family:"Inter",sans-serif;color:#1e293b;background:#f0f7ff;line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4,h5{letter-spacing:-0.02em;font-family:"Outfit",sans-serif;line-height:1.2;font-weight:800}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:100px;font-family:"Outfit",sans-serif;font-weight:700;font-size:15px;cursor:pointer;border:none;transition:all .3s ease}
.btn-lg{padding:16px 36px;font-size:17px}
.btn-primary{background:linear-gradient(135deg,#2A5298,#6DD5FA);color:#fff;box-shadow:0 4px 20px rgba(42,82,152,.3)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(109,213,250,.5)}
.btn-glass{background:rgba(255,255,255,.92);color:#25D366;border:1.5px solid #25D366}
.btn-glass:hover{background:#25D366;color:#fff;transform:translateY(-3px)}
.btn-outline{background:transparent;color:#2A5298;border:2px solid #2A5298}
.btn-outline:hover{background:#2A5298;color:#fff}
.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:14px 0;transition:all .3s ease}
.header.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 2px 20px rgba(0,0,0,.08);padding:10px 0}
.nav-wrap{display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#1E3C72,#6DD5FA);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}
.logo-img{width:52px;height:52px;border-radius:14px;object-fit:contain;background:#fff;padding:4px;flex-shrink:0;box-shadow:0 2px 12px rgba(30,60,114,.15)}
.logo-text-block{display:flex;flex-direction:column;gap:0px}
.logo-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:22px;color:#1E3C72;line-height:1.1}
.logo-clinic{font-family:"Outfit",sans-serif;font-weight:800;font-size:12.5px;color:#2A5298}
.logo-tagline{font-size:10px;font-style:italic;color:#6DD5FA;font-weight:500}
.nav{display:flex;gap:24px;margin:0 auto}
.nav-link{font-family:"Outfit",sans-serif;font-weight:800;font-size:15px;color:#0f172a;transition:.2s;position:relative}
.nav-link:hover{color:#2A5298}
.nav-link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#6DD5FA;transition:.3s;border-radius:2px}
.nav-link:hover::after{width:100%}
.nav-cta{flex-shrink:0}
.burger{display:none;background:none;border:none;font-size:24px;color:#1E3C72;cursor:pointer;padding:4px}
.hero{min-height:85vh;display:flex;align-items:center;padding:110px 0 60px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e8f4fd 0%,#dbeeff 60%,#e0f2fe 100%)}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}
.orb1{width:600px;height:600px;background:rgba(109,213,250,.4);top:-100px;right:-50px;animation:drift 12s ease-in-out infinite alternate}
.orb2{width:400px;height:400px;background:rgba(42,82,152,.2);bottom:-50px;left:-100px;animation:drift 9s ease-in-out infinite alternate-reverse}
@keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(40px,60px)}}
.hero-grid{justify-items:center;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;position:relative}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(42,82,152,0.1);color:#2A5298;border:1px solid rgba(42,82,152,0.25);padding:6px 14px;border-radius:100px;font-size:13px;font-weight:700;margin-bottom:15px}
.pill i{color:#6DD5FA}
.hero-h1{font-size:clamp(36px,5vw,56px);font-weight:900;color:#1E3C72;margin-bottom:8px}
.hero-h1 span{background:linear-gradient(135deg,#2A5298,#6DD5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tagline{font-size:clamp(18px,2.5vw,26px);font-weight:700;background:linear-gradient(135deg,#2A5298,#6DD5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}
.hero-tagline-accent{font-size:15px;font-style:italic;color:#334155;margin-bottom:20px}
.hero-desc{font-size:16px;color:#334155;max-width:480px;margin-bottom:32px;line-height:1.8}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap}
.hero-trust span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#2A5298}
.hero-trust i{color:#6DD5FA}
.hero-card{position:relative;width:100%;max-width:500px;margin:0 auto;background:rgba(255,255,255,0.65);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.8);border-radius:32px;padding:20px;box-shadow:0 30px 80px rgba(30,60,114,0.15)}border-radius:30px;padding:16px;box-shadow:0 30px 80px rgba(30,60,114,.15);background:#fff}
.hero-img{width:100%;height:420px;border-radius:22px;object-fit:cover;object-position:top}
.float-badge{position:absolute;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);padding:10px 16px;border-radius:100px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.top-badge{top:20px;right:-14px;animation:floatY 3s ease-in-out infinite alternate}
.bot-badge{bottom:80px;left:-14px;animation:floatY 3.5s ease-in-out infinite alternate-reverse}
@keyframes floatY{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}
.doctor-name-tag{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(30,60,114,.92);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:100px;display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:"Outfit",sans-serif;font-weight:700;font-size:14px}
.doctor-name-tag i{color:#6DD5FA;font-size:16px}
.doctor-name-tag div{display:flex;flex-direction:column}
.doctor-name-tag span{font-size:11px;font-weight:400;color:#93c5fd}
.stats{padding:0 0 70px;position:relative;z-index:10}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-50px}
.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px 20px;text-align:center;box-shadow:0 10px 40px rgba(30,60,114,.08);transition:.3s}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(109,213,250,.2)}
.stat-ico{font-size:34px;background:linear-gradient(135deg,#2A5298,#6DD5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}
.stat-card h3{font-size:34px;font-weight:900;color:#1E3C72;margin-bottom:4px}
.stat-card p{color:#334155;font-weight:600;font-size:14px}
.about{padding:100px 0;background:#fff}
.sec-head{text-align:center;margin-bottom:52px}
.sec-head h2{font-size:clamp(26px,4vw,42px);font-weight:800;color:#1E3C72;margin-bottom:10px}
.sec-head p{color:#334155;font-size:16px;line-height:1.7}
.sec-label{display:inline-block;background:rgba(42,82,152,.08);color:#2A5298;border:1px solid rgba(42,82,152,.2);padding:6px 16px;border-radius:100px;font-size:12px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:60px}
.doctor-single{border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(30,60,114,.15)}
.doctor-single-img{width:100%;object-fit:cover;height:480px;object-position:center top;display:block}
.about-text h3{font-size:26px;font-weight:800;color:#1E3C72;margin-bottom:14px}
.about-text p{color:#334155;font-size:15px;line-height:1.8;margin-bottom:14px}
.dr-badge-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#f0f7ff,#dbeeff);border:1px solid #bfdbfe;border-radius:16px;padding:16px 20px;margin-bottom:22px}
.dr-badge-card i{font-size:32px;color:#f59e0b;flex-shrink:0}
.dr-badge-card strong{display:block;font-size:17px;color:#1E3C72;font-weight:800}
.dr-badge-card small{color:#334155;font-size:13px}
.dr-specialties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 26px}
.dr-specialties span{display:flex;align-items:center;gap:8px;font-weight:600;color:#1E3C72;font-size:14px}
.dr-specialties i{color:#6DD5FA;font-size:14px}
.services{padding:100px 0;background:#f8fafc}
.cat-h{font-size:20px;font-weight:800;color:#1E3C72;margin:48px 0 18px;padding-left:16px;border-left:4px solid #6DD5FA;display:flex;align-items:center;gap:10px}
.cat-h i{color:#2A5298}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.svc-card{border:1.5px solid #e2e8f0;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px 22px;box-shadow:0 4px 16px rgba(30,60,114,.05);transition:.3s;text-align:center}
.svc-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(109,213,250,.25);border-color:rgba(109,213,250,.5)}
.svc-ico{width:54px;height:54px;background:linear-gradient(135deg,rgba(42,82,152,.1),rgba(109,213,250,.2));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#2A5298;margin:0 auto 14px}
.svc-card h4{font-size:16px;font-weight:700;color:#1E3C72;margin-bottom:6px}
.svc-card p{color:#334155;font-size:13px;line-height:1.6}
.tourism{padding:100px 0;background:#fff}
.tourism-intro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:20px}
.ti-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:30px 22px;text-align:center;transition:.3s;box-shadow:0 4px 16px rgba(30,60,114,.05)}
.ti-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(109,213,250,.2);border-color:rgba(109,213,250,.4)}
.ti-ico{width:60px;height:60px;background:linear-gradient(135deg,rgba(42,82,152,.1),rgba(109,213,250,.2));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#2A5298;margin:0 auto 16px}
.ti-card h4{font-size:17px;font-weight:700;color:#1E3C72;margin-bottom:8px}
.ti-card p{color:#334155;font-size:14px;line-height:1.6}
.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px 18px;text-align:center;position:relative;transition:.3s;box-shadow:0 4px 16px rgba(30,60,114,.05)}
.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(109,213,250,.25);border-color:rgba(109,213,250,.5)}
.step-num{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:32px;height:32px;background:linear-gradient(135deg,#2A5298,#6DD5FA);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-weight:800;font-size:15px;box-shadow:0 4px 12px rgba(42,82,152,.3)}
.step-ico{width:52px;height:52px;background:linear-gradient(135deg,rgba(42,82,152,.1),rgba(109,213,250,.2));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#2A5298;margin:8px auto 14px}
.step-card h4{font-size:15px;font-weight:700;color:#1E3C72;margin-bottom:8px}
.step-card p{color:#334155;font-size:13px;line-height:1.6}
.pkg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.pkg-card{background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border:1px solid #bfdbfe;border-radius:20px;padding:28px 18px;text-align:center;transition:.3s;box-shadow:0 4px 16px rgba(30,60,114,.06)}
.pkg-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(42,82,152,.15);border-color:#2A5298}
.pkg-ico{width:56px;height:56px;background:linear-gradient(135deg,#2A5298,#6DD5FA);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin:0 auto 16px;box-shadow:0 4px 16px rgba(42,82,152,.3)}
.pkg-card h4{font-size:15px;font-weight:700;color:#1E3C72;margin-bottom:8px}
.pkg-card p{color:#334155;font-size:13px;line-height:1.6}
.why-us{padding:100px 0;background:linear-gradient(135deg,#1E3C72 0%,#2A5298 60%,#1a4a8a 100%)}
.why-label{color:#93c5fd!important;border-color:#93c5fd!important;background:rgba(147,197,253,.1)!important}
.why-us .sec-head h2{color:#fff}
.why-us .sec-head p{color:rgba(255,255,255,.75)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.why-card{border:1.5px solid rgba(255,255,255,0.1);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:36px 22px;text-align:center;transition:.3s}
.why-card:hover{background:rgba(255,255,255,.13);transform:translateY(-8px);border-color:rgba(109,213,250,.4)}
.why-ico{width:68px;height:68px;background:rgba(109,213,250,.12);border:1px solid rgba(109,213,250,.3);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#6DD5FA;margin:0 auto 18px}
.why-card h4{font-size:16px;font-weight:800;color:#fff;margin-bottom:10px}
.why-card p{color:rgba(255,255,255,.75);font-size:14px;line-height:1.7}
.testimonials{padding:100px 0;background:#f8fafc}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:34px 26px;text-align:center;transition:.3s;box-shadow:0 4px 16px rgba(30,60,114,.05)}
.testi-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(42,82,152,.1);border-color:#bfdbfe}
.stars{color:#f59e0b;font-size:22px;letter-spacing:2px;margin-bottom:14px}
.testi-card p{font-size:15px;font-style:italic;color:#334155;line-height:1.7;margin-bottom:18px}
.testi-card span{font-weight:700;color:#2A5298;font-size:13px}
.testi-action{text-align:center;margin-top:40px}
.cta-sec{padding:80px 0;background:#f0f7ff}
.cta-box{background:linear-gradient(135deg,#dbeeff,#bfdbfe);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:70px 60px;text-align:center;box-shadow:0 20px 60px rgba(42,82,152,.1)}
.cta-box h2{font-size:clamp(26px,4vw,42px);font-weight:800;color:#1E3C72;margin-bottom:14px}
.cta-box p{font-size:17px;color:#334155;margin-bottom:36px}
.cta-btns{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
footer{background:#0f172a;padding:80px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:60px;margin-bottom:56px}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer-tagline-text{color:#94a3b8;font-size:14px;line-height:1.7;margin-bottom:24px}
.footer-h{font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#6DD5FA;border-left:3px solid #6DD5FA;padding-left:12px;font-weight:800;color:#fff;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid #1e293b}
.footer-links li{margin-bottom:12px}
.footer-links a{color:#94a3b8;font-size:14px;display:flex;align-items:center;gap:8px;transition:.2s;font-weight:500}
.footer-links a:hover{color:#6DD5FA;padding-left:4px}
.footer-links i{font-size:10px;color:#2A5298}
.footer-contact>div{display:flex;gap:14px;margin-bottom:14px;align-items:flex-start}
.footer-contact i{color:#6DD5FA;margin-top:3px;flex-shrink:0}
.footer-contact p,.footer-contact a{color:#94a3b8;font-size:13px;line-height:1.6}
.footer-contact a:hover{color:#6DD5FA}
.social-row{display:flex;gap:12px}
.social-row a{width:42px;height:42px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:18px;transition:.3s}
.social-row a:hover{background:#6DD5FA;color:#fff;border-color:#6DD5FA;transform:translateY(-3px)}
.map-wrap{border-radius:14px;overflow:hidden;border:1px solid #1e293b}
.footer-bottom{border-top:1px solid #1e293b;padding:20px 0;text-align:center}
.footer-bottom p{color:#334155;font-size:13px}
.wa-float{position:fixed;bottom:28px;right:28px;width:62px;height:62px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 6px 24px rgba(37,211,102,.5);z-index:999;transition:.3s;animation:wapulse 2.5s infinite}
.wa-float:hover{transform:scale(1.1);background:#1ebe57}
@keyframes wapulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);will-change:opacity, transform}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.why-grid,.tourism-intro-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.pkg-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:960px){.hero-grid{justify-items:center;grid-template-columns:1fr;text-align:center;gap:40px}.hero-btns,.hero-trust{justify-content:center}.hero-desc{margin-left:auto;margin-right:auto}.about-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:1fr 1fr}.float-badge{display:none}}
@media(max-width:768px){.nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;padding:20px 24px;box-shadow:0 10px 30px rgba(0,0,0,.1);border-top:1px solid #e2e8f0;gap:14px}.nav.open{display:flex}.nav-cta{display:none}.burger{display:block}.cta-box{padding:40px 24px}.cta-btns{flex-direction:column;align-items:center}.testi-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.steps-grid,.pkg-grid{grid-template-columns:1fr 1fr}.tourism-intro-grid{grid-template-columns:1fr 1fr}.dr-specialties{grid-template-columns:1fr}.logo-clinic,.logo-tagline{display:none}}
@media(max-width:500px){.stats-grid,.why-grid{grid-template-columns:1fr}.hero-btns{flex-direction:column;align-items:center}.steps-grid,.pkg-grid{grid-template-columns:1fr}}


/* ===== ABOUT SECTION SIMPLIFIED ===== */
.about{padding:100px 0;background:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-photo-wrap{position:relative}
.about-img{width:100%;border-radius:24px;box-shadow:0 20px 60px rgba(30,60,114,0.15);object-fit:cover;height:500px}
.about-experience{position:absolute;bottom:20px;right:-20px;background:#1E3C72;color:#fff;padding:20px;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.exp-num{display:block;font-size:32px;font-weight:900;font-family:"Outfit",sans-serif;line-height:1}
.exp-text{font-size:12px;font-weight:600;opacity:0.8}
.dr-main-name{font-size:42px;font-weight:900;color:#1E3C72;margin-bottom:10px}
.dr-degree-line{font-size:18px;font-weight:700;color:#2A5298;margin-bottom:24px}
.dr-awards-list{margin-bottom:30px}
.award-item{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-weight:700;color:#475569}
.award-item i{color:#f59e0b;font-size:18px}
.dr-intro{margin-bottom:30px;font-size:16px;line-height:1.8;color:#475569}
.dr-specialties-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:40px}
.spec-item{display:flex;align-items:center;gap:10px;font-weight:800;color:#1E3C72;font-size:15px}
.spec-item i{color:#6DD5FA}
.about-actions{display:flex;gap:20px}

@media(max-width:960px){
  .about-grid{grid-template-columns:1fr;gap:40px}
  .about-img{height:400px}
  .about-experience{right:20px}
}
/* ===== DOCTOR AWARDS ===== */
.dp-awards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.dp-award-item{display:flex;align-items:center;gap:10px;background:rgba(109,213,250,.05);border:1px solid rgba(109,213,250,.2);padding:10px 14px;border-radius:12px;transition:.3s}
.dp-award-item:hover{background:rgba(109,213,250,.1);transform:translateX(5px)}
.dp-award-item i{color:#f59e0b;font-size:16px;flex-shrink:0}
.dp-award-item span{font-family:"Outfit",sans-serif;font-size:13px;font-weight:700;color:#1E3C72;line-height:1.3}
@media(max-width:600px){.dp-awards{grid-template-columns:1fr}}

/* ===== DOCTOR PROFILE CARD ===== */
.doctor-profile-card{display:grid;grid-template-columns:350px 1fr;gap:0;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 70px rgba(30,60,114,.12);border:1px solid #e2e8f0;margin-top:20px}
.dp-photo-col{position:relative;background:linear-gradient(160deg,#1E3C72 0%,#2A5298 50%,#6DD5FA 100%);padding:40px 30px;display:flex;align-items:center;justify-content:center}
.dp-photo-wrap{position:relative;width:100%;max-width:280px}
.dp-photo{width:100%;border-radius:20px;object-fit:cover;object-position:center top;height:350px;box-shadow:0 20px 50px rgba(0,0,0,.3);border:4px solid rgba(255,255,255,.25)}
.dp-exp-badge{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:#fff;border-radius:16px;padding:12px 20px;text-align:center;box-shadow:0 8px 28px rgba(30,60,114,.2);white-space:nowrap;border:1px solid #e2e8f0;width:max-content}
.dp-exp-num{display:block;font-family:"Outfit",sans-serif;font-size:24px;font-weight:900;color:#1E3C72;line-height:1}
.dp-exp-label{display:block;font-size:11px;color:#334155;font-weight:600;margin-top:2px}
.dp-info-col{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.dp-name-block{border-left:4px solid #6DD5FA;padding-left:16px}
.dp-name{font-family:"Outfit",sans-serif;font-size:30px;font-weight:900;color:#1E3C72;margin-bottom:8px;line-height:1.1}
.dp-degrees{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dp-deg{font-family:"Outfit",sans-serif;font-size:12px;font-weight:800;background:linear-gradient(135deg,#2A5298,#6DD5FA);color:#fff;padding:4px 12px;border-radius:100px;letter-spacing:0.5px}
.dp-dot{color:#bfdbfe;font-size:14px}
.dp-roles{display:flex;gap:8px;flex-wrap:wrap}
.dp-role-tag{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(42,82,152,.07),rgba(109,213,250,.12));border:1px solid rgba(42,82,152,.18);color:#1E3C72;padding:6px 14px;border-radius:100px;font-family:"Outfit",sans-serif;font-size:12px;font-weight:700}
.dp-role-tag i{color:#2A5298;font-size:12px}
.dp-divider{height:1px;background:linear-gradient(90deg,#bfdbfe,transparent);margin:2px 0}
.dp-bio{color:#334155;font-size:15px;line-height:1.7}
.dp-bio strong{color:#1E3C72}
.dp-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dp-skill{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;transition:.3s}
.dp-skill:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-2px)}
.dp-skill-ico{width:30px;height:30px;background:linear-gradient(135deg,#2A5298,#6DD5FA);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0}
.dp-skill span{font-family:"Outfit",sans-serif;font-size:12px;font-weight:700;color:#1E3C72}
.dp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}

@media(max-width:960px){.doctor-profile-card{grid-template-columns:1fr}.dp-photo-col{padding:30px 20px}.dp-photo{height:300px}.dp-info-col{padding:30px 20px}}
@media(max-width:600px){.dp-name{font-size:24px}.dp-skills{grid-template-columns:1fr 1fr}.dp-actions{flex-direction:column}}


/* ===== PAYMENT ICONS ===== */
.payment-icons span { transition: 0.3s; cursor: default; }
.payment-icons:hover { filter: grayscale(0) opacity(1) !important; }
.payment-icons span:hover { color: #6DD5FA !important; transform: translateY(-2px); }










.footer-logo-img{width:46px;height:46px;border-radius:10px;object-fit:contain;background:#fff;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.f-logo-name{display:block;font-family:'Outfit',sans-serif;font-weight:900;font-size:20px;color:#fff;line-height:1}.f-logo-clinic{display:block;font-family:'Outfit',sans-serif;font-weight:700;font-size:11px;color:#6DD5FA;margin-top:2px}

.info-item{display:flex;gap:12px;margin-bottom:15px;align-items:flex-start}.info-item i{color:#6DD5FA;margin-top:4px}.info-item p{font-size:14px;color:#cbd5e1}


.hero .container{max-width:1080px}

.hero-left{text-align:left}.hero-right{display:flex;justify-content:flex-start}


@media(max-width:960px){
  .hero-grid{flex-direction:column;text-align:center;gap:40px}
  .hero-left,.hero-right{max-width:100%;width:100%}
  .hero-btns,.hero-trust{justify-content:center}
  .hero-img{height:380px}
  .hero-card{margin:0 auto}
  .doctor-profile-card{grid-template-columns:1fr}
  .dp-photo{height:320px}
}
@media(max-width:600px){
  .hero-h1{font-size:32px}
  .hero-img{height:300px}
  .dp-name{font-size:24px}
  .dp-skills{grid-template-columns:1fr 1fr}
}









.footer-socials i{opacity:1;visibility:visible}