.humrahi-contact-page { background:#fff; color:#173f46; font-family:'Segoe UI',Arial,sans-serif; }
.contact-original-header { position:relative; isolation:isolate; width:100%; overflow:hidden; }
.contact-original-header-image { display:block; width:100%; height:300px; object-fit:cover; }
.contact-original-header::after { content:''; position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(circle,#ffffff24 1px,transparent 1.5px),linear-gradient(100deg,#003d46f0,#003d46a6 70%,#003d4670); background-size:20px 20px,100% 100%; }
.contact-original-header-card { position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:center; width:95%; max-width:1240px; margin:auto; padding:32px 0; }
.contact-title-eyebrow { color:#FCAD03; font-size:11px; letter-spacing:2px; font-weight:600; margin-bottom:18px; }
.contact-original-header-card h1 { max-width:750px; font-size:clamp(32px,4vw,52px); color:#fff; font-weight:700; letter-spacing:-1.2px; line-height:1.15; margin:0 0 18px; }
.contact-original-header-card p { color:#deede9; max-width:620px; font-size:16px; line-height:1.8; margin:0; }
.contact-page-wrap { width:95%; max-width:1240px; margin:40px auto 60px; }
.contact-quick-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:60px; }
.contact-quick-links a { display:flex; align-items:center; gap:16px; padding:24px; border:1px solid #dce8e3; color:#007f87; text-decoration:none; background:#f7faf8; }
.contact-quick-links a:hover { border-color:#007f87; background:#eff7f2; }
.contact-quick-links a > i:first-child { font-size:25px; }
.contact-quick-links a > i:last-child { margin-left:auto; font-size:13px; }
.contact-quick-links strong { display:block; color:#234c50; font-size:15px; margin-bottom:5px; }
.contact-quick-links small { display:block; color:#647f7c; font-size:12px; line-height:1.5; }
.contact-eyebrow { display:block; color:#007f87; font-size:10px; letter-spacing:1.6px; font-weight:700; line-height:1.8; margin-bottom:12px; }
.contact-section-heading h2 { font-size:34px; font-weight:650; margin:0 0 12px; color:#173f46; }
.contact-section-heading p { color:#607b7b; font-size:15px; line-height:1.8; margin-bottom:30px; }
.contact-page-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:28px; align-items:start; }
.contact-form-panel,.contact-info-panel { min-width:0; padding:34px; border:1px solid #dbe7e2; background:#fff; }
.contact-form-panel { border-top:3px solid #FCAD03; }
.contact-panel-icon { display:grid; place-items:center; width:45px; height:45px; color:#007f87; background:#edf6f1; font-size:19px; margin-bottom:20px; }
.contact-form-panel h2,.contact-info-panel h2 { color:#173f46; font-size:26px; font-weight:650; margin:0 0 10px; }
.contact-panel-hint { color:#657e7c; font-size:14px; line-height:1.8; margin-bottom:28px; }
.contact-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px 18px; }
.contact-field { min-width:0; }
.contact-field label { display:flex; align-items:center; gap:5px; color:#345b5b; font-size:13px; margin-bottom:9px; }
.contact-field label span { color:#007f87; }
.contact-field label small { margin-left:auto; font-size:10px; color:#728b85; }
.contact-field input,.contact-field textarea { display:block; width:100%; padding:12px 14px; border:1px solid #cddfd6; border-radius:0; background:#fbfdfb; color:#244f52; font:inherit; font-size:14px; min-height:46px; }
.contact-field input::placeholder,.contact-field textarea::placeholder { color:#81968f; }
.contact-field input:focus,.contact-field textarea:focus { outline:2px solid #007f87; outline-offset:2px; background:#fff; }
.contact-field [aria-invalid=true] { border-color:#ad4b37; }
.contact-message { margin-top:24px; }
.contact-field textarea { min-height:160px; line-height:1.8; resize:vertical; }
.contact-form-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid #e0eae4; padding-top:22px; margin-top:24px; }
.contact-form-bottom > span { color:#6d8580; font-size:11px; }
.contact-form-bottom button { display:inline-flex; align-items:center; gap:22px; border:0; background:#007f87; color:#fff; padding:14px 22px; font-size:14px; font-weight:600; cursor:pointer; }
.contact-form-bottom button:hover { background:#005f67; }
.contact-info-panel { background:#f0f6f2; }
.contact-info-item { display:flex; gap:17px; padding:22px 0; border-bottom:1px solid #d7e5dc; }
.contact-info-icon { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; color:#007f87; background:#fff; font-size:17px; }
.contact-info-item h3 { color:#214d50; font-size:16px; font-weight:600; margin:0 0 7px; }
.contact-info-item p { color:#657e77; font-size:13px; line-height:1.8; margin:0 0 6px; }
.contact-info-item a { color:#006d75; font-size:14px; text-decoration:none; overflow-wrap:anywhere; }
.contact-info-item a:hover { text-decoration:underline; }
.contact-info-item a i { margin-left:7px; font-size:10px; }
.contact-info-item .contact-landline-label { margin-top:14px; }
.contact-map { height:200px; margin-top:26px; border:1px solid #d5e4da; overflow:hidden; }
.contact-map iframe { display:block; width:100%; height:100%; border:0; }
.contact-help-strip { display:flex; align-items:center; gap:20px; padding:26px 30px; margin-top:32px; background:#064b52; border-left:4px solid #FCAD03; }
.contact-help-icon { color:#FCAD03; font-size:29px; }
.contact-help-strip strong { display:block; color:#fff; font-size:16px; font-weight:600; }
.contact-help-strip p { color:#bfd6d0; font-size:13px; margin:7px 0 0; line-height:1.7; }
.contact-help-strip a { margin-left:auto; color:#FCAD03; font-size:13px; text-decoration:none; flex-shrink:0; }
.contact-help-strip a i { margin-left:14px; }
.contact-alert { padding:16px; margin:20px 0; border:1px solid; font-size:13px; line-height:1.8; }
.contact-alert ul { padding-left:20px; margin:8px 0 0; }
.contact-alert.is-success { background:#edf8ef; color:#326448; border-color:#bbdac3; }
.contact-alert.is-error { background:#fff5ee; color:#994733; border-color:#e5c4b7; }
.contact-page-wrap a:focus-visible,.contact-page-wrap button:focus-visible { outline:3px solid #FCAD03; outline-offset:4px; }
@media(max-width:950px) { .contact-quick-links { gap:12px; } .contact-quick-links a { padding:18px; gap:12px; } .contact-form-panel,.contact-info-panel { padding:25px; } }
@media(max-width:750px) { .contact-page-grid,.contact-quick-links { grid-template-columns:1fr; } .contact-quick-links { margin-bottom:36px; } .contact-help-strip { flex-wrap:wrap; padding:24px; } .contact-help-strip > div { flex:1; min-width:180px; } .contact-help-strip a { margin-left:49px; } .contact-page-wrap { margin-top:26px; } }
@media(max-width:500px) { .contact-original-header-image { height:275px; } .contact-original-header-card p { font-size:14px; } .contact-field-grid { grid-template-columns:1fr; gap:20px; } .contact-field input,.contact-field textarea { font-size:16px; } .contact-form-panel,.contact-info-panel { padding:22px 18px; } .contact-form-bottom button { width:100%; justify-content:center; } }