/* =========================================================
   CONTACT PAGE — HOMEPAGE-MATCHED PROFESSIONAL THEME
========================================================= */
.contact-hero{
    position:relative;
    overflow:hidden;
    min-height:360px;
    display:flex;
    align-items:center;
    color:#fff;
    background:
      radial-gradient(circle at 82% 20%, rgba(56,169,228,.28), transparent 30%),
      linear-gradient(135deg,#073b50 0%,#0d6b87 55%,#2589c4 100%);
}
.contact-hero__pattern{
    position:absolute;inset:0;opacity:.18;
    background-image:radial-gradient(circle at 1px 1px, #fff 1.2px, transparent 1.2px);
    background-size:28px 28px;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.95),transparent 88%);
}
.contact-hero__inner{position:relative;z-index:2;padding:58px 24px 64px;}
.contact-hero__crumb{display:flex;gap:9px;align-items:center;margin-bottom:24px;font-size:13px;color:#d8edf5;}
.contact-hero__crumb a{color:#fff;font-weight:800;}
.contact-hero__eyebrow{display:inline-flex;padding:8px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:900;letter-spacing:.09em;}
.contact-hero h1{max-width:820px;margin:18px 0 14px;font:800 clamp(36px,5vw,60px)/1.08 'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:-1.8px;}
.contact-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.88);font-size:17px;line-height:1.75;}
.contact-hero__trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px;}
.contact-hero__trust span{padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);font-size:12px;font-weight:800;}

.contact-page{padding:72px 0 90px;background:#f7fbfd;}
.contact-header{text-align:center;max-width:760px;margin:0 auto 42px;}
.contact-header .section-kicker{color:#2589c4;font-size:12px;font-weight:900;letter-spacing:.1em;}
.contact-header h2{font:800 clamp(28px,3.4vw,42px)/1.18 'Plus Jakarta Sans','Inter',sans-serif;color:#102033;margin:8px 0 13px;letter-spacing:-1px;}
.contact-header p{max-width:690px;margin:auto;color:#667085;font-size:15.5px;line-height:1.8;}

.contact-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:start;}
.contact-info{display:flex;flex-direction:column;gap:15px;}
.info-box{padding:22px 24px;border:1px solid #e1ebf1;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(11,77,104,.06);}
.info-box h3{color:#2589c4;margin:0 0 9px;display:flex;align-items:center;gap:9px;font-size:18px;}
.info-box p{margin:0;color:#243447;font-size:15px;line-height:1.6;}
.contact-map-wrap{width:100%;height:230px;border:1px solid #e1ebf1;border-radius:18px;background:#eaf5fa;overflow:hidden;box-shadow:0 8px 28px rgba(11,77,104,.06);}
.contact-map{display:block;width:100%;height:100%;border:0;}
.contact-form{display:flex;flex-direction:column;min-width:0;}
.contact-form .hero__form-card{max-width:none;margin:0;border-radius:22px;padding:30px 26px;box-shadow:0 18px 45px rgba(7,91,130,.16);}

@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;}
  .contact-form{order:-1;}
}
@media(max-width:650px){
  .contact-hero{min-height:430px;}
  .contact-hero__inner{padding:42px 18px 50px;}
  .contact-hero h1{font-size:35px;}
  .contact-hero p{font-size:15px;}
  .contact-page{padding:55px 0 70px;}
  .contact-header h2{font-size:30px;}
  .contact-form .hero__form-card{padding:24px 18px;}
}



/* ===== Global paragraph typography normalization ===== */
html, body {
  font-size: 16px;
}

p,
.about-text p,
.about-content p,
.section-content p,
.card p,
.card-content p,
.hospital-card p,
.doctor-card p,
.specialty-card p,
.service-card p,
.content p,
.description,
.lead,
.text-content p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* Keep small metadata intentionally consistent as well */
small {
  font-size: 14px !important;
  line-height: 1.5 !important;
}


/* Address + Google Maps responsive polish */
.info-box p{overflow-wrap:anywhere;}
@media(max-width:650px){
  .contact-map-wrap{height:260px;border-radius:16px;}
}