/* ==========================================================================
   SKS Hospital — site stylesheet
   ========================================================================== */
:root{
  --navy:#00457F; --navy-dk:#002B52; --head:#06233F;
  --blue:#1A73C2; --blue-dk:#00457F; --blue-lt:#E8F1FF; --blue-ln:#CCDFF7;
  --orange:#F47B20; --orange-dk:#D9630A; --orange-lt:#FFF1E6;
  --maroon:#9A2E2E; --maroon-lt:#FBECEC;
  --ink:#1B2430; --muted:#475467; --line:#E3E9F1; --soft:#F4F8FD; --bg:#fff;
  --cream:#FAF8F5; --sky:#EEF5FC; --gold:#C9A46A;
  --r:18px; --sh:0 4px 18px rgba(0,40,80,.07); --sh2:0 14px 40px rgba(0,40,80,.14);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{font-family:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body.no-scroll{overflow:hidden}
h1,h2,h3,h4,h5,h6{line-height:1.2;color:var(--head);font-weight:600;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:inherit}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
svg.i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:999}
.skip-link:focus{left:10px;top:10px}
.center{text-align:center}
.muted{color:var(--muted)}
.more{text-align:center;margin-top:38px}
.hide{display:none!important}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap;line-height:1.3}
.btn:hover{transform:translateY(-1px)}
.btn svg.i{width:18px;height:18px}
.btn-navy,.btn-blue{background:var(--navy);color:#fff}
.btn-navy:hover,.btn-blue:hover{background:var(--navy-dk)}
.btn-orange{background:var(--orange);color:#fff}
.btn-orange:hover{background:var(--orange-dk)}
.btn-ghost{background:#fff;color:var(--navy);border-color:var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}
.btn-white{background:#fff;color:var(--navy)}
.btn-white:hover{background:var(--orange);color:#fff}
.btn-line{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}
.btn-line:hover{background:rgba(255,255,255,.12)}
.link{font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:6px;font-size:15px}
.link:hover{color:var(--orange)}
.link svg.i{width:17px;height:17px;transition:transform .2s}
.link:hover svg.i{transform:translateX(3px)}

/* Sections */
.sec{padding:90px 0}
.sec.soft{background:var(--soft)}
.bg-cream{--line:#ECE5D9;background:radial-gradient(ellipse 55% 65% at 100% 50%,rgba(201,164,106,.16),transparent 70%),radial-gradient(ellipse 45% 55% at 0 60%,rgba(244,123,32,.06),transparent 70%),var(--cream)}
.bg-sky{background:radial-gradient(ellipse 55% 65% at 0 50%,rgba(26,115,194,.10),transparent 70%),radial-gradient(ellipse 45% 55% at 100% 60%,rgba(0,69,127,.06),transparent 70%),var(--sky)}
.bg-navy{--line:transparent;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px) 0 0/24px 24px,radial-gradient(ellipse 50% 70% at 100% 0,rgba(244,123,32,.20),transparent 70%),radial-gradient(ellipse 60% 80% at 0 100%,rgba(26,115,194,.45),transparent 70%),linear-gradient(160deg,var(--navy),var(--navy-dk))}
.bg-navy .head h2{color:#fff}
.bg-navy .head p{color:#C7D8EE}
.bg-navy .ac{box-shadow:0 12px 32px rgba(0,20,45,.22)}
.bg-navy .ac:hover{box-shadow:0 18px 44px rgba(0,20,45,.32)}
.split-cs,.split-sc{display:flow-root}
.split-cs{background:linear-gradient(180deg,var(--cream) 50%,var(--sky) 50%)}
.split-sc{background:linear-gradient(180deg,var(--sky) 50%,var(--cream) 50%)}
.split-sc .strip{background:linear-gradient(120deg,#fff 10%,var(--blue-lt));border:1px solid var(--blue-ln);box-shadow:var(--sh)}
.hero{background:var(--cream)}
.home .site-ftr{margin-top:0}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.head.center{flex-direction:column;align-items:center;text-align:center}
.head h2{font-size:clamp(30px,4.8vw,48px);max-width:760px}
.head h2 span{color:inherit}
.head p{color:var(--muted);max-width:720px;margin-top:12px}
.head.center p{margin:14px auto 0}
.tag{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-dk);margin-bottom:10px}

/* ==========================================================================
   Header
   ========================================================================== */
.site-hdr{position:sticky;top:0;z-index:100;background:#fff;transition:box-shadow .25s}
.site-hdr.scrolled{box-shadow:0 8px 24px rgba(0,40,80,.12)}
.hdr-top .container{display:flex;align-items:center;gap:30px;min-height:86px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;margin-right:auto}
.brand img{height:50px;width:auto}
.brand b{display:block;font-size:23px;font-weight:800;color:var(--maroon);letter-spacing:.02em;line-height:1;white-space:nowrap}
.brand b em{font-style:normal;color:var(--blue)}
.brand small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:5px;white-space:nowrap}
.toplinks{display:flex;align-items:center;gap:28px}
.toplinks .tl{position:relative}
.toplinks .tl>a{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:#334155;padding:12px 0;transition:color .2s}
.toplinks .tl>a:hover{color:var(--orange-dk)}
.toplinks .dd{left:auto;right:-14px}
.toplinks .tl:hover>.dd,.toplinks .tl:focus-within>.dd{opacity:1;visibility:visible;transform:none}
.emg-chip{display:flex;align-items:center;gap:10px}
.emg-chip .ic{color:var(--navy);display:grid}
.emg-chip .ic svg.i{width:32px;height:32px;stroke-width:1.6;animation:ring 2.4s ease-in-out infinite}
@keyframes ring{0%,60%,100%{transform:rotate(0)}65%{transform:rotate(-12deg)}72%{transform:rotate(10deg)}79%{transform:rotate(-8deg)}86%{transform:rotate(5deg)}}
.emg-chip small{display:block;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);line-height:1.2}
.emg-chip b{display:block;color:var(--orange);font-weight:600;font-size:16px;white-space:nowrap;line-height:1.3}
.hdr-book{padding:13px 28px}
.burger{display:none;width:46px;height:46px;border-radius:12px;border:0;background:transparent;cursor:pointer;flex-shrink:0}
.burger span{display:block;width:26px;height:2.5px;background:var(--navy);margin:5px auto;border-radius:2px}
.hdr-lang{flex-shrink:0;position:relative;z-index:90}
.hdr-lang .gt_float_switcher{display:block!important;font-family:inherit!important;font-size:14px!important;line-height:1!important;color:var(--navy)!important;background:#fff!important;border:1px solid var(--line);border-radius:999px!important;box-shadow:none!important;overflow:visible!important}
.hdr-lang .gt_float_switcher img{width:20px!important;margin:0 7px 0 0!important;border-radius:2px!important}
.hdr-lang .gt-selected{background:transparent!important;border-radius:999px}
.hdr-lang .gt-current-lang{display:flex!important;align-items:center;padding:9px 13px!important;color:var(--navy)!important;font-weight:600!important}
.hdr-lang .gt-lang-code{top:0!important;margin-right:6px}
.hdr-lang .gt_options{position:absolute!important;top:calc(100% + 8px);right:0;min-width:150px;max-height:none!important;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);transform:none!important}
.hdr-lang .gt_options a{display:flex!important;align-items:center;padding:9px 12px!important;border-radius:8px;font-size:14px!important;color:var(--ink)!important}
@media (max-width:700px){.hdr-top .hdr-lang{display:none}}
.menu-extra .hdr-lang{justify-self:start;margin-bottom:6px}
.menu-extra .hdr-lang .gt_options{right:auto;left:0}
.hdr-lang .gt_options a:hover,.hdr-lang .gt_options a.gt-current{background:var(--blue-lt)!important;color:var(--navy)!important}

.hdr-nav{background:var(--navy)}
.hdr-nav .container{display:flex;justify-content:flex-end;position:relative}
nav.menu>ul{display:flex;align-items:center}
nav.menu>ul>li{position:relative}
nav.menu>ul>li.mega-li{position:static}
nav.menu>ul>li>a{display:flex;align-items:center;gap:6px;padding:15px 16px;font-weight:600;font-size:16px;color:#fff;white-space:nowrap;transition:background .2s}
nav.menu>ul>li>a:hover,nav.menu>ul>li:hover>a{background:rgba(255,255,255,.1)}
nav.menu>ul>li.active>a{box-shadow:inset 0 -3px 0 var(--orange)}
nav.menu>ul>li:last-child>.dd,nav.menu>ul>li:nth-last-child(2)>.dd,nav.menu>ul>li:nth-last-child(3)>.dd{left:auto;right:0}
.caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.8;margin-left:2px;display:inline-block}
.menu-close,.menu-extra,.overlay{display:none}
.dd{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s;z-index:220}
nav.menu li:hover>.dd,nav.menu li:focus-within>.dd{opacity:1;visibility:visible;transform:none}
.dd a{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:9px;font-size:15px;font-weight:500;color:var(--ink);transition:background .15s,color .15s}
.dd a:hover,.dd a.cur{background:var(--blue-lt);color:var(--navy)}
.dd.mega{left:auto;right:20px;width:760px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px 8px;padding:18px}
.dd.mega h6{grid-column:1/-1;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-dk);padding:4px 14px 10px}
.dd.mega a svg.i{width:19px;height:19px;color:var(--orange)}
.dd.proc{width:620px;grid-template-columns:repeat(2,1fr)}
.dd.dgrp{width:min(820px,calc(100vw - 40px));grid-template-columns:1fr 1fr;gap:0 20px;overflow:visible}
.dgrp .mcol+.mcol{border-left:1px solid var(--line);padding-left:20px}
.dgrp h6 a{display:inline;padding:0;font-size:inherit;font-weight:inherit;color:inherit;border-radius:0}
.dgrp h6 a:hover{background:none;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.dgrp .mlinks{display:grid;grid-template-columns:1fr 1fr;gap:2px 4px}
.dgrp .mlinks a{font-size:14.5px;padding:8px 10px;line-height:1.3}
.dgrp .mlinks .mhas{grid-column:1/-1}
.mhas{position:relative;z-index:1}
.mhas-p{justify-content:flex-start}
.mhas-p .caret{margin-left:auto;flex-shrink:0;opacity:.55;transform:rotate(-45deg) translateY(-1px)}
.mhas:hover,.mhas:focus-within,.mhas.open{z-index:50}
.mhas:hover>.mhas-p,.mhas:focus-within>.mhas-p,.mhas.open>.mhas-p{background:var(--blue-lt);color:var(--navy)}
.mhas-dd{position:absolute;top:0;left:auto;right:calc(100% + 6px);z-index:51;width:300px;display:grid;grid-template-columns:1fr 1fr;gap:1px 2px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);opacity:0;visibility:hidden;transform:translateX(-6px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none}
.mhas-dd::before{content:"";position:absolute;top:0;bottom:0;right:-10px;width:10px}
.mhas:hover>.mhas-dd,.mhas:focus-within>.mhas-dd,.mhas.open>.mhas-dd{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mhas-dd a{font-size:13px;padding:7px 10px;color:var(--muted);line-height:1.25}
.dd .dd-all{grid-column:1/-1;font-weight:700;color:var(--navy);border-top:1px solid var(--line);border-radius:0;margin-top:6px;padding-top:12px}

/* ==========================================================================
   Homepage
   ========================================================================== */
.hero{position:relative;--hh:clamp(520px,85vh,860px)}
.hero-slides{position:absolute;left:0;right:0;top:0;height:var(--hh);overflow:hidden;background:#0A1E33}
.hero-slides::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6) 100%)}
.hs{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s ease;filter:saturate(1.3) contrast(1.05)}
.hs.on{opacity:1;animation:kb 12s linear both}
@keyframes kb{from{transform:scale(1.14) translateX(1.5%)}to{transform:scale(1.02) translateX(-1%)}}
.hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.15)}
.hyt{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.hyt.on{opacity:1}
/* 16:9 player scaled to cover the banner; the extra scale crops YouTube's title bar and logo */
.hyt iframe{position:absolute;top:50%;left:50%;width:max(100%,calc(var(--hh)*16/9));height:auto;aspect-ratio:16/9;transform:translate(-50%,-50%) scale(1.2);border:0;filter:saturate(1.15)}
.hero-in{position:relative;z-index:1;height:var(--hh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;color:#fff;padding-bottom:50px}
.hero h1{color:#fff;font-size:clamp(36px,6vw,60px);font-weight:600;line-height:1.2;letter-spacing:-.02em;max-width:1000px;text-shadow:0 2px 14px rgba(0,0,0,.2);animation:rise .9s var(--ease) both}
.hero-in p{font-size:clamp(16px,1.8vw,19px);text-shadow:0 4px 3px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.06),0 1px 8px rgba(0,0,0,.3);animation:rise .9s .12s var(--ease) both}
.hero-in .btn{min-width:242px;height:48px;padding:0 34px;font-size:16px;font-weight:500;animation:rise .9s .24s var(--ease) both}
.hero-in .btn-white:hover{background:var(--blue-lt);color:var(--navy)}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.stats{position:relative;z-index:2;margin-top:-50px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat{border-radius:16px;padding:24px 12px;text-align:center;background:var(--blue-lt);display:flex;flex-direction:column;align-items:center;justify-content:center}
.stat:nth-child(odd){background:var(--navy)}
.stat b{display:block;font-size:clamp(36px,4.8vw,48px);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--navy)}
.stat span{display:block;font-size:clamp(17px,1.4vw,20px);font-weight:500;color:var(--navy);margin-top:2px}
.stat:nth-child(odd) b,.stat:nth-child(odd) span{color:#fff}

.about .container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ab-img{position:relative;height:500px}
.ab-img img{position:absolute;object-fit:cover;border-radius:22px}
.ab-img .a1{left:0;top:0;width:78%;height:80%;object-position:62% center}
.ab-img .a2{right:0;bottom:0;width:56%;height:50%;object-position:right center;border:8px solid #fff;box-shadow:var(--sh2)}
.ab-img .exp{position:absolute;left:26px;bottom:34px;background:var(--orange);color:#fff;border-radius:16px;padding:18px 22px;box-shadow:var(--sh2)}
.ab-img .exp b{font-size:30px;font-weight:700;display:block;line-height:1}
.ab-img .exp span{font-size:14px}
.about h2{font-size:clamp(30px,4.4vw,44px);margin-bottom:20px}
.about p{color:var(--muted);margin-bottom:14px}
.ab-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 32px}
.ab-points>div{display:flex;gap:12px;align-items:flex-start}
.ab-points .ic{width:42px;height:42px;border-radius:12px;background:var(--orange-lt);color:var(--orange-dk);display:grid;place-items:center;flex-shrink:0}
.ab-points .ic svg.i{width:21px;height:21px}
.ab-points b{font-size:16px;display:block;color:var(--head);font-weight:600}
.ab-points small{color:var(--muted);font-size:14px}

.campus{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cp{display:block;border:1px solid var(--line);border-radius:22px;padding:16px;background:#fff;transition:box-shadow .25s,transform .25s}
.cp:hover{box-shadow:var(--sh2);transform:translateY(-4px)}
.cp .im{display:block;height:220px;border-radius:14px;overflow:hidden}
.cp .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.cp:hover .im img{transform:scale(1.06)}
.cp .bd{display:block;padding:20px 8px 8px}
.cp h3{font-size:19px;margin-bottom:8px}
.dd .ext{font-size:12px;opacity:.6}
.cp p{color:var(--muted);font-size:15px;margin-bottom:14px}

.hdept{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hdept[hidden]{display:none}
.dtabs{display:flex;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:-12px auto 34px;padding:6px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.dtabs button{border:0;background:none;padding:11px 26px;border-radius:999px;font:inherit;font-weight:600;font-size:15.5px;color:var(--muted);cursor:pointer;transition:background .25s,color .25s}
.dtabs button:hover{color:var(--navy)}
.dtabs button[aria-selected="true"]{background:var(--navy);color:#fff}
.dtabs button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.hd{display:flex;gap:18px;align-items:center;padding:26px 24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 2px 10px rgba(0,40,80,.05);transition:border-color .25s,box-shadow .25s,transform .25s}
.hd:hover{border-color:var(--blue-ln);box-shadow:var(--sh2);transform:translateY(-3px)}
.hd .ic{color:var(--orange);display:grid;flex-shrink:0}
.hd .ic svg.i{width:46px;height:46px;stroke-width:1.35}
.hd h3{font-size:19px;color:var(--navy)}
.hd small{display:block;color:var(--muted);font-size:14px;margin-top:5px;line-height:1.5}

/* CTA panel (homepage + every inner page) */
.cta-sec{padding:0}
.cta-b{border-radius:26px;background:linear-gradient(120deg,var(--navy-dk),var(--navy) 55%,#0F63B0);color:#fff;padding:48px 54px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden;flex-wrap:wrap}
.cta-b::after{content:"";position:absolute;right:-90px;bottom:-140px;width:340px;height:340px;border-radius:50%;background:rgba(232,132,63,.18);pointer-events:none}
.cta-b h2{color:#fff;font-size:clamp(26px,3.6vw,38px);margin-bottom:10px}
.cta-b p{opacity:.9;max-width:580px}
.cta-b .btns{display:flex;gap:12px;position:relative;z-index:1;flex-wrap:wrap}
.cta-b.has-doc{overflow:visible;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);margin-top:60px;padding:56px 56px 56px 64px}
.cta-b.has-doc::after{display:none}
.cta-b.has-doc .btns{margin-top:26px}
.cta-doc{position:relative;align-self:end;justify-self:center;margin:-140px 0 -56px}
.cta-doc img{width:300px;max-width:100%;aspect-ratio:5/6;object-fit:cover;object-position:center top;border:7px solid #fff;border-radius:26px 26px 50% 50%/26px 26px 36% 36%;box-shadow:0 20px 50px rgba(0,0,0,.28)}

.strip-sec{padding:0}
.strip{background:var(--blue-lt);border-radius:22px;padding:38px 46px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.strip h2{font-size:clamp(22px,3.2vw,32px);color:var(--navy)}
.strip p{color:var(--muted);margin-top:8px;max-width:640px}

.lead-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.ld{text-align:left}
.ld .ph{aspect-ratio:4/4.4;border-radius:18px;background:linear-gradient(170deg,var(--orange-lt),#fff);border:1px solid var(--line);display:grid;place-items:end center;overflow:hidden;margin-bottom:14px}
.ld .ph svg{width:66%;fill:#E9CDB4}
.ld .ph,.person .ph{position:relative;overflow:hidden}
.ld .ph img,.person .ph img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 22%;transition:transform .6s var(--ease)}
.ld:hover .ph img{transform:scale(1.05)}
.ld b{display:block;font-size:17px;color:var(--head);font-weight:600}
.ld span{color:var(--muted);font-size:14px}

.acc{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ac{border:1px solid var(--line);border-radius:var(--r);padding:28px 22px;background:#fff;text-align:center;transition:box-shadow .25s}
.ac:hover{box-shadow:var(--sh)}
.ac .badge{width:86px;height:86px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:var(--navy);background:var(--blue-lt);border:2px solid var(--blue-ln)}
.ac .badge svg.i{width:36px;height:36px;stroke-width:1.5}
.ac h3{font-size:17px;margin-bottom:6px}
.ac p{color:var(--muted);font-size:14px}

.insta{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.insta a{aspect-ratio:1;border-radius:16px;position:relative;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;transition:transform .3s}
.insta a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,25,48,.78));transition:background .3s}
.insta a:hover{transform:translateY(-3px)}
.insta a:hover::before{background:linear-gradient(180deg,rgba(0,69,127,.3),rgba(3,25,48,.85))}
.insta a span{position:relative;color:#fff;font-size:14px;font-weight:600;padding:12px;display:flex;align-items:center;gap:6px}
.insta a svg.i{width:16px;height:16px}

.why .container{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.why h2{font-size:clamp(30px,4.4vw,44px);margin-bottom:14px}
.why .container>div>p{color:var(--muted)}
.why-img{margin-top:26px;width:100%;height:300px;object-fit:cover;border-radius:22px}
.why-g{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wy{border:1px solid var(--line);border-radius:var(--r);padding:28px;background:#fff;transition:box-shadow .25s,transform .25s}
.wy:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.wy .ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;background:var(--orange-lt);color:var(--orange-dk)}
.wy:nth-child(2) .ic,.wy:nth-child(3) .ic{background:var(--blue-lt);color:var(--navy)}
.wy h3{font-size:18px;margin-bottom:6px}
.wy p{color:var(--muted);font-size:15px}

.calc{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.calc.c2{grid-template-columns:repeat(2,1fr)}
.cl{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:#fff}
.cl .top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cl .top .ic{width:46px;height:46px;border-radius:12px;background:var(--blue-lt);color:var(--navy);display:grid;place-items:center}
.cl h3{font-size:18px}
.cl small{color:var(--muted);font-size:13px}
.cl .f{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.cl .f.one{grid-template-columns:1fr}
.cl label{font-size:13px;font-weight:600;color:var(--muted);display:block;margin-bottom:4px}
.cl input,.cl select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:var(--soft);outline:none;color:var(--ink)}
.cl input:focus,.cl select:focus{border-color:var(--navy);background:#fff}
.cl .btn{width:100%;padding:11px}
.cl .res{margin-top:14px;background:var(--soft);border-radius:12px;padding:12px 14px;font-size:15px;min-height:48px}
.cl .res b{color:var(--navy)}

.tst{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (min-width:1181px){.tst:has(>.tc:nth-child(2):last-child){grid-template-columns:1fr 1fr;max-width:920px;margin-inline:auto}}
.tc{border:1px solid var(--line);border-radius:var(--r);padding:28px;background:#fff}
.tc .g{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.tc .st{color:#F5A623;letter-spacing:2px}
.tc .gl{font-weight:700;font-size:13px;color:var(--muted)}
.tc p{color:var(--muted);font-size:15px;margin-bottom:18px}
.tc .who{display:flex;gap:12px;align-items:center}
.tc .av{width:44px;height:44px;border-radius:50%;background:var(--blue-lt);color:var(--navy);display:grid;place-items:center;font-weight:700}
.tc .who b{display:block;font-size:15px;color:var(--head)}
.tc .who small{color:var(--muted);font-size:13px}
.rating{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:12px 18px}
.rating b{font-size:26px;font-weight:700}
.rating small{color:var(--muted);display:block;font-size:13px}

.press{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pr{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:#fff;transition:border-color .2s,box-shadow .2s}
.pr:hover{border-color:var(--blue-ln);box-shadow:var(--sh)}
.pr .dt{font-size:13px;font-weight:600;color:var(--orange-dk);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.pr .dt svg.i{width:16px;height:16px}
.pr h3{font-size:17px;margin-bottom:8px}
.pr p{font-size:14px;color:var(--muted)}

.blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bl{display:block;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:box-shadow .25s,transform .25s}
.bl:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.bl .th{height:200px;display:grid;place-items:center;padding:20px;text-align:center;font-weight:700;font-size:19px;overflow:hidden}
.bl .th:has(img){padding:0}
.bl .th img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.bl:hover .th img{transform:scale(1.06)}
.bl:nth-child(3n+1) .th{background:var(--blue-lt);color:var(--navy)}
.bl:nth-child(3n+2) .th{background:var(--orange-lt);color:var(--orange-dk)}
.bl:nth-child(3n) .th{background:var(--maroon-lt);color:var(--maroon)}
.bl .bd{display:block;padding:20px 22px 22px}
.bl .mt{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.bl h3{font-size:18px;margin-bottom:8px}
.bl p{font-size:15px;color:var(--muted);margin-bottom:12px}
.bl .th{position:relative}
.bl h3 a{color:inherit}
.bl h3 a:hover{color:var(--blue)}
.bl-cat{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.94);color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px -6px rgba(0,30,60,.35)}

.faq .container{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.faq-side{position:sticky;top:170px}
.faq-side h2{font-size:clamp(30px,4.4vw,44px);margin-bottom:12px}
.faq-side>p{color:var(--muted)}
.faq-side img{margin-top:22px;width:100%;height:210px;object-fit:cover;border-radius:18px}
.faq-side .box{margin-top:18px;border-radius:var(--r);background:var(--orange-lt);padding:22px 24px}
.faq-side .box b{font-size:17px;display:block;margin-bottom:4px;color:var(--head)}
.faq-side .box p{color:var(--muted);font-size:15px;margin-bottom:14px}
.fq{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden;transition:border-color .2s}
.fq button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;background:none;border:0;padding:18px 22px;font-weight:500;font-size:18px;color:var(--head);cursor:pointer}
.fq button::after{content:"+";font-size:24px;color:var(--navy);transition:transform .25s;font-weight:400;line-height:1}
.fq.open{border-color:var(--blue-ln);box-shadow:var(--sh)}
.fq.open button{color:var(--navy)}
.fq.open button::after{transform:rotate(45deg)}
.fq .ans{max-height:0;overflow:hidden;transition:max-height .3s}
.fq .ans p{padding:0 22px 18px;color:var(--muted);font-size:15px}

.appt{border:1px solid var(--line);border-radius:26px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:var(--sh);background:#fff}
.appt .l{background:var(--navy);color:#fff;padding:46px}
.appt .l h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:10px;color:#fff}
.appt .l p{color:#D3E3F8;margin-bottom:24px}
.appt .l li{display:flex;gap:14px;align-items:center;padding:10px 0;font-weight:600}
.appt .l li .ic{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;flex-shrink:0}
.appt .l li small{display:block;color:#BCD3EF;font-weight:400;font-size:13px}
.appt form{padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.appt form .full{grid-column:1/-1}
.appt label{font-size:14px;font-weight:600;display:block;margin-bottom:6px;color:var(--head)}
.appt input,.appt select,.appt textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:var(--soft);outline:none;color:var(--ink)}
.appt input:focus,.appt select:focus,.appt textarea:focus{border-color:var(--navy);background:#fff}
.form-done{grid-column:1/-1;text-align:center;padding:34px 10px}
.form-done h3{color:var(--navy);font-size:24px;margin-bottom:6px}
.form-done p{color:var(--muted)}
.form-err{grid-column:1/-1;color:var(--maroon);font-size:14px;font-weight:600;margin-top:4px}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-ftr{background:var(--navy-dk);color:#C3D4EA;font-size:15px;margin-top:90px}
.ftr-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;transform:translateY(-50%);margin-bottom:-20px}
.fb{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:20px 22px;box-shadow:var(--sh2);color:var(--ink);transition:transform .2s}
.fb:hover{transform:translateY(-3px)}
.fb .ic{width:50px;height:50px;border-radius:14px;background:var(--blue-lt);color:var(--navy);display:grid;place-items:center;flex-shrink:0}
.fb small{display:block;font-size:13px;color:var(--muted)}
.fb b{display:block;font-size:17px;color:var(--head);font-weight:600;word-break:break-word}
.fb-emg{background:var(--orange);color:#fff}
.fb-emg .ic{background:rgba(255,255,255,.2);color:#fff}
.fb-emg small{color:#FFE9D9}
.fb-emg b{color:#fff}
.f-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr 1.3fr;gap:36px;padding:10px 20px 44px}
.site-ftr h4{font-size:17px;margin-bottom:16px;color:#fff}
.site-ftr ul li{padding:4px 0}
.site-ftr ul li a{color:#C3D4EA;transition:color .2s}
.site-ftr ul li a:hover{color:var(--orange)}
.site-ftr .brand img{background:#fff;border-radius:12px;padding:5px 7px;height:54px}
.site-ftr .brand b{color:#fff}
.site-ftr .brand b em{color:#F3A86E}
.site-ftr .brand small{color:#A3B9D4}
.f-brand p{margin:16px 0}
.f-contact li{display:flex;gap:10px;padding:5px 0}
.f-contact svg.i{color:var(--orange);width:18px;height:18px;margin-top:3px}
.social{display:flex;gap:8px;margin-top:16px}
.social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;transition:background .2s}
.social a:hover{background:var(--orange)}
.social svg{width:17px;height:17px;fill:currentColor}
.f-map iframe{width:100%;height:170px;border:0;border-radius:14px;display:block;margin-bottom:12px}
.f-map .link{color:#fff}
.site-ftr.no-band .f-top{padding-top:56px}
@media (min-width:1181px){.f-top.no-map{grid-template-columns:1.5fr 1fr 1fr 1.15fr}}
.f-bot{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#A3B9D4;font-size:14px}
.f-bot .container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.f-bot a:hover{color:var(--orange)}

.float{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:14px;z-index:90}
.float a{--pc:37,211,102;position:relative;width:56px;height:56px;padding:0;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 10px 24px -6px rgba(var(--pc),.6),0 4px 10px rgba(0,30,60,.18);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.float a:hover{transform:scale(1.1);box-shadow:0 14px 30px -6px rgba(var(--pc),.75),0 6px 14px rgba(0,30,60,.2)}
.float .wa{background:linear-gradient(145deg,#3BE07B,#12A150)}
.float .cl{--pc:244,123,32;background:linear-gradient(145deg,#FF9F4A,#E4600A)}
.float svg{width:24px;height:24px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.float .cl svg{animation:ring 2.4s ease-in-out infinite;transform-origin:50% 50%}
.float a::after{content:attr(data-tip);position:absolute;right:calc(100% + 14px);top:50%;transform:translate(8px,-50%);white-space:nowrap;background:var(--head);color:#fff;font-size:13px;font-weight:600;padding:7px 12px;border-radius:8px;box-shadow:var(--sh2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s var(--ease),visibility .25s}
.float a:hover::after,.float a:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}
@media (hover:none){.float a::after{display:none}}
.mbar{display:none}

/* ==========================================================================
   Inner pages
   ========================================================================== */
.pb{position:relative;isolation:isolate;padding:104px 0 96px;text-align:center;color:#fff;background:#002B55 url("../images/sks-hero-building.jpg") center 45%/cover no-repeat;overflow:hidden}
.pb::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/22px 22px,
  radial-gradient(55% 90% at 50% -10%,rgba(26,115,194,.55),transparent 70%),
  radial-gradient(40% 60% at 100% 100%,rgba(244,123,32,.22),transparent 70%),
  linear-gradient(180deg,rgba(0,30,62,.9) 0%,rgba(0,52,100,.84) 50%,rgba(0,28,58,.94) 100%)}
.pb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,transparent,var(--orange) 25%,#FFB36B 50%,var(--orange) 75%,transparent)}
.pb .container{position:relative;z-index:1}
.pb h1,.pb .elementor-heading-title{font-size:clamp(34px,5.6vw,58px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:#fff;max-width:980px;margin:0 auto;text-shadow:0 2px 24px rgba(0,20,45,.35)}
.pb h1::before{content:"";display:block;width:54px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--orange),#FFB36B);margin:0 auto 22px}
.pb h1 span{color:inherit}
.pb p{color:rgba(255,255,255,.86);max-width:760px;margin:16px auto 0;font-size:17px;line-height:1.7}
.pb .btn{margin-top:30px}
.pb .btn-blue{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 14px 30px -12px rgba(244,123,32,.75)}
.pb .btn-blue:hover{background:var(--orange-dk);border-color:var(--orange-dk);color:#fff;box-shadow:0 18px 34px -12px rgba(244,123,32,.85)}
.crumbbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--muted);padding:14px 0}
.crumb a{color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.crumb a:hover{color:var(--orange-dk)}
.crumb a:first-child::before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2.5 11h2.8v9.5h5.2v-6h3v6h5.2V11h2.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2.5 11h2.8v9.5h5.2v-6h3v6h5.2V11h2.8z'/%3E%3C/svg%3E") center/contain no-repeat}
.crumb i{font-style:normal;font-size:0}
.crumb i::before{content:"›";font-size:17px;opacity:.6}
.crumb span{color:var(--navy);font-weight:600}
.psec{padding:72px 0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
.content h2{font-size:clamp(24px,3.2vw,32px);margin:44px 0 16px}
.content h2:first-child,.content .dhead+h2{margin-top:0}
.content h3{font-size:19px;margin:24px 0 8px}
.content p{color:var(--muted);margin-bottom:14px}
.content .lead-p{font-size:18px;color:#34434C}
.bul li{position:relative;padding:5px 0 5px 22px;color:var(--muted)}
.bul li::before{content:"";position:absolute;left:4px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.list2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.list2 li{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;padding:13px 16px;border-radius:12px;font-weight:500;font-size:15px}
.list2 li svg.i{color:var(--orange);width:20px;height:20px}
.dhead{display:flex;gap:16px;align-items:center;border:1px solid var(--blue-ln);background:var(--blue-lt);border-radius:var(--r);padding:20px 22px;margin-bottom:32px}
.dhead .ic{width:62px;height:62px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;flex-shrink:0}
.dhead .ic svg.i{width:30px;height:30px}
.dhead b{display:block;font-size:19px;color:var(--head);font-weight:600}
.dhead span{color:var(--muted);font-size:15px}
.why4{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.why4>div{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:14px;background:#fff}
.why4 .n{width:40px;height:40px;border-radius:12px;background:var(--orange-lt);color:var(--orange-dk);display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}
.why4 h4{font-size:16px;margin-bottom:2px}
.why4 p{font-size:14px;margin:0}
.steps4{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;counter-reset:s}
.steps4 li{border:1px solid var(--line);border-radius:14px;padding:16px 16px 16px 60px;position:relative;font-size:15px;background:#fff}
.steps4 li::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.steps>div{border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;background:#fff;position:relative}
.steps>div::before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;right:18px;top:14px;font-size:30px;font-weight:700;color:var(--blue-ln)}
.steps h4{font-size:17px;margin-bottom:6px}
.steps p{font-size:15px;color:var(--muted)}
.sidebar .box{border:1px solid var(--line);border-radius:var(--r);padding:24px;margin-bottom:22px;background:#fff}
.sidebar .box h4{font-size:18px;margin-bottom:14px}
.sidebar .box:first-child{border-top:4px solid var(--navy)}
.sidebar .sticky{position:sticky;top:160px}
.sform{display:grid;gap:10px}
.sform input,.sform select,.fgrid input,.fgrid select,.fgrid textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:var(--soft);color:var(--ink);outline:none}
.sform input:focus,.sform select:focus,.fgrid input:focus,.fgrid select:focus,.fgrid textarea:focus{border-color:var(--navy);background:#fff}
.sform .btn,.fgrid .btn{width:100%}
.box.emg{background:var(--orange-lt);border-color:#F6DDC8}
.box.emg h4{color:var(--orange-dk)}
.box.emg p{color:var(--muted);font-size:15px;margin-bottom:8px}
.box.emg b{font-size:23px;color:var(--navy);display:block}
.slinks a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line);font-size:15px;font-weight:500}
.slinks a:last-child{border:0}
.slinks a::after{content:"›";color:var(--orange);font-size:19px}
.slinks a:hover,.slinks a.cur{color:var(--navy)}
.slinks a.cur{font-weight:700}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fgrid .full{grid-column:1/-1}
.fgrid label{font-size:14px;font-weight:600;display:block;margin-bottom:6px;color:var(--head)}
.fbox{border:1px solid var(--line);border-radius:22px;padding:34px;background:#fff;box-shadow:var(--sh)}
.icards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.icards>div{border:1px solid var(--line);border-radius:var(--r);padding:28px;background:#fff;text-align:center}
.icards .ic{width:58px;height:58px;border-radius:16px;background:var(--orange-lt);color:var(--orange-dk);display:grid;place-items:center;margin:0 auto 14px}
.icards h4{font-size:17px;margin-bottom:6px}
.icards p{color:var(--muted);font-size:15px}
.note{background:var(--orange-lt);border:1px solid #F6DDC8;border-radius:14px;padding:14px 18px;font-size:15px;margin:20px 0}
.tt-wrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;background:#fff}
table.tt{width:100%;border-collapse:collapse;min-width:760px}
.tt th{background:var(--navy);color:#fff;text-align:left;padding:14px;font-size:15px;font-weight:600}
.tt td{padding:13px 14px;border-top:1px solid var(--line);font-size:15px}
.tt td:not(:first-child){white-space:nowrap}
.tt td:first-child{font-weight:600}
.tt td a{color:var(--navy);transition:color .2s}
.tt td a:hover{color:var(--orange-dk)}
.tt .off{color:#AEB9C0}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pk{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;position:relative;transition:box-shadow .25s}
.pk:hover{box-shadow:var(--sh2)}
.pk.hot{border:2px solid var(--navy)}
.pk .rib{position:absolute;top:-12px;right:22px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px}
.pk h3{font-size:20px}
.pk .sub{color:var(--muted);font-size:14px;margin-bottom:14px}
.pk .price{font-size:32px;font-weight:700;color:var(--navy);margin-bottom:14px}
.pk .price small{font-size:14px;color:var(--muted);font-weight:500}
.pk .price-call{font-size:22px}
.pk .price-call a{color:inherit;text-decoration:none}
.pk .price-call a:hover{color:var(--blue)}
.pk li{display:flex;gap:9px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:15px}
.pk li svg.i{width:18px;height:18px;color:var(--orange)}
.pk .btn{width:100%;margin-top:18px}
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:8px}
.logo-grid span{border:1px solid var(--line);border-radius:14px;padding:22px 10px;text-align:center;font-weight:600;font-size:15px;color:var(--navy);background:#fff}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal .g{aspect-ratio:4/3;border-radius:16px;display:grid;place-items:center;text-align:center;font-weight:600;font-size:14px;padding:10px;border:1px solid var(--line)}
.gal .g:nth-child(3n+1){background:var(--blue-lt);color:var(--navy)}
.gal .g:nth-child(3n+2){background:var(--orange-lt);color:var(--orange-dk)}
.gal .g:nth-child(3n){background:var(--maroon-lt);color:var(--maroon)}
.gal .pic{margin:0;padding:0;position:relative;overflow:hidden;background:var(--blue-lt)}
.gal .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gal .pic:hover img{transform:scale(1.04)}
.gal .pic figcaption{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);background:rgba(255,255,255,.94);color:var(--navy);font-size:12.5px;font-weight:600;line-height:1.35;padding:5px 11px;border-radius:9px;text-align:left}
.ftabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.ftabs button{border:1px solid var(--line);background:#fff;padding:9px 20px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;color:var(--ink);transition:background .2s,color .2s}
.ftabs button:hover{border-color:var(--navy)}
.ftabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.job{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:12px;background:#fff;flex-wrap:wrap}
.job h4{font-size:17px}
.job small{color:var(--muted)}
.job .tg{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.job .tg span{background:var(--blue-lt);color:var(--navy);font-size:13px;font-weight:600;padding:3px 10px;border-radius:20px}
.person{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:start}
.person .ph{border-radius:20px;height:340px;background:linear-gradient(170deg,var(--blue-lt),#fff);border:1px solid var(--line);display:grid;place-items:end center;overflow:hidden}
.person .ph svg{width:190px;fill:#C3D8F2}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 22px}
.kv>div{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px}
.kv small{display:block;color:var(--muted);font-size:13px}
.kv b{font-size:16px;font-weight:600}
.quote{border-left:4px solid var(--orange);background:var(--orange-lt);border-radius:0 16px 16px 0;padding:22px 24px;font-size:18px;font-style:italic;margin:6px 0 22px}
.vm{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vm>div{border:1px solid var(--line);border-radius:var(--r);padding:30px;background:#fff;border-top:4px solid var(--navy)}
.vm>div:nth-child(2){border-top-color:var(--orange)}
.vm>div:nth-child(3){border-top-color:var(--maroon)}
.vm h3{font-size:22px;margin-bottom:10px}
.vm p,.vm li{color:var(--muted);font-size:15px}
.vm li{padding:3px 0}
.cover{height:300px;border-radius:20px;display:grid;place-items:center;text-align:center;padding:30px;font-weight:700;font-size:clamp(22px,3vw,30px);margin-bottom:22px;border:1px solid var(--line)}
.ameta{color:var(--orange-dk);font-weight:600;font-size:14px;margin-bottom:10px}
.ameta a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ev{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;margin-bottom:14px}
.ev .dt{background:var(--navy);color:#fff;border-radius:14px;text-align:center;padding:12px 6px;font-weight:600;font-size:13px}
.ev .dt b{display:block;font-size:26px;line-height:1.1}
.ev h4{font-size:17px;margin-bottom:4px}
.ev p{color:var(--muted);font-size:15px}
.news-h{font-size:clamp(24px,3vw,30px);margin-bottom:8px}
.news-p{color:var(--muted);margin-bottom:26px}
.news-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.nw{margin:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(3,20,40,.04);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.nw:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(3,20,40,.12)}
.nw a{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#EEF1F5}
.nw a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,40,0) 55%,rgba(3,20,40,.38));opacity:0;transition:opacity .35s var(--ease)}
.nw a:hover::after{opacity:1}
.nw img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.nw a:hover img{transform:scale(1.05)}
.nw figcaption{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px 18px;font-size:15px;line-height:1.4}
.nw figcaption b{color:var(--navy);font-weight:600}
.nw figcaption span{margin-top:auto;padding:4px 11px;border-radius:999px;background:#EEF4FB;color:var(--navy);font-size:12px;font-weight:500;letter-spacing:.2px}
.gal .pic a{position:absolute;inset:0;display:block}
.gal .pic a+figcaption{pointer-events:none}
.lb{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:60px 76px;background:rgba(3,20,40,.92);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.lb.on{opacity:1;visibility:visible}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%}
.lb img{max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:8px;background:#fff}
.lb figcaption{color:#fff;font-size:15px;line-height:1.45;text-align:center;max-width:760px}
.lb button{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:background .2s}
.lb button:hover{background:rgba(255,255,255,.28)}
.lb button[hidden]{display:none}
.lb button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.lb .lb-x{top:14px;right:14px}
.lb .lb-p,.lb .lb-n{top:50%;translate:0 -50%}
.lb .lb-p{left:14px}
.lb .lb-n{right:14px}
.prose{max-width:880px}
.prose h2{font-size:23px;margin:30px 0 10px}
.prose h3{font-size:19px;margin:22px 0 8px}
.prose p,.prose li{color:var(--muted)}
.prose p{margin-bottom:14px}
.prose ul{list-style:disc;margin:0 0 14px 20px}
.prose ol{margin:0 0 14px 20px}
.prose a{color:var(--navy);text-decoration:underline}
.legal-intro{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:26px 28px;margin-bottom:22px}
.legal-intro .tag{margin-bottom:12px}
.legal-intro p{margin:0;color:var(--ink);font-size:16px;line-height:1.75}
.legal-sec{border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:18px;padding:24px 28px;margin-bottom:14px;background:#fff;scroll-margin-top:130px}
.content .legal-sec h2{margin:0 0 12px;font-size:20px;color:var(--navy)}
.legal-sec p,.legal-sec li{color:var(--muted);font-size:15px;line-height:1.7}
.legal-sec p{margin-bottom:12px}
.legal-sec p:last-child{margin-bottom:0}
.legal-sec ul{list-style:disc;margin:0 0 12px 22px}
.legal-sec ul:last-child{margin-bottom:0}
.legal-toc a{font-size:14px;padding:7px 0}
.entry img{height:auto;border-radius:14px}
.entry .wp-block-image,.entry figure{margin:0 0 20px}
.cover-img{margin-bottom:24px}
.cat-h{font-size:21px;margin:32px 0 14px;color:var(--navy)}
.cat-h:first-child{margin-top:0}
.mini-cta{border:1px solid var(--blue-ln);background:var(--blue-lt);border-radius:var(--r);padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:36px}
.mini-cta b{font-size:18px;display:block;color:var(--head);font-weight:600}
.mini-cta span{color:var(--muted);font-size:15px}
.dept{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dp{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:border-color .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden}
.dp:hover{border-color:var(--blue-ln);box-shadow:var(--sh2);transform:translateY(-3px)}
.dp .ic{color:var(--orange);display:grid;margin-bottom:16px}
.dp .ic svg.i{width:46px;height:46px;stroke-width:1.35}
.dp h3{font-size:19px;margin-bottom:8px;color:var(--navy)}
.dp p{color:var(--muted);font-size:15px;margin-bottom:16px}
.dp .num{position:absolute;right:22px;top:16px;font-size:42px;font-weight:700;color:var(--soft)}
.dp-all{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;justify-content:center}
.dp-all a{border:1px solid var(--line);background:#fff;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:500;transition:border-color .2s,color .2s}
.dp-all a:hover{border-color:var(--navy);color:var(--navy)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sgrp-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:46px}
.sgrp-nav a{display:inline-flex;align-items:center;gap:10px;padding:11px 22px;border-radius:999px;border:1.5px solid var(--blue-ln);background:#fff;font-weight:600;color:var(--navy);transition:background .2s,color .2s,border-color .2s}
.sgrp-nav a b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--blue-lt);font-size:13px}
.sgrp-nav a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.sgrp-nav a:hover b{background:rgba(255,255,255,.18)}
.sgrp{scroll-margin-top:150px}
.sgrp+.sgrp{margin-top:70px;padding-top:60px;border-top:1px solid var(--line)}
.sgrp-head{text-align:center;max-width:720px;margin:0 auto 38px}
.sgrp-head h2{font-size:clamp(28px,3vw,38px);color:var(--head);margin-bottom:10px}
.sgrp-head p{color:var(--muted);font-size:16px}
.scards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.scard{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 22px 28px;box-shadow:var(--sh);transition:box-shadow .3s,transform .3s,border-color .3s}
.scard:hover{box-shadow:var(--sh2);transform:translateY(-4px);border-color:var(--blue-ln)}
.scard-img{position:relative;display:block;width:100%;padding:12px 0 0 12px;margin-bottom:24px}
.scard-img::before{content:"";position:absolute;top:0;left:0;right:12px;bottom:12px;border-radius:110px 0 110px 0;background:linear-gradient(135deg,var(--navy),#2a8fa8)}
.scard-img img{position:relative;display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:110px 0 110px 0;transition:filter .3s}
.scard:hover .scard-img img{filter:saturate(1.15) brightness(1.04)}
.scard-img .ic{position:absolute;right:-6px;bottom:-14px;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--orange);box-shadow:0 6px 18px rgba(0,40,80,.16)}
.scard-img .ic svg.i{width:28px;height:28px;stroke-width:1.5}
.scard h3{font-size:20px;line-height:1.3;color:var(--head)}
.scard h3 a{color:inherit;transition:color .2s}
.scard h3 a:hover{color:var(--navy)}
.scard small{display:block;margin-top:6px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-dk)}
.scard p{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.6}
.scard>:nth-last-child(2){margin-bottom:20px}
.scard .btn{margin-top:auto;padding:10px 26px;font-size:14.5px}
.sgrp-other{margin-top:64px;padding-top:44px;border-top:1px solid var(--line);text-align:center}
.sgrp-other>p{font-size:20px;font-weight:600;color:var(--head)}
.sgrp-other .dp-all{margin:18px 0 26px}
.pager{margin-top:40px}
.pager .nav-links{display:flex;gap:8px;justify-content:center}
.pager .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:10px}
.pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ==========================================================================
   Rich department / procedure pages
   ========================================================================== */
.rs{padding:48px 0}
.rs.soft{background:var(--soft)}
.rs h2,.rh{font-size:clamp(30px,4.8vw,48px);letter-spacing:-.02em}
.rh{margin-bottom:20px}
.rh3{font-size:22px;margin:56px 0 22px}
.zz-t p,.rtxt p,.faq2-l p,.team-t p{color:var(--muted);font-size:17px}
.zz-t p+p,.rtxt p+p,.team-t p+p{margin-top:14px}
.zz-t p a,.rtxt p a,.pc p a,.disc a{color:var(--navy);font-weight:500;text-decoration:underline;text-underline-offset:3px}

.zz{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.zz+.zz{margin-top:40px}
.zz.rev .zz-t{order:2}
.zz-t h2{margin-bottom:22px}
.zz-i{border-radius:24px;overflow:hidden;aspect-ratio:1/1;max-height:560px;position:relative;box-shadow:var(--sh2)}
.zz-i img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1);transition:transform .8s var(--ease)}
.zz-i:hover img{transform:scale(1.04)}
.zz-i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--navy) 0 60%,var(--orange) 60%)}
.zz.tall{align-items:stretch}
.zz.tall .zz-i{aspect-ratio:auto;height:100%;min-height:440px;max-height:none}
.zz.compact{align-items:center;gap:48px}
.zz.compact .zz-i{aspect-ratio:4/3;max-height:420px;min-height:0;height:auto}
.zz-t .steps{grid-template-columns:1fr;gap:12px;margin-top:8px}
.zz-t .steps>div{padding:16px 18px}
.zz-t .chk-w{margin-top:8px}
.zz-t .btns{margin-top:28px;flex-wrap:wrap;gap:12px}

.rtxt{margin-top:88px;max-width:1080px}
.rtxt h2{margin-bottom:20px}

.chk{display:grid;gap:14px}
.chk li{display:flex;gap:14px;align-items:flex-start;color:var(--ink);font-size:16px}
.chk li svg.i{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--navy);color:#fff;stroke-width:2.6;margin-top:-1px}
.chk.two{grid-template-columns:1fr 1fr;gap:16px 40px;margin-top:6px}
.rtxt .chk.two li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-weight:500;color:var(--head)}
.dots{display:grid;gap:12px}
.dots li{position:relative;padding-left:22px;color:var(--ink);font-size:16px}
.dots li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--orange)}

.faq2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.faq2-l{position:sticky;top:170px}
.faq2-l h2{margin-bottom:16px}
.faq2-l .btn{margin-top:28px}

.rel3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel3 a{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff;font-weight:600;color:var(--head);transition:border-color .2s,box-shadow .2s,color .2s}
.rel3 a svg.i{width:44px;height:44px;padding:10px;border-radius:10px;background:var(--blue-lt);color:var(--navy);transition:background .2s,color .2s}
.rel3 a::after{content:"›";margin-left:auto;font-size:24px;color:var(--muted);line-height:1}
.rel3 a:hover{border-color:var(--navy);color:var(--navy);box-shadow:var(--sh)}
.rel3 a:hover svg.i{background:var(--navy);color:#fff}

.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s}
.pk-ic{width:52px;height:52px;border-radius:14px;background:var(--orange-lt);color:var(--orange-dk);display:grid;place-items:center;margin-bottom:18px}
.pk-ic svg.i{width:28px;height:28px}
.pcard h3{font-size:20px;margin-bottom:10px}
.pcard p{font-size:15px;margin-bottom:18px}
.more-l{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--navy)}
.more-l svg.i{width:18px;height:18px;transition:transform .2s}
a.pcard:hover{border-color:var(--navy);box-shadow:var(--sh2);transform:translateY(-3px)}
a.pcard:hover .more-l svg.i{transform:translateX(4px)}

.cta-wrap{padding:88px 0}
.rs.soft+.cta-wrap{background:linear-gradient(var(--soft) 50%,#fff 50%)}

.phero{background:linear-gradient(135deg,var(--blue-lt) 0%,#fff 55%,var(--orange-lt) 100%);padding:56px 0 64px;border-bottom:1px solid var(--line)}
.phero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.phero .crumb{padding:0 0 18px}
.phero h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.02em;margin-bottom:18px}
.phero-t>p{font-size:17px;color:#43525B;max-width:640px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.facts li{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.facts li>svg.i{width:42px;height:42px;padding:9px;border-radius:10px;background:var(--navy);color:#fff}
.facts small{display:block;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.facts b{display:block;font-size:16px;color:var(--head);font-weight:600;line-height:1.3}
.phero .btns{display:flex;gap:12px;flex-wrap:wrap}
.phero-i{border-radius:28px;overflow:hidden;aspect-ratio:4/4.2;box-shadow:var(--sh2);position:relative}
.phero-i img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}
.phero-i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--navy) 0 60%,var(--orange) 60%)}

.playout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.pmain{display:grid;gap:24px}
.pc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;scroll-margin-top:170px}
.pc-h{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.pc-h .ic{width:40px;height:40px;border-radius:10px;background:var(--blue-lt);color:var(--navy);display:grid;place-items:center;flex-shrink:0}
.pc-h .ic svg.i{width:22px;height:22px}
.pc-h h2{font-size:24px}
.pc p{color:var(--muted);font-size:16px}
.pc-b p+p{margin-top:14px}
.pc-b>p+.chk{margin-top:18px}
.pc h3{font-size:17px;margin-bottom:14px}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fit>div{border-radius:14px;padding:22px}
.fit-y{background:var(--blue-lt)}
.fit-n{background:#fff;border:1px solid var(--line)}
.fit .chk li{font-size:16px}
.fit .chk li svg.i{width:24px;height:24px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gc{background:var(--soft);border-radius:14px;padding:22px}
.gc h3{color:var(--navy);margin-bottom:8px}
.gc p{font-size:15px}
.ptl{list-style:none;display:grid;gap:0}
.ptl li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;position:relative;padding-bottom:26px}
.ptl li:last-child{padding-bottom:0}
.ptl li:not(:last-child)::before{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:var(--blue-ln)}
.ptl .n{width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px;position:relative;z-index:1}
.ptl li:nth-child(even) .n{background:var(--orange)}
.ptl h3{margin:10px 0 6px}
.ptl p{font-size:16px}
.warnbox{margin-top:28px;border-left:4px solid var(--orange);background:var(--orange-lt);border-radius:0 14px 14px 0;padding:22px 24px}
.warnbox h3{display:flex;align-items:center;gap:10px;color:var(--orange-dk)}
.warnbox h3 svg.i{width:22px;height:22px}
.warnbox>p{margin-top:14px;font-size:15px}
.warnbox>p a{color:var(--orange-dk);font-weight:600}
.disc{font-size:14px;color:var(--muted);padding:4px 6px}

.paside{align-self:stretch}
.paside .sticky{position:sticky;top:160px;display:grid;gap:20px}
.toc{display:grid;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.toc b{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}
.toc a{font-size:15px;color:var(--ink);padding:7px 0 7px 14px;border-left:2px solid var(--line);transition:color .2s,border-color .2s}
.toc a:hover,.toc a.on{color:var(--navy);border-left-color:var(--orange);font-weight:500}
.acard{background:linear-gradient(150deg,var(--navy-dk),var(--navy));color:#fff;border-radius:16px;padding:26px;display:grid;gap:14px;position:relative;overflow:hidden}
.acard::after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:rgba(244,123,32,.22)}
.acard b{font-size:20px;line-height:1.3;position:relative}
.acard p{font-size:15px;opacity:.88;position:relative}
.acard .btn{width:100%;position:relative}
.acard .tel{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;position:relative}
.acard .tel svg.i{width:18px;height:18px;color:var(--orange)}

.team{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;background:var(--soft);border-radius:24px;padding:28px}
.team-i{border-radius:18px;overflow:hidden;aspect-ratio:4/3}
.team-i img{width:100%;height:100%;object-fit:cover}
.team-t .ic{width:52px;height:52px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;margin-bottom:16px}
.team-t .ic svg.i{width:28px;height:28px}
.team-t h3{font-size:26px;margin-bottom:14px}
.team-t .btn{margin-top:22px}

/* About-section pages */
.rs[id]{scroll-margin-top:90px}
.zz-t p+.chk{margin-top:24px}
.zz-t .btn{margin-top:30px}
.nband{padding:60px 0;color:#fff;background:radial-gradient(ellipse 45% 120% at 100% 0,rgba(244,123,32,.24),transparent 70%),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.5px) 0 0/22px 22px,linear-gradient(120deg,var(--navy-dk),var(--navy) 60%,#0F63B0)}
.nums{display:grid;grid-template-columns:repeat(4,1fr)}
.num{text-align:center;padding:6px 16px}
.num+.num{border-left:1px solid rgba(255,255,255,.18)}
.num b,.num .nv .elementor-heading-title{display:block;font-size:clamp(36px,4.6vw,52px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.num span,.num .nl p{display:block;margin-top:8px;color:#C7D8EE;font-size:16px;font-weight:500}
.pcards.four{grid-template-columns:repeat(4,1fr)}
.steps h4{padding-right:44px}
.person>.ph,.person>.elementor-widget-html{position:sticky;top:170px}
.person .ph{height:380px}
.person-t h2{font-size:clamp(28px,3.6vw,40px)}
.person-t .role,.person-t .role p{color:var(--orange-dk);font-weight:600;font-size:16px}
.person-t .role{margin:6px 0 24px}
.person-t p{color:var(--muted);font-size:17px}
.person-t p+p,.person-t .elementor-widget-text-editor p+p{margin-top:14px}
.person-t .quote{margin:0 0 28px}
.person-t .quote,.person-t .quote p{font-size:20px;line-height:1.55;color:var(--head);font-style:italic}
.person-t .sign{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.person-t .sign,.person-t .sign p{font-weight:600;color:var(--head);font-size:18px}
.person-t .sign small{display:block;font-weight:400;color:var(--muted);font-size:14px;margin-top:2px}
.rs .ld{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 12px 22px;transition:box-shadow .25s,transform .25s}
.rs .ld:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.rs .ld .ph{border:0;border-radius:14px;margin-bottom:16px}
.rs .ld>:not(.ph):not(.elementor-widget-html){padding-inline:8px}
.lead-g.three{grid-template-columns:repeat(3,1fr)}
.lead-g.three .ph{aspect-ratio:16/10}
.lead-g.three .ph svg{width:52%}
.ld-n,.ld-n .elementor-heading-title{font-size:18px;font-weight:600;color:var(--head)}
.ld-r,.ld-r p{color:var(--orange-dk);font-weight:600;font-size:14px}
.ld-r{margin-top:4px}
.ld-d,.ld-d p{color:var(--muted);font-size:14px;line-height:1.6}
.ld-d{margin-top:8px}
.vm p{font-size:16px}
.vm-ic{width:56px;height:56px;border-radius:16px;background:var(--blue-lt);color:var(--navy);display:grid;place-items:center;margin-bottom:18px}
.vm-ic svg.i{width:28px;height:28px}
.vm>div:nth-child(2) .vm-ic{background:var(--orange-lt);color:var(--orange-dk)}
.vm>div:nth-child(3) .vm-ic{background:var(--maroon-lt);color:var(--maroon)}
.jobs{max-width:980px;margin:0 auto}
.job{transition:border-color .2s,box-shadow .2s}
.job:hover{border-color:var(--blue-ln);box-shadow:var(--sh)}
.job-d,.job-d p{color:var(--muted);font-size:14px}
.job-d{margin-top:2px}
.duo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.duo-l{position:sticky;top:170px}
.duo-l h2{margin-bottom:16px}
.duo-l p{color:var(--muted);font-size:17px}
.duo-l p+.chk{margin-top:24px}
.form-note{margin-top:12px;font-size:14px;color:var(--muted);text-align:center}
.form-note a{color:var(--navy);font-weight:600}
@media (max-width:1180px){
  .pcards.four,.lead-g.three{grid-template-columns:1fr 1fr}
  .duo{grid-template-columns:1fr;gap:32px}
  .duo-l,.person>.ph,.person>.elementor-widget-html{position:static}
  .person .ph{max-width:320px;height:320px;width:100%;margin:0 auto}
}
@media (max-width:780px){
  .nums{grid-template-columns:1fr 1fr;row-gap:32px}
  .num:nth-child(odd){border-left:0}
}
@media (max-width:640px){
  .nband{padding:44px 0}
  .pcards.four,.rs .lead-g,.lead-g.three{grid-template-columns:1fr}
  .rs .ld .ph{aspect-ratio:16/10}
  .rs .ld .ph svg{width:52%}
  .person-t .quote,.person-t .quote p{font-size:18px}
}

@media (max-width:1180px){
  .zz{gap:44px}
  .playout{grid-template-columns:1fr}
  .paside{order:-1}
  .paside .sticky{position:static;grid-template-columns:1fr 1fr}
  .toc{display:none}
  .acard{grid-column:1/-1}
  .rel3,.pcards{grid-template-columns:1fr 1fr}
  .faq2{grid-template-columns:1fr;gap:32px}
  .faq2-l{position:static}
}
@media (max-width:900px){
  .zz,.phero-in,.team{grid-template-columns:1fr}
  .zz.rev .zz-t{order:0}
  .zz-i,.zz.tall .zz-i,.zz.compact .zz-i{aspect-ratio:16/11;min-height:0;height:auto;max-height:none}
  .phero-i{aspect-ratio:16/10}
  .zz.compact{gap:28px}
  .zz-t .btns .btn,.zz-t .btns .sks-btn{width:auto}
}
@media (max-width:640px){
  .rs,.cta-wrap{padding:36px 0}
  .zz{gap:28px}
  .zz+.zz,.rtxt{margin-top:32px}
  .chk.two,.rel3,.pcards,.fit,.g2{grid-template-columns:1fr}
  .facts{gap:10px;margin:22px 0}
  .facts li{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}
  .facts li>svg.i{width:34px;height:34px;padding:7px}
  .facts small{font-size:12px}
  .facts b{font-size:15px}
  .phero{padding:32px 0 40px}
  .phero-in{gap:32px}
  .phero .btns .btn{flex:1}
  .pc{padding:22px 18px}
  .pc-h h2{font-size:21px}
  .team{padding:18px;gap:24px}
  .ptl li{grid-template-columns:40px minmax(0,1fr);gap:14px}
  .ptl .n{width:40px;height:40px;font-size:14px}
  .ptl li:not(:last-child)::before{left:19px;top:40px}
  .ptl h3{margin-top:7px}
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1320px){
  .toplinks{gap:20px}
  nav.menu>ul>li>a{padding:15px 12px;font-size:15px}
  .hdr-top .container{gap:22px}
}
@media (max-width:1180px){
  .toplinks,.hdr-book{display:none}
  .burger{display:block}
  .hdr-top .container{min-height:76px;gap:14px}
  .hdr-nav{background:none;height:0}
  .menu-close{display:block;position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:26px;line-height:1;cursor:pointer;color:var(--ink)}
  .overlay{display:block;position:fixed;inset:0;background:rgba(3,20,40,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:250}
  .overlay.on{opacity:1;visibility:visible}
  nav.menu{position:fixed;top:0;right:0;width:min(380px,90vw);height:100vh;height:100dvh;background:#fff;z-index:300;overflow-y:auto;padding:72px 0 30px;transform:translateX(105%);transition:transform .35s var(--ease);box-shadow:-10px 0 40px rgba(0,0,0,.15)}
  nav.menu.open{transform:none}
  nav.menu>ul{flex-direction:column;align-items:stretch}
  nav.menu>ul>li,nav.menu>ul>li.mega-li{position:relative}
  nav.menu>ul>li>a{color:var(--ink);padding:14px 24px;border-bottom:1px solid var(--line);justify-content:space-between}
  nav.menu>ul>li>a:hover,nav.menu>ul>li:hover>a{background:var(--soft)}
  nav.menu>ul>li.active>a{box-shadow:inset 4px 0 0 var(--orange);color:var(--navy)}
  nav.menu li.x>a .caret{transform:rotate(-135deg) translateY(-2px)}
  .dd,.dd.mega,.dd.proc{position:static;opacity:1;visibility:visible;transform:none;width:auto;min-width:0;display:none;box-shadow:none;border:0;border-radius:0;background:var(--soft);grid-template-columns:1fr;padding:8px 14px}
  nav.menu li.x>.dd{display:block}
  .dgrp .mcol+.mcol{border-left:0;padding-left:0;margin-top:10px}
  .dgrp .mlinks{grid-template-columns:1fr}
  .mhas-dd{position:static;display:none;width:auto;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;border:0;border-radius:0;background:transparent;padding:4px 0 6px 22px;grid-template-columns:1fr}
  .mhas.open>.mhas-dd,.mhas:focus-within>.mhas-dd{display:grid}
  .mhas:hover>.mhas-dd{display:none}
  .mhas.open:hover>.mhas-dd,.mhas.open>.mhas-dd{display:grid}
  .mhas-p .caret{transform:rotate(45deg) translateY(-2px)}
  .mhas.open>.mhas-p .caret{transform:rotate(-135deg) translateY(-2px)}
  nav.menu li:hover>.dd{transform:none}
  .menu-extra{display:grid;gap:10px;padding:20px 24px}
  .menu-extra>a:not(.btn){font-weight:500;color:var(--muted);padding:4px 0}
  .menu-extra .btn{width:100%}
  .about .container,.why .container,.faq .container{grid-template-columns:1fr}
  .faq-side{position:static}
  .hdept,.dept,.scards,.campus,.tst,.blogs,.calc,.press{grid-template-columns:1fr 1fr}
  .acc{grid-template-columns:1fr 1fr}
  .insta{grid-template-columns:repeat(3,1fr)}
  .appt,.elementor .appt{grid-template-columns:1fr !important}
  .f-top{grid-template-columns:1fr 1fr 1fr}
  .f-brand{grid-column:1/-1}
  .f-map{grid-column:span 3}
  .layout{grid-template-columns:1fr}
  .sidebar .sticky{position:static}
  .icards,.vm,.pk-grid,.steps{grid-template-columns:1fr 1fr}
  .logo-grid,.gal{grid-template-columns:repeat(3,1fr)}
  .news-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .person{grid-template-columns:1fr}
  .cta-b.has-doc{grid-template-columns:1fr;padding:44px 40px 0;margin-top:40px}
  .cta-doc{margin:10px 0 0}
  .cta-doc img{width:250px;border-bottom:0}
}
@media (max-width:780px){
  .ftr-band{grid-template-columns:1fr;transform:none;margin:0;padding-top:34px}
  .site-ftr{margin-top:60px}
  .stats{grid-template-columns:1fr 1fr;gap:16px;margin-top:0;padding-top:40px}
  .hero-in{padding-bottom:0}
}
@media (max-width:640px){
  body{font-size:16px}
  .container{padding:0 16px}
  .sec{padding:62px 0}
  .head{margin-bottom:32px}
  .brand img{height:42px}
  .brand b{font-size:19px}
  .brand small{display:none}
  .emg-chip .ic svg.i{width:26px;height:26px}
  .emg-chip small{font-size:12px}
  .emg-chip b{font-size:14px}
  .hero{--hh:clamp(460px,80vh,600px)}
  .hero-in{gap:20px}
  .stat{padding:20px 10px}
  .ab-img{height:360px}
  .hdept,.dept,.scards,.campus,.tst,.blogs,.calc,.press,.acc,.why-g,.ab-points,.lead-g{grid-template-columns:1fr}
  .lead-g{grid-template-columns:1fr 1fr;gap:14px}
  .scard-img::before,.scard-img img{border-radius:90px 0 90px 0}
  .sgrp+.sgrp{margin-top:50px;padding-top:44px}
  .insta{grid-template-columns:repeat(2,1fr)}
  .cta-b{padding:34px 24px}
  .cta-b.has-doc{padding:36px 24px 0}
  .strip{padding:28px 24px}
  .appt .l,.appt form{padding:28px 22px}
  .appt form{grid-template-columns:1fr}
  .f-top{grid-template-columns:1fr 1fr;gap:28px}
  .f-map{grid-column:1/-1}
  .float{bottom:78px}
  .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:95;box-shadow:0 -4px 18px rgba(0,0,0,.12)}
  .mbar a{padding:14px;text-align:center;color:#fff;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}
  .mbar a svg.i{width:18px;height:18px}
  .mbar a:first-child{background:var(--orange)}
  .mbar a:last-child{background:var(--navy)}
  .mbar a:only-child{grid-column:1/-1;background:var(--orange)}
  .site-ftr{padding-bottom:52px}
  .pb{padding:64px 0 60px}
  .pb h1::before{width:44px;margin-bottom:16px}
  .pb p{font-size:16px}
  .psec{padding:48px 0}
  .calc.c2,.list2,.why4,.steps4,.fgrid,.icards,.vm,.pk-grid,.steps,.kv{grid-template-columns:1fr}
  .logo-grid,.gal{grid-template-columns:1fr 1fr}
  .news-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .lb{padding:60px 10px 84px}
  .lb .lb-p,.lb .lb-n{top:auto;bottom:18px;translate:none}
  .lb .lb-p{left:calc(50% - 60px)}
  .lb .lb-n{right:calc(50% - 60px)}
  .fbox{padding:22px}
  .ev{grid-template-columns:1fr}
  .ev .dt{width:96px}
}
@media (max-width:480px){
  .news-g{gap:10px}
  .nw{border-radius:12px}
  .nw figcaption{gap:8px;padding:10px 11px 12px;font-size:13px}
  .nw figcaption span{padding:3px 8px;font-size:11px}
  .hdr-top .container{min-height:68px;gap:10px}
  .brand{gap:8px}
  .brand img{height:38px}
  .brand b{font-size:17px}
  .emg-chip>span:last-child{display:none}
  .emg-chip .ic{width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;place-items:center}
  .emg-chip .ic svg.i{width:22px;height:22px}
  .burger{width:42px}
}

/* ==========================================================================
   Motion — html.js-motion is set in <head>; site.js adds .rv to sections
   and .rv-in as they scroll into view, then removes both.
   ========================================================================== */
.js-motion .rv{opacity:0;transform:translate3d(0,34px,0);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js-motion .rv.rv-z{transform:scale(.94)}
.js-motion .rv.rv-s{transform:translate3d(-18px,0,0)}
.js-motion .rv.rv-in{opacity:1;transform:none}
.js-motion .rv-img img{transform:scale(1.15);transition:transform 1.6s var(--ease) var(--d,0s)}
.js-motion .rv-img.rv-in img{transform:none}

.js-motion .pb .container>*,.js-motion .phero-t>*{animation:rise .9s var(--ease) both}
.js-motion .pb .container>:nth-child(2),.js-motion .phero-t>:nth-child(2){animation-delay:.1s}
.js-motion .pb .container>:nth-child(3),.js-motion .phero-t>:nth-child(3){animation-delay:.2s}
.js-motion .pb .container>:nth-child(4),.js-motion .phero-t>:nth-child(4){animation-delay:.3s}
.js-motion .phero-t>:nth-child(n+5){animation-delay:.4s}
.js-motion .phero-i{animation:rv-zoom 1.1s .15s var(--ease) both}
.js-motion .phero-i img{animation:rv-img 1.8s .15s var(--ease) both}
@keyframes rv-zoom{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes rv-img{from{transform:scale(1.15)}to{transform:none}}

.stat b{font-variant-numeric:tabular-nums}
.sprog{position:fixed;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--orange),var(--navy));transform:scaleX(0);transform-origin:0 50%;z-index:300;pointer-events:none}
.admin-bar .sprog{top:32px}

.btn,.sks-btn .elementor-button{position:relative;overflow:hidden;isolation:isolate}
.btn::before,.sks-btn .elementor-button::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .75s var(--ease);pointer-events:none}
.btn:hover::before,.sks-btn .elementor-button:hover::before{transform:translateX(120%)}

/* Section headings rise out of a mask as their block reveals */
.js-motion .rv .rv-hd{clip-path:inset(100% 0 0 0);transform:translate3d(0,26px,0);transition:clip-path .85s var(--ease) .08s,transform .85s var(--ease) .08s}
.js-motion .rv.rv-in .rv-hd{clip-path:inset(0);transform:none}

/* Cards: pointer tilt (inline transform from site.js) + spotlight */
.tl-card{position:relative}
.tl-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(26,115,194,.11),transparent 62%)}
.tl-card:hover::after{opacity:1}
.tl-card.tilting{transition:transform .12s linear,box-shadow .25s,border-color .25s!important;will-change:transform}

/* Icon micro-interaction on card hover */
.hd .ic svg,.dp .ic svg,.wy .ic svg,.pcard .ic svg,.pcard-w .elementor-icon svg,.rel3 a svg,.rel3-w .elementor-icon-list-icon svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.hd:hover .ic svg,.dp:hover .ic svg,.wy:hover .ic svg,.pcard:hover .ic svg,.pcard-w .elementor-icon-box-wrapper:hover .elementor-icon svg,.rel3 a:hover svg,.rel3-w a:hover .elementor-icon-list-icon svg{transform:scale(1.14) rotate(-7deg)}

/* Parallax targets (translate set by site.js) */
.plx{translate:0 var(--py,0px);will-change:translate}
.plx-s{scale:1.12}
.hero-slides .hs,.hero-slides .hv,.hero-slides .hyt{translate:0 var(--hy,0px)}

/* CTA band glow follows the pointer */
.cta-b::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,70%) var(--my,30%),rgba(255,255,255,.13),transparent 60%)}
.cta-b:hover::before{opacity:1}

/* Floating call / WhatsApp pulse */
.float a::before{content:"";position:absolute;inset:-3px;border-radius:50%;pointer-events:none;animation:fpulse 2.8s ease-out infinite}
.float .wa::before{animation-delay:1.4s}
@keyframes fpulse{0%{box-shadow:0 0 0 0 rgba(var(--pc),.5)}75%,100%{box-shadow:0 0 0 18px rgba(var(--pc),0)}}

/* Footer links: underline draws in */
.site-ftr ul li a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:color .2s,background-size .35s var(--ease)}
.site-ftr ul li a:hover{background-size:100% 1px}

.box.emg a b{transition:color .2s}
.box.emg a:hover b{color:var(--orange-dk)}

/* ---------- For Patients pages ---------- */
.help-cta{padding:10px 0 70px}
.ins-layout{margin-top:56px}
.pk-prep{margin-top:60px}
.tt-all{color:var(--maroon);font-weight:700}
.fbox .ba-h{margin-top:0}
.icards h4 a{color:inherit}
.icards h4 a:hover{color:var(--blue)}
.box.emg a{color:inherit}
.pk-entry,.tt-entry,.calc-entry{margin-top:48px}

/* ---------- Blog ---------- */
.bl-sec .blogs{gap:28px}
.bl-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}
.bl-cats a{padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--head);transition:background .2s,color .2s,border-color .2s}
.bl-cats a:hover{border-color:var(--navy);color:var(--navy)}
.bl-cats a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.bl.bl-feat{display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:34px;border-radius:24px;box-shadow:var(--sh)}
.bl-feat .th{height:auto;min-height:360px}
.bl-feat .bd{display:flex;flex-direction:column;justify-content:center;padding:44px 46px}
.bl-feat .bd::before{content:"Featured";align-self:flex-start;background:var(--orange-lt);color:var(--orange-dk);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:16px}
.bl-feat h3{font-size:clamp(22px,2.4vw,30px);line-height:1.25;margin-bottom:14px}
.bl-feat p{font-size:16px;margin-bottom:22px}
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pager .page-numbers{min-width:42px;text-align:center;font-weight:600;color:var(--head);background:#fff}
.pager a.page-numbers:hover{border-color:var(--navy);color:var(--navy)}
.bl-entry{margin-top:48px}
.art-cover{margin:0 0 26px;border-radius:22px;overflow:hidden;box-shadow:var(--sh)}
.art-cover img{display:block;width:100%;height:auto}
.art-by{display:flex;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.art-by img{border-radius:50%}
.art-by span{font-size:14px;color:var(--muted);line-height:1.4}
.art-by b{color:var(--head)}
.art-by small{display:block;font-size:13px}
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 18px}
.art-tags a{font-size:13px;font-weight:600;color:var(--navy);background:var(--blue-lt);padding:6px 12px;border-radius:999px}
@media (max-width:900px){
  .bl.bl-feat{grid-template-columns:1fr}
  .bl-feat .th{min-height:240px;height:240px}
  .bl-feat .bd{padding:26px 24px 28px}
}

/* ---------- Contact page ---------- */
.ct-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ct-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 24px 24px;color:var(--ink);box-shadow:var(--sh);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.ct-card:hover{transform:translateY(-5px);border-color:var(--blue-ln);box-shadow:var(--sh2)}
.ct-ic{width:56px;height:56px;border-radius:16px;background:var(--blue-lt);color:var(--navy);display:grid;place-items:center;margin-bottom:18px;transition:background .35s,color .35s}
.ct-ic .i{width:24px;height:24px}
.ct-card:hover .ct-ic{background:var(--navy);color:#fff}
.ct-card h3{font-size:18px;margin-bottom:4px}
.ct-card small{font-size:14px;color:var(--muted)}
.ct-card b{display:block;margin:14px 0 18px;font-size:17px;color:var(--head);overflow-wrap:anywhere}
.ct-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue)}
.ct-go .i{width:16px;height:16px;transition:transform .3s var(--ease)}
.ct-card:hover .ct-go .i{transform:translateX(4px)}
.ct-emg{background:linear-gradient(150deg,var(--orange),var(--orange-dk));border-color:transparent;color:#fff}
.ct-emg .ct-ic{background:rgba(255,255,255,.18);color:#fff}
.ct-emg:hover .ct-ic{background:#fff;color:var(--orange-dk)}
.ct-emg h3,.ct-emg b,.ct-emg .ct-go{color:#fff}
.ct-emg small{color:rgba(255,255,255,.85)}
.ct-emg:hover{border-color:transparent;box-shadow:0 22px 50px -14px rgba(217,99,10,.55)}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;margin-top:56px;align-items:stretch}
.ct-form h2{margin:0 0 6px;font-size:26px}
.ct-lead{color:var(--muted);font-size:15px;margin-bottom:22px}
.ct-visit{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.ct-map{display:block;width:100%;flex:1;min-height:300px;border:0}
.ct-info{padding:26px 28px 28px}
.ct-info h3{font-size:20px;margin-bottom:14px}
.ct-info ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px}
.ct-info li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
.ct-info li>.i{width:20px;height:20px;color:var(--orange);flex-shrink:0;margin-top:2px}
.ct-info li b{display:block;color:var(--head);font-size:15px;margin-bottom:2px}
.ct-entry{margin-top:48px}
.ct-grid.ct-one{grid-template-columns:minmax(0,1fr)}
.sks-cf7 p{margin:0}
.sks-cf7 .wpcf7-form-control-wrap{display:block}
.sks-cf7 .wpcf7-not-valid{border-color:#d63638}
.sks-cf7 .wpcf7-not-valid-tip{margin-top:6px;font-size:13px;font-weight:500;color:#d63638}
.sks-cf7 .wpcf7-submit{padding:12px 26px;border:1.5px solid transparent;border-radius:999px;background:var(--navy);color:#fff;font:inherit;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer}
.sks-cf7 .wpcf7-submit:hover{background:var(--navy-dk)}
.sks-cf7 .wpcf7-submit:disabled{opacity:.7;cursor:wait}
.sks-cf7 .wpcf7-spinner{display:block;margin:12px auto 0}
.sks-cf7 form:not(.submitting) .wpcf7-spinner{display:none}
.sks-cf7 .wpcf7 form .wpcf7-response-output{margin:16px 0 0;padding:12px 16px;border-width:1px;border-radius:12px;font-size:14px;text-align:center}
.sks-cf7 .wpcf7 form.sent .wpcf7-response-output{border-color:#2e9e5b;background:#edf9f1;color:#1d6b3c}
.sks-cf7 .wpcf7-submit{width:100%}
.sks-cf7 input[type=file]{padding:10px 12px;background:#fff}
.appt .sks-cf7{padding:46px}
.appt .sks-cf7 form{display:block;padding:0}
.sks-cf7-side .sform input[type=date]{color:var(--muted)}
@media (max-width:640px){.appt .sks-cf7{padding:28px 22px}}
.sks-cf7 .wpcf7 form.invalid .wpcf7-response-output,.sks-cf7 .wpcf7 form.unaccepted .wpcf7-response-output,.sks-cf7 .wpcf7 form.failed .wpcf7-response-output,.sks-cf7 .wpcf7 form.aborted .wpcf7-response-output{border-color:#e9a23b;background:#fff8ec;color:#8a5a12}
@media (max-width:1180px){
  .ct-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .ct-grid{grid-template-columns:1fr;margin-top:40px}
}
@media (max-width:640px){
  .ct-cards{grid-template-columns:1fr;gap:16px}
  .ct-card{padding:22px 20px}
  .ct-info{padding:22px 20px}
}

/* ---------- Ads / campaign landings (MRI, CT, women-care) ---------- */
.lp-hero{padding:48px 0 56px;background:var(--sky)}
.lp-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.lp-hero-t{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.lp-hero-t h1{font-size:clamp(28px,3.6vw,44px);margin:0}
.lp-hero-t>p,.lp-hero-t .elementor-widget-text-editor p{color:var(--muted);font-size:16px;line-height:1.6;margin:0;max-width:640px}
.lp-hero-i{border-radius:24px;overflow:hidden;box-shadow:var(--sh2);aspect-ratio:4/3}
.lp-hero-i img{width:100%;height:100%;object-fit:cover}
.lp-trust-band{padding:0 0 8px;margin-top:-28px;position:relative;z-index:2}
.lp-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lp-sec{padding:72px 0}
.lp-sec.soft{background:var(--soft)}
.lp-head{margin-bottom:28px}
.lp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.lp-emg{background:var(--maroon-lt);border-radius:22px;padding:36px 40px;border-left:6px solid var(--maroon)}
.lp-emg h2{margin-bottom:10px}
.lp-appt{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
@media (max-width:900px){
  .lp-hero-in,.lp-grid,.lp-trust,.lp-appt{grid-template-columns:1fr}
  .lp-hero{padding:32px 0 40px}
  .lp-emg{padding:24px 20px}
}
@media (max-width:640px){
  .lp-grid,.lp-trust{grid-template-columns:1fr}
}

/* ==========================================================================
   Department pages (speciality / super-speciality) — mockup layout
   ========================================================================== */
.dphero{position:relative;display:block;padding:40px 0 64px;color:#fff;overflow:hidden;background:#06233F}
.dphero-bg{position:absolute;inset:0;width:auto;height:auto}
.dphero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.dphero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,35,63,.88) 0 42%,rgba(6,35,63,.55) 70%,rgba(6,35,63,.28) 100%)}
.dphero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,380px);gap:40px;align-items:start}
.dphero-t{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:4px}
.dphero-t .crumb{padding:0;color:rgba(255,255,255,.8)}
.dphero-t .crumb a,.dphero-t .crumb span,.dphero-t .crumb i{color:rgba(255,255,255,.8)}
.dphero-t .tag{color:#FFD2A8;margin:0}
.dphero-t h1{color:#fff;font-size:clamp(26px,3.2vw,40px);line-height:1.18;margin:0;max-width:none}
.dphero-t>p,.dphero-t .elementor-widget-text-editor p{color:rgba(255,255,255,.9);font-size:16px;line-height:1.55;max-width:620px;margin:0}
.dphero .sks-pcpndt,.dphero .sks-hi-cta,.dphero-t .dp-chips,.dphero-t>.btns{max-width:620px;width:100%;box-sizing:border-box}
.dphero .sks-pcpndt{margin:2px 0;padding:10px 12px;font-size:13.5px;line-height:1.45;background:rgba(251,236,236,.96);color:var(--head)}
.dphero .sks-pcpndt strong{color:var(--maroon)}
.dphero .sks-hi-cta{margin:0;padding:10px 14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1)}
.dphero .sks-hi-cta p{color:#fff;margin:0 0 8px;font-size:14.5px}
.dphero .sks-hi-cta .btns{display:flex;flex-wrap:wrap;gap:8px}
.dphero .sks-hi-cta .btn{white-space:nowrap}
.dphero .sks-hi-cta .btn-line{border-color:rgba(255,255,255,.75);color:#fff;background:transparent}
.dphero .sks-hi-cta .btn-line:hover{background:rgba(255,255,255,.12);color:#fff}
.dp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px;padding:0;list-style:none}
.dp-chips li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;letter-spacing:.02em}
.dphero .btns{margin-top:4px;gap:12px}
.dph-form .sks-cf7{margin-top:4px}
.elementor .appt{display:grid !important;grid-template-columns:.9fr 1.1fr}
.dph-form{background:#fff;color:var(--ink);border-radius:24px;padding:28px 26px 24px;box-shadow:var(--sh2)}
.dphero-f.dph-form{padding:16px 16px 14px}
.dphero-f .elementor-heading-title,.dphero-f h2{font-size:18px;line-height:1.25;margin:0 0 4px}
.dphero-f .elementor-widget-text-editor p,.dphero-f>p{font-size:13px;margin:0 0 8px;line-height:1.4}
.dphero-f .dph-note{margin-top:8px;font-size:12px;line-height:1.4}
.dphero-f .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.dphero-f .fgrid .full{grid-column:1/-1}
.dphero-f .fgrid label{font-size:12px;margin-bottom:4px}
.dphero-f .fgrid input,.dphero-f .fgrid select,.dphero-f .fgrid textarea{padding:8px 10px;font-size:14px;border-radius:10px}
.dphero-f .fgrid textarea{min-height:52px;height:52px;resize:vertical}
.dphero-f .wpcf7-submit{padding:10px 18px;font-size:14px}
.dph-form h2,.dph-form .elementor-heading-title{font-size:22px;margin-bottom:6px;color:var(--head)}
.dph-form>p,.dph-form .elementor-widget-text-editor p{color:var(--muted);font-size:14px;margin-bottom:18px}
.dph-form form{display:grid;gap:12px}
.dph-form label{font-size:13px;font-weight:600;display:block;margin-bottom:6px;color:var(--head)}
.dph-form input,.dph-form select,.dph-form textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:var(--soft);outline:none;color:var(--ink)}
.dph-form input:focus,.dph-form select:focus,.dph-form textarea:focus{border-color:var(--navy);background:#fff}
.dph-form .full{grid-column:1/-1}
.dph-form .btn{width:100%}
.dph-consent{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:13px;color:var(--muted);line-height:1.45}
.dph-consent input{width:18px;height:18px;margin-top:2px;flex-shrink:0}
.dph-consent a{color:var(--navy);font-weight:600}
.dph-note{margin-top:12px;font-size:13px;color:var(--muted)}
.dph-dates{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dph-dates button{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--head);cursor:pointer}
.dph-dates button.on,.dph-dates button:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.dph-dates input[type=date]{flex:1;min-width:140px}

.dp-trust-band{padding:0 0 8px;margin-top:-40px;position:relative;z-index:2}
.dp-trust{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.dp-trust-i{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 14px;box-shadow:var(--sh)}

.dp-svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dp-docs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.dp-doc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.dp-doc h3{font-size:18px;margin-bottom:10px}
.dp-doc p{color:var(--muted);font-size:14px;margin-bottom:16px}
.dp-facs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.dp-fac{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.dp-fac img{width:100%;aspect-ratio:16/9;object-fit:cover}
.dp-fac h3{font-size:16px;padding:14px 16px 16px}
.dp-fees{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.dp-fee h3{margin:12px 0 8px}
.dp-visit{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.dp-visit-i{border-radius:22px;overflow:hidden;box-shadow:var(--sh2);aspect-ratio:16/10}
.dp-visit-i img{width:100%;height:100%;object-fit:cover}
.dp-form-sec .dph-form{max-width:720px;margin:0 auto}
.dp-form-sec .zz .dph-form{max-width:none;margin:0;height:100%}

@media (max-width:1180px){
  .dp-trust{grid-template-columns:repeat(4,1fr)}
  .dp-svcs,.dp-docs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .dphero{padding:24px 0 48px}
  .dphero::after{background:linear-gradient(180deg,rgba(6,35,63,.82) 0 48%,rgba(6,35,63,.55) 100%)}
  .dphero-in,.dp-fees,.dp-visit{grid-template-columns:1fr}
  .dphero-in{gap:24px;align-items:stretch}
  .dphero-t h1{max-width:none}
  .dphero-f .fgrid{grid-template-columns:1fr}
  .dp-trust{grid-template-columns:repeat(3,1fr)}
  .dp-facs{grid-template-columns:1fr 1fr}
  .dp-trust-band{margin-top:-28px}
}
@media (max-width:640px){
  .dp-trust,.dp-svcs,.dp-docs,.dp-facs{grid-template-columns:1fr}
  .dph-form{padding:22px 18px}
}

.sks-hi-cta{margin:12px 0 4px;padding:14px 16px;border:1px solid var(--blue-ln);border-radius:14px;background:#fff}
.sks-hi-cta p{margin:0 0 10px;font-weight:600;color:var(--head)}
.sks-hi-cta .btns{display:flex;flex-wrap:wrap;gap:10px}
.sks-pcpndt{margin:10px 0;padding:12px 14px;border-left:4px solid var(--maroon);background:var(--maroon-lt);border-radius:0 10px 10px 0;font-size:15px}
.sks-consent{margin:10px 0 0;font-size:13px;color:var(--muted)}
.sks-consent a{color:var(--blue);text-decoration:underline}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
