:root{--pri:#0b6e79;--pri-d:#084f57;--acc:#e76f51;--ink:#1b2a33;--soft:#eef5f6;--gold:#f4a261}
body{font-family:'Poppins',system-ui,sans-serif;color:#45545c;font-size:15px;background:#fff}
h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:600}
a{color:var(--pri)}a:hover{color:var(--pri-d)}
.urdu{font-family:'Noto Nastaliq Urdu',serif;direction:rtl;line-height:2.2}
/* top strip */
.topstrip{background:var(--ink);color:#c9d6db;font-size:13px;padding:6px 0}
.topstrip a{color:#c9d6db;text-decoration:none}.topstrip a:hover{color:#fff}
.topstrip .social a{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#2c3f49;margin-right:4px}
.topstrip .quick a{padding:0 9px;border-left:1px solid #3a4e58}.topstrip .quick a:first-child{border:0}
/* brand */
.brandbar{padding:16px 0;background:#fff}
.logo{gap:14px!important}
.logo img{height:96px;width:auto}
.logo-mark{width:84px;height:84px;border-radius:18px;font-size:42px!important;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 20px rgba(11,110,121,.3)}
.logo b{display:block;color:var(--ink);font-size:clamp(22px,2.6vw,36px);line-height:1.15;font-weight:700}.logo small{display:block;color:#7a8a91;font-size:clamp(13px,1.1vw,16px);margin-top:3px}
.brandbar .info>div{display:flex;align-items:center;gap:10px}
.brandbar .info i{font-size:26px;color:var(--pri)}
.brandbar .info span{font-size:12px;color:#7a8a91;line-height:1.3}.brandbar .info b{display:block;color:var(--ink);font-size:15px}
/* nav */
.mainnav{background:var(--pri);padding:0;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.mainnav .nav-link{color:#e6f3f4!important;font-weight:500;padding:16px 15px!important;font-size:14.5px}
.mainnav .nav-link:hover,.mainnav .nav-link.active{background:var(--pri-d);color:#fff!important}
.mainnav .dropdown-menu{border:0;border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(0,0,0,.12);margin-top:0;padding:8px 0}
.mainnav .mega{max-height:70vh;overflow:auto;min-width:280px}
.mainnav .dropdown-header a{color:var(--pri);font-weight:600;text-decoration:none;font-size:13px;text-transform:uppercase}
.mainnav .dropdown-item{font-size:14px;padding:6px 18px}.mainnav .dropdown-item:hover{background:var(--soft);color:var(--pri)}
.btn-appt{background:var(--acc);color:#fff;border-radius:30px;padding:8px 20px;font-weight:500;font-size:14px}.btn-appt:hover{background:#d65a3c;color:#fff}
.navbar-toggler{border:0}
/* hero */
.hero .carousel-item{height:520px;background:#0d2a33 center/cover no-repeat}
.hero .carousel-item::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,40,48,.88) 0%,rgba(8,40,48,.55) 55%,rgba(8,40,48,.1) 100%)}
.hero .cap{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;color:#fff}
.hero .cap h2{color:#fff;font-size:46px;font-weight:700;max-width:640px;line-height:1.15}
.hero .cap p{font-size:18px;max-width:560px;opacity:.9}
.hero .cap .tag{display:inline-block;background:rgba(255,255,255,.15);padding:5px 14px;border-radius:20px;font-size:13px;margin-bottom:14px;letter-spacing:.04em}
.hero .noimg{background:radial-gradient(circle at 80% 30%,#14808c 0,#0b4f58 40%,#0d2a33 100%)}
.hero .noimg::after{content:"\f0f8";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:8%;top:50%;transform:translateY(-50%);font-size:260px;color:rgba(255,255,255,.06)}
/* quick boxes */
.quickboxes{margin-top:-60px;position:relative;z-index:5}
.qbox{background:#fff;border-radius:14px;padding:24px;box-shadow:0 15px 40px rgba(13,42,51,.12);height:100%;display:block;text-decoration:none;color:#45545c;transition:.2s;border-top:4px solid var(--pri)}
.qbox:hover{transform:translateY(-5px);color:#45545c}
.qbox i{font-size:34px;color:var(--pri);margin-bottom:10px}.qbox h5{margin-bottom:6px}.qbox.alt{background:var(--pri);color:#e3f1f2}.qbox.alt h5,.qbox.alt i{color:#fff}
/* sections */
.sec{padding:80px 0}.sec.soft{background:var(--soft)}
.sec-title{text-align:center;margin-bottom:46px}
.sec-title h2{font-size:34px;font-weight:700;margin-bottom:8px}
.sec-title .bar{width:60px;height:3px;background:var(--acc);margin:10px auto 14px;border-radius:2px}
.sec-title p{max-width:640px;margin:auto;color:#7a8a91}
.pagebanner{background:linear-gradient(120deg,var(--pri-d),var(--pri));color:#fff;padding:46px 0}
.pagebanner h1{color:#fff;font-size:32px;margin:0}.pagebanner .crumb{font-size:13px;opacity:.85}.pagebanner .crumb a{color:#fff;text-decoration:none}
/* leadership tabs */
.lead-tabs .nav-link{color:var(--ink);font-weight:500;border-radius:30px;padding:8px 18px;font-size:14px}
.lead-tabs .nav-link.active{background:var(--pri);color:#fff}
.lead-photo{width:220px;height:260px;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
/* cards */
.vm{background:#fff;border-radius:14px;padding:30px;box-shadow:0 6px 24px rgba(0,0,0,.06);height:100%}
.vm i{font-size:36px;color:var(--acc)}
.dept-card{background:#fff;border-radius:14px;padding:26px 22px;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.05);transition:.2s;display:block;text-decoration:none;color:#45545c;height:100%;border:1px solid #eef2f3}
.dept-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(11,110,121,.15);color:#45545c}
.dept-card .ic{width:70px;height:70px;border-radius:50%;background:var(--soft);color:var(--pri);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 14px;transition:.2s}
.dept-card:hover .ic{background:var(--pri);color:#fff}
.dept-card h6{margin-bottom:4px}
.spec-tabs .nav-link{border:0;color:var(--ink);font-weight:500;padding:12px 18px;border-radius:8px;text-align:left}
.spec-tabs .nav-link.active{background:var(--pri);color:#fff}
.spec-img{width:100%;height:330px;object-fit:cover;border-radius:16px}
.ticks li{list-style:none;padding:4px 0}.ticks li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--pri);margin-right:8px}
.ticks{padding:0;columns:2}
/* counters */
.counters{background:linear-gradient(rgba(8,40,48,.92),rgba(8,40,48,.92)),url('../img/placeholder.svg') center/cover;color:#fff;padding:70px 0}
.counters .n{font-size:44px;font-weight:700;color:#fff}.counters i{font-size:34px;color:var(--gold)}
/* doctors */
.doc-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06);transition:.2s;height:100%;text-align:center}
.doc-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.12)}
.doc-card img{width:100%;height:260px;object-fit:cover;object-position:top;background:var(--soft)}
.doc-card .b{padding:16px}.doc-card h6{margin:0}.doc-card .des{color:var(--acc);font-size:13px;font-weight:500}.doc-card .sp{font-size:13px;color:#7a8a91}
/* news & events */
.news-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px dashed #d8e2e4}
.news-item .dt{min-width:62px;height:62px;border-radius:10px;background:var(--pri);color:#fff;text-align:center;line-height:1.1;padding-top:10px}
.news-item .dt b{font-size:20px;display:block}.news-item .dt small{font-size:11px;text-transform:uppercase}
.news-item a{color:var(--ink);font-weight:500;text-decoration:none}.news-item a:hover{color:var(--pri)}
.ntype{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--soft);color:var(--pri);font-weight:600}
.ntype.Vacancy{background:#fff1e9;color:var(--acc)}.ntype.Tender{background:#eef0ff;color:#4b56c4}
.ev-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06);height:100%}
.ev-card img{width:100%;height:200px;object-fit:cover}.ev-card .b{padding:18px}.ev-card .date{color:var(--acc);font-size:13px;font-weight:600}
.ev-card h6 a{color:var(--ink);text-decoration:none}
/* info strip */
.cta{background:var(--acc);color:#fff;border-radius:18px;padding:36px}
.cta h3{color:#fff}.cta .btn{border-radius:30px}
/* tables & forms */
.sched th{background:var(--pri);color:#fff;font-weight:500}
.form-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.form-control,.form-select{border-radius:8px;padding:10px 12px}
.btn-pri{background:var(--pri);color:#fff;border-radius:30px;padding:10px 26px}.btn-pri:hover{background:var(--pri-d);color:#fff}
.gal img{width:100%;height:220px;object-fit:cover;border-radius:12px;transition:.2s;cursor:zoom-in}.gal img:hover{opacity:.85}
.richtext img{max-width:100%;height:auto}
/* footer */
.sitefoot{background:var(--ink);color:#b5c4ca;padding:60px 0 0;margin-top:0}
.sitefoot h5,.sitefoot h6{color:#fff}.sitefoot a{color:#b5c4ca;text-decoration:none}.sitefoot a:hover{color:#fff}
.sitefoot .contact i{width:20px;color:var(--gold)}.sitefoot li{margin-bottom:6px}
.sitefoot .copy{border-top:1px solid #2f434d;margin-top:30px;padding:18px 0;text-align:center}
.float-appt{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:50}
@media(max-width:991px){.logo img{height:70px}.logo-mark{width:62px;height:62px;font-size:30px!important}.hero .carousel-item{height:420px}.hero .cap h2{font-size:30px}.mainnav .nav-link{padding:10px 12px!important}.quickboxes{margin-top:24px}.ticks{columns:1}.sec{padding:56px 0}}
@media(max-width:1499px){.brandbar .info>div:nth-child(2){display:none!important}.brandbar .info{gap:1.2rem!important}}

/* ===== news ticker ===== */
.ticker{background:#fff7f3;border-bottom:1px solid #f6d9cc;font-size:14px;overflow:hidden}
.ticker-label{background:var(--acc);color:#fff;font-weight:600;padding:9px 16px;white-space:nowrap;display:flex;align-items:center;gap:8px;position:relative;z-index:2}
.ticker-label::after{content:"";position:absolute;right:-12px;top:0;border-left:12px solid var(--acc);border-top:20px solid transparent;border-bottom:20px solid transparent}
.live-dot{width:9px;height:9px;border-radius:50%;background:#fff;animation:blink 1s infinite}
.ticker-track{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-move{display:inline-flex;white-space:nowrap;animation:tick 40s linear infinite;padding-left:24px}
.ticker-move a{color:var(--ink);text-decoration:none;margin-right:48px;font-weight:500}
.ticker-move a:hover{color:var(--acc)}
.ticker:hover .ticker-move{animation-play-state:paused}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes blink{50%{opacity:.25}}
/* ===== opening popup ===== */
.hpop{position:fixed;inset:0;z-index:2000;background:rgba(8,30,36,0);display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none;transition:background .4s}
.hpop.show{background:rgba(8,30,36,.72);pointer-events:auto;backdrop-filter:blur(3px)}
.hpop-box{width:100%;max-width:470px;background:#fff;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.4);
 transform:translateY(60px) scale(.85);opacity:0;transition:transform .55s cubic-bezier(.2,1.4,.4,1),opacity .4s}
.hpop.show .hpop-box{transform:none;opacity:1}
.hpop-x{position:absolute;right:12px;top:10px;z-index:3;border:0;background:rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1}
.hpop-x:hover{background:rgba(255,255,255,.35)}
.hpop-top{height:170px;background:linear-gradient(135deg,var(--pri),#0d2a33);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hpop-top .ring{position:absolute;border:2px solid rgba(255,255,255,.25);border-radius:50%;animation:ring 3s ease-out infinite}
.ring.r1{width:90px;height:90px}.ring.r2{width:90px;height:90px;animation-delay:1s}.ring.r3{width:90px;height:90px;animation-delay:2s}
@keyframes ring{from{transform:scale(1);opacity:1}to{transform:scale(3.4);opacity:0}}
.hpop-icon{width:92px;height:92px;border-radius:50%;background:#fff;color:var(--pri);display:flex;align-items:center;justify-content:center;font-size:42px;position:relative;z-index:2;animation:beat 1.4s ease-in-out infinite;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.hpop-img{max-height:130px;max-width:80%;position:relative;z-index:2;border-radius:12px;animation:beat 2s ease-in-out infinite;background:#fff;padding:6px}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(1)}45%{transform:scale(1.06)}}
.hpop-body{padding:26px 28px 24px;text-align:center}
.hpop-badge{display:inline-block;padding:6px 18px;border-radius:30px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:#fff;
 background:linear-gradient(90deg,var(--acc),#f4a261,var(--acc));background-size:200% 100%;animation:shine 2.5s linear infinite;margin-bottom:12px}
.hpop-badge .dots i{font-style:normal;animation:blink 1.2s infinite}.hpop-badge .dots i:nth-child(2){animation-delay:.2s}.hpop-badge .dots i:nth-child(3){animation-delay:.4s}
@keyframes shine{to{background-position:-200% 0}}
.hpop-body h3{font-weight:700;margin-bottom:8px}
.hpop-body p{color:#5b6b72;margin-bottom:18px}
.hpop-hosp{margin-top:16px;font-size:12px;color:#93a3aa;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:575px){.ticker-label{padding:9px 10px;font-size:12px}.hpop-top{height:140px}.hpop-body{padding:20px}}
@media (prefers-reduced-motion:reduce){.ticker-move,.hpop-top .ring,.hpop-icon,.hpop-badge{animation:none}}
.hpop-body .btn{font-size:15px;padding:10px 24px;border-radius:30px}