/* Contact: maintain Sanabil's clean white, teal and blue identity. */
.contact-page .contact-hero{
  padding:85px 5% 81px;
  background:radial-gradient(ellipse at 88% 22%,rgba(107,164,216,.12),transparent 45%),linear-gradient(115deg,#fff,#f4fbf9 64%,#f1f7fc);
}
.contact-page .contact-hero-inner{max-width:1160px;margin:auto}
.contact-page .contact-hero h1{font:800 clamp(40px,5vw,64px)/1.12 Roboto,Arial,sans-serif;letter-spacing:-.045em;color:#133f4f;margin:0 0 23px}
.contact-page .contact-hero p:not(.eyebrow){max-width:720px;color:#4c6774;font-size:20px;line-height:1.7}
.contact-page .contact-grid{max-width:1270px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:67px;padding:80px 5% 96px;align-items:start}
.contact-page .contact-kicker{font-size:12px;letter-spacing:.14em;font-weight:800;color:#168e88;margin:0 0 12px}
.contact-page .contact-intro h2{color:#164657;font-size:clamp(31px,3vw,43px);line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}
.contact-page .contact-intro>p:not(.contact-kicker){font-size:17px;line-height:1.78;color:#57717b;max-width:470px}
.contact-page .contact-email-panel{display:flex;align-items:center;gap:17px;border:1px solid #d7e8e8;background:linear-gradient(120deg,#f3faf9,#fff);border-radius:17px;padding:22px 23px;margin:30px 0 18px;min-width:0}
.contact-page .contact-email-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex:0 0 54px;background:#e3f3f0;border-radius:14px;color:#167d78;font-size:28px}
.contact-page .contact-email-panel>div{min-width:0}
.contact-page .contact-email-label{display:block;color:#53827e;font-size:11px;letter-spacing:.14em;font-weight:800;margin-bottom:6px}
.contact-page .contact-email-panel a{color:#15536a;font-weight:750;font-size:clamp(14px,1.4vw,18px);overflow-wrap:anywhere}
.contact-page .contact-smallnote{font-size:14px!important}
.contact-page .contact-form{padding:37px 39px 34px;border:1px solid #dce9ea;border-radius:22px;box-shadow:0 24px 55px rgba(26,82,91,.08);background:linear-gradient(160deg,#fff 0%,#fdfefe 100%)}
.contact-page .contact-form h2{font-size:27px;color:#163f50;margin:0 0 8px}
.contact-page .contact-form-intro{font-size:15px;line-height:1.6;color:#647b86;margin:0 0 25px}
.contact-page .contact-form label{display:block;font-size:14px;color:#244a5a;font-weight:750;margin-bottom:19px}
.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{
 display:block;width:100%;min-height:49px;margin-top:8px;padding:13px 14px;border:1px solid #d1e0e4;
 border-radius:9px;color:#213c4b;background:#fff;font:inherit;font-size:15px;outline:0;transition:border-color .2s,box-shadow .2s;
}
.contact-page .contact-form textarea{min-height:140px;resize:vertical}
.contact-page .contact-form :is(input,select,textarea):focus{border-color:#16998d;box-shadow:0 0 0 3px rgba(22,153,141,.10)}
.contact-page .contact-form button{width:100%;min-height:52px;font-size:15px;font-weight:800}
.contact-page .contact-form button:disabled{opacity:.68;cursor:wait}
.contact-page .contact-form-note{margin:17px 0 0;color:#71848b;font-size:12px;line-height:1.6}
.form-honeypot{position:absolute!important;left:-10000px!important;top:-10000px!important;opacity:0!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status:empty{display:none}
.form-status{font-size:13px;line-height:1.65;margin:13px 0 0;color:#365b69}
.form-status.is-success{color:#176b56}
.form-status.is-error{color:#9a4937}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.subscribe-note{font-size:11px;line-height:1.5;color:#69818a}
@media(max-width:850px){.contact-page .contact-grid{gap:35px;grid-template-columns:1fr}.contact-page .contact-intro>p:not(.contact-kicker){max-width:650px}}
@media(max-width:620px){.contact-page .contact-hero{padding:58px 22px}.contact-page .contact-hero p:not(.eyebrow){font-size:17px}.contact-page .contact-grid{padding:54px 22px 64px}.contact-page .contact-form{padding:25px 22px}.contact-page .contact-email-panel{padding:18px 16px}}