:root{--blue:#0758a4;--green:#288e3c;--orange:#f26313;--navy:#062f59;--ink:#102f49;--muted:#617486;--line:#dbe6ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px Arial,sans-serif;color:var(--ink);background:#f6f9fb}a{text-decoration:none;color:inherit}.topbar{height:36px;padding:0 4vw;background:linear-gradient(90deg,#021f3c,#064f89);color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:12px}.header{height:88px;padding:0 4vw;display:flex;align-items:center;gap:26px;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 8px 28px #12344d14}.logo{display:flex;align-items:center;gap:9px;color:var(--blue)}.logo i{width:44px;height:44px;border:2px solid;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:23px}.logo b{display:block;font-size:30px;line-height:24px}.logo small{color:#df372d;font-size:11px;font-weight:900;letter-spacing:1px}.header nav{margin-left:auto;display:flex;gap:20px;font-size:11px;font-weight:900;text-transform:uppercase}.btn{display:inline-block;padding:14px 20px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-size:10px;font-weight:900;cursor:pointer}.menuBtn{display:none;margin-left:auto;border:0;background:none;font-size:25px}.hero{height:520px;background:linear-gradient(90deg,#d9eef8 0,#d9eef8 46%,#fff 73%);position:relative;overflow:hidden}.hero:before{content:'SDM HOSPITAL';position:absolute;left:5%;bottom:14%;font-size:clamp(50px,9vw,130px);font-weight:900;color:#0a4f8020}.heroShade{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:46%}.heroShade span{font-size:19px;font-weight:700}.hero h1{font-size:58px;line-height:.89;margin:8px 0 20px}.hero h1>*{display:block}.hero h1 b{color:var(--blue)}.hero h1 em{color:var(--green);font-style:normal}.hero h1 strong{color:var(--orange)}.hero p{color:var(--muted)}.container{width:min(calc(100% - 48px),1320px);margin:auto}.verticalCards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.verticalCards article{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:0 25px 27px;text-align:center;box-shadow:0 18px 45px #12344d12}.verticalCards .photo{height:225px;margin:0 -25px;background:center/cover}.verticalCards .photo b{float:left;margin:12px;background:var(--accent);padding:9px;color:#fff;border-radius:6px}.verticalCards article>i{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:-35px auto 8px;position:relative;background:#fff;color:var(--accent);font-size:30px;font-style:normal;box-shadow:0 9px 25px #12344d24}.verticalCards h2{color:var(--accent);font-size:21px}.verticalCards h3{font-size:12px}.verticalCards p{color:var(--muted);min-height:42px}.verticalCards .btn{background:var(--accent)}.stats{margin:28px 0;display:grid;grid-template-columns:repeat(6,1fr);padding:26px 8px;background:#fff;border-radius:15px;box-shadow:0 15px 40px #12344d10}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats i,.stats b,.stats span{display:block}.stats i{font-size:28px;color:var(--blue);font-style:normal}.stats b{font-size:20px}.stats span{font-size:10px;color:var(--muted)}.homeBottom{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:18px;margin-bottom:30px}.homeBottom>article{background:#fff;padding:25px;border-radius:15px}.homeBottom p{line-height:1.8;color:var(--muted)}.news{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.news span>*{display:block}.news small{font-size:10px;color:var(--muted)}.news strong{color:var(--blue)}.priority{background:linear-gradient(145deg,#075ba3,#032f58)!important;color:#fff}.priority p{color:#d5e4ef}.btn.light{background:#fff;color:var(--blue)}footer{padding:50px 4vw;display:grid;grid-template-columns:1.7fr 1fr 1.2fr 1fr;gap:40px;background:linear-gradient(120deg,#052f59,#074c83);color:#fff}footer .light{color:#fff}footer p,footer a{display:block;color:#cbddea;line-height:1.8}.copy{text-align:center;padding:14px;background:#011a31;color:#bfd1dd}.subHero,.pageHero{padding:90px max(24px,calc((100vw - 1320px)/2));background:linear-gradient(120deg,#052f59,#0870ad);color:#fff}.subHero{--accent:#0758a4}.subHero h1,.pageHero h1{font-size:clamp(42px,6vw,72px);margin:8px 0}.subHero p,.pageHero p{max-width:700px;font-size:17px;line-height:1.7}.subHero .btn{background:var(--accent)}.content{padding:65px 0}.sectionTitle{text-align:center;margin:0 0 30px}.sectionTitle span{color:var(--blue);font-weight:900;letter-spacing:2px}.sectionTitle h2{font-size:36px}.contentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:65px}.contentGrid>a{padding:25px;background:#fff;border-radius:13px;border:1px solid var(--line);box-shadow:0 12px 30px #12344d0c}.contentGrid small,.contentGrid b{color:var(--blue);font-size:10px}.contentGrid p{color:var(--muted);line-height:1.7}.doctorGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.doctorGrid article{text-align:center;background:#fff;padding:28px;border-radius:14px}.avatar,.doctorPhoto{display:grid;place-items:center;background:#e7f2f7;color:var(--blue);border-radius:50%;font-size:38px}.avatar{width:80px;height:80px;margin:auto}.doctorGrid a{color:var(--blue);font-size:10px;font-weight:900}.pageHero{padding-top:70px;padding-bottom:70px}.article{padding:60px 0;display:grid;grid-template-columns:1fr 320px;gap:50px}.article article{background:#fff;padding:35px;line-height:1.8;border-radius:14px}.article aside{height:max-content;padding:28px;background:var(--navy);color:#fff;border-radius:14px}.whatsapp{display:block;margin-top:12px;padding:13px;background:#24a55a;color:#fff;text-align:center;border-radius:6px;font-size:10px;font-weight:900}.doctorProfile{padding:70px 0;display:grid;grid-template-columns:260px 1fr;gap:50px}.doctorPhoto{width:260px;height:320px;border-radius:18px}.doctorProfile h1{font-size:45px}.doctorProfile p{color:var(--muted)}.listing{padding:50px 0}.filter{margin-bottom:20px;color:var(--muted)}.appointment{padding:50px 0}.appointment form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fff;padding:32px;border-radius:15px}.appointment label{font-size:11px;font-weight:900}.appointment input,.appointment select,.appointment textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #cddbe4;border-radius:6px;background:#fff}.wide{grid-column:1/-1}.success,.error{padding:14px;border-radius:6px}.success{background:#daf5e4;color:#176c36}.error{background:#ffe2e2;color:#a21e1e}
@media(max-width:900px){.header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:20px}.header nav.open{display:block}.header nav a{display:block;padding:12px}.header>.btn{display:none}.menuBtn{display:block}.heroShade{width:70%}.verticalCards,.contentGrid,.doctorGrid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.stats div{padding:12px}.homeBottom,footer,.article,.doctorProfile{grid-template-columns:1fr}.doctorPhoto{width:100%}}
@media(max-width:560px){.topbar span:last-child{display:none}.header{height:74px}.header nav{top:74px}.hero{height:470px}.heroShade{width:90%;right:5%;padding:22px;background:#ffffffde;border-radius:12px}.hero h1{font-size:40px}.container{width:calc(100% - 22px)}.stats{grid-template-columns:repeat(2,1fr)}.homeBottom{grid-template-columns:1fr}.appointment form{grid-template-columns:1fr}.wide{grid-column:1}.subHero,.pageHero{padding:60px 20px}footer{grid-template-columns:1fr 1fr}}