*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:#17324d;line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.topbar{background:#0b5e83;color:#fff;padding:9px 4%;display:flex;justify-content:space-between;gap:20px;font-size:14px}.topbar a{margin-left:20px}.header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 15px #00000012}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand img{width:55px;height:55px;object-fit:cover;border-radius:50%}.brand strong{display:block;font-size:20px;letter-spacing:1px;color:#0b5e83}.brand span{display:block;font-size:12px;font-weight:bold;color:#17324d}.brand small{display:block;color:#16a4c8;font-weight:bold;letter-spacing:3px}.header nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.header nav a:hover{color:#0a8cb5}.appointment,.btn{padding:12px 19px;border-radius:6px;font-weight:700}.appointment,.primary{background:#0b8eb5;color:#fff}.menu-btn{display:none;background:none;border:0;font-size:28px}.hero{height:590px;position:relative;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#062b42cc,#062b4233 65%,transparent)}.hero-content{position:relative;z-index:1;color:#fff;padding-top:135px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:#13a0c5;margin-bottom:8px}.hero .eyebrow{color:#b9edf9}.hero h1{font-size:56px;line-height:1.08;max-width:650px}.hero h1 span{color:#bcecf6}.hero-content>p:not(.eyebrow){font-size:19px;max-width:570px;margin:20px 0 30px}.hero-actions{display:flex;gap:12px}.btn.light{background:#fff;color:#0b5e83}.quick-cards{margin-top:-45px;position:relative;z-index:3}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.quick-card{background:#fff;padding:22px;box-shadow:0 8px 30px #0b456622;border-radius:8px;text-align:center}.quick-card b{display:block;color:#0b8eb5;font-size:21px}.quick-card span{font-size:14px;color:#5c6e7d}.section{padding:90px 0}.muted{background:#f5f9fb}.about-grid,.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.section h2{font-size:38px;line-height:1.15;margin-bottom:20px;color:#143b58}.about-grid p{margin-bottom:16px;color:#5a6b78}.text-link{color:#0b8eb5;font-weight:700}.info-box{padding:32px;border-radius:12px;background:#eef8fb;border-left:5px solid #0b8eb5}.info-box h3{margin-bottom:15px;font-size:24px}.section-heading{text-align:center;max-width:700px;margin:0 auto 45px}.section-heading h2{margin-bottom:10px}.section-heading>p:last-child{color:#657782}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{background:#fff;border:1px solid #e1edf2;border-radius:10px;padding:27px;transition:.25s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 12px 30px #12384b12}.icon{font-size:28px;color:#0b8eb5;margin-bottom:12px}.service-grid h3{font-size:20px;margin-bottom:8px}.service-grid p{color:#687985;font-size:14px}.doctor-card{max-width:760px;margin:auto;display:flex;gap:28px;align-items:center;padding:35px;border-radius:12px;box-shadow:0 10px 35px #17324d14;border:1px solid #e4edf1}.doctor-avatar{width:100px;height:100px;border-radius:50%;background:#dff4f8;color:#0b7095;display:grid;place-items:center;font-size:28px;font-weight:800}.doctor-card h3{font-size:26px}.doctor-card p{color:#667884;margin:8px 0 15px}.doctor-card .speciality{color:#0b8eb5;font-weight:700}.small{display:inline-block;padding:10px 16px;font-size:14px}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:20px}.gallery img{width:100%;height:350px;object-fit:cover;border-radius:12px;box-shadow:0 8px 25px #17324d16}.gallery img+img{object-fit:contain;background:#fff}.cta{background:#0b5e83;color:#fff;padding:55px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:34px;margin:5px 0}.cta p{opacity:.9}.contact-item{display:flex;flex-direction:column;gap:2px;margin:20px 0;color:#536875}.contact-item b{color:#17324d}.contact-item a{color:#0b8eb5;font-weight:700}.map-box{min-height:360px;border-radius:12px;background:linear-gradient(135deg,#e7f3f5,#cde5e8);display:grid;place-items:center;text-align:center;padding:30px;position:relative;overflow:hidden}.map-box:before,.map-box:after{content:"";position:absolute;border:2px dashed #86b7bd;width:140%;height:120px;transform:rotate(-18deg);opacity:.5}.map-box:after{transform:rotate(28deg)}.map-box>div{position:relative;z-index:2;background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 30px #17324d22}.map-pin{font-size:35px}.map-box a{color:#0b8eb5;font-weight:700}footer{background:#092d42;color:#dceaf0;padding:45px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:35px}.footer-grid h3{color:#fff;margin-bottom:8px}.footer-grid p{opacity:.75}.footer-grid a{display:block;margin:6px 0;color:#c8e6ed}.copyright{text-align:center;border-top:1px solid #ffffff1a;padding:18px;font-size:13px;opacity:.7}@media(max-width:900px){.header nav{display:none}.menu-btn{display:block}.hero{height:520px}.hero h1{font-size:44px}.cards{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.gallery{grid-template-columns:1fr}.gallery img{height:300px}.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar{font-size:12px}.topbar div:first-child{display:none}.topbar{justify-content:center}.topbar a{margin:0 8px}.nav{height:72px}.brand img{width:45px;height:45px}.brand strong{font-size:16px}.brand span{font-size:9px}.brand small{font-size:9px}.hero{height:480px}.hero-content{padding-top:90px}.hero h1{font-size:38px}.hero-content>p:not(.eyebrow){font-size:16px}.cards{grid-template-columns:1fr 1fr}.quick-card{padding:16px 8px}.section{padding:65px 0}.section h2{font-size:30px}.service-grid{grid-template-columns:1fr}.doctor-card{flex-direction:column;text-align:center}.footer-grid{grid-template-columns:1fr}.gallery img{height:240px}}
/* Doctor Photos */
.doctor-card {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 25px;
  margin-bottom: 25px;
}

.doctor-avatar {
  width: 140px;
  height: 140px;
  min-width: 140px;
  border-radius: 50%;
  overflow: hidden;
  background: #eaf6fb;
}

.doctor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Mobile */
@media (max-width: 600px) {
  .doctor-card {
    flex-direction: column;
    text-align: center;
  }

  .doctor-avatar {
    width: 130px;
    height: 130px;
    min-width: 130px;
    .doctor-card .doctor-avatar {
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.doctor-card .doctor-avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
    .contact-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.contact-btn {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.contact-btn:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}
  }
}
.hospital-location {
    text-align: center;
    padding: 12px 20px;
    background: #f5f9ff;
    font-size: 15px;
    font-weight: 600;
}

.hospital-location a {
    color: #1a5fb4;
    text-decoration: none;
}

.hospital-location a:hover {
    text-decoration: underline;
}

.hospital-location span {
    margin-right: 5px;
}