/* Contact page only; shared header, footer and form submission stay unchanged. */
.contact-page .contact-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:32px; padding-bottom:26px; }
.contact-page .contact-heading h1 { margin:0; font-size:clamp(27px,3vw,38px); font-weight:650; color:#353550; letter-spacing:-.7px; }
.contact-page .contact-head-office { width:205px; max-width:40%; height:auto; }
.contact-page #contact-boxes { padding:0 0 34px; }
.contact-page #contact-boxes .row { row-gap:20px; }
.contact-page section#contact-boxes .row .box-detail { height:100%; padding:26px 28px; margin:0; background:#fff; border:1px solid #e4eaf0; border-radius:18px; box-shadow:0 5px 18px rgba(35,77,103,.025); transition:border-color .2s,transform .2s; }
.contact-page section#contact-boxes .row .box-detail:hover { border-color:#afd9eb; transform:translateY(-3px); }
.contact-page #contact-boxes .box_top { margin-bottom:18px; }
.contact-page section#contact-boxes .row .box-detail .bn-2 { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:#eaf6fb; color:#2099cd; }
.contact-page section#contact-boxes .row .box-detail .bn-2 i { font-size:24px; }
.contact-page #contact-boxes .arr { display:none; }
.contact-page section#contact-boxes .row .box-detail p { margin:0 0 6px; padding:0; font-size:14px; color:#6b7c90; }
.contact-page section#contact-boxes .row .box-detail .contact-value { display:block; font-size:19px; line-height:1.5; font-weight:500; color:#353550; overflow-wrap:anywhere; }
.contact-page #contact-boxes a.contact-value:hover { color:#168fc3; }
.contact-page #contact-form { padding:8px 0 32px; }
.contact-page #contact-form .row.mobile { align-items:center; row-gap:28px; }
.contact-page #contact-form .form { padding:32px; border:1px solid #e4eaf0; border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(35,77,103,.03); }
.contact-page #contact-form .form-bottom { padding:0; }
.contact-page .contact-form-title { margin:0 0 24px; font-size:25px; font-weight:600; color:#353550; }
.contact-page section#contact-form .form .form-bottom .form-box { margin-bottom:18px; position:relative; }
.contact-page #contact-form .contact-field-label { display:block; margin:0 0 8px; font-size:14px; font-weight:500; color:#44556d; }
.contact-page section#contact-form .form .form-bottom .form-input { width:100%; height:54px; padding:14px 16px; font-size:15px; line-height:1.6; border:1px solid #e1e7ee; border-radius:12px; background:#f7f8fb; color:#353550; transition:border-color .2s,box-shadow .2s; }
.contact-page section#contact-form .form .form-bottom .form-box > i { display:none; }
.contact-page section#contact-form .form .form-bottom textarea.form-input { height:132px; min-height:110px; resize:vertical; }
.contact-page section#contact-form .form .form-bottom .form-input:focus { outline:none; border-color:#229bce; background:#fff; box-shadow:0 0 0 3px #229bce18; }
.contact-page section#contact-form .form .form-bottom .sec-btn { width:100%; min-height:50px; border-radius:12px; }
.contact-page #intro .img-wrapper { max-width:540px; margin:auto; }
.contact-page #intro .card-1,.contact-page #intro .card-2 { border:1px solid #e5edf3; border-radius:16px; box-shadow:0 12px 28px #28475d0a; }
.contact-page #contact-bottom { padding:0 0 48px; }
.contact-page #contact-bottom .bottom-boxes { justify-content:flex-end; row-gap:14px; }
.contact-page section#contact-bottom .bottom-boxes .boxes-item .boxes-detail { padding:18px 24px; margin:0; background:#fff; border:1px solid #e4eaf0; border-radius:14px; }
.contact-page section#contact-bottom .bottom-boxes .boxes-item .boxes-detail a { display:flex; justify-content:center; align-items:center; gap:12px; font-size:15px; }
.contact-page a:focus-visible,.contact-page button:focus-visible { outline:3px solid #2099cd; outline-offset:4px; }
@media(max-width:767px) {
 .contact-page .contact-heading { padding-top:24px; gap:16px; }
 .contact-page .contact-head-office { width:150px; }
 .contact-page #contact-boxes .row { row-gap:12px; }
 .contact-page section#contact-boxes .row .box-detail { padding:20px; }
 .contact-page section#contact-boxes .row .box-detail .contact-value { font-size:18px; }
 .contact-page #contact-form .form { padding:24px 20px; }
 .contact-page section#contact-form .form .form-bottom .form-input { font-size:16px; }
 .contact-page #intro .img-wrapper { max-width:390px; }
 .contact-page #intro .text-end .card-1 { right:12px; width:160px; }
 .contact-page #intro .text-end .card-2 { left:20px; bottom:45px; width:185px; }
 .contact-page #contact-bottom .boxes-item { width:50%; }
 .contact-page section#contact-bottom .bottom-boxes .boxes-item .boxes-detail { padding:16px 10px; }
}
@media(prefers-reduced-motion:reduce) {
 .contact-page section#contact-boxes .row .box-detail { transition:none; transform:none; }
 .contact-page #intro .card-1,.contact-page #intro .card-2 { animation:none; }
}

.contact-page section#contact-boxes .row > div { margin-bottom:0; }
.contact-page section#contact-bottom .bottom-boxes .boxes-item { margin-bottom:0; }
.contact-page .contact-verification{position:relative;margin:0 0 16px;padding:18px 20px;border:1px solid #dceaf2;border-radius:14px;background:#f3f9fc}
.contact-page .contact-verification>label{display:block;margin:0 0 5px;color:#353550;font-size:15px;font-weight:600}
.contact-page .contact-verification>p{margin:0 0 14px;color:#6c7e91;font-size:14px;line-height:1.5}
.contact-page .contact-verification-row{display:flex;align-items:center;gap:12px}
.contact-page #contact-question{flex-shrink:0;color:#087ca6;font-size:20px;font-weight:600;letter-spacing:1px;min-width:100px}
.contact-page #contact-answer{width:100%;min-width:0;max-width:150px;height:46px;padding:10px 12px;border:1px solid #cddfe9;border-radius:10px;background:#fff;font:inherit;font-size:16px;color:#353550}
.contact-page .contact-verification-refresh{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #d3e7f1;border-radius:10px;background:white;color:#1689b8;font-size:21px;cursor:pointer}
.contact-page .contact-verification-refresh i{position:static!important;transform:none!important;color:inherit}
.contact-page #contact-answer:focus,.contact-page .contact-verification-refresh:focus-visible{outline:2px solid #2099cd;outline-offset:2px}
.contact-page .contact-verification-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.contact-page .contact-verification-status{font-size:15px;line-height:1.6;margin:0 0 18px;color:#6c7e91}
.contact-page .contact-verification-status:empty{display:none}
.contact-page .contact-verification-status[data-state=error]{color:#b34343}
.contact-page .contact-verification-status[data-state=success]{color:#218770}
.contact-page .contact-verification-refresh:disabled,.contact-page #ajax-contact-frm button[type=submit]:disabled{opacity:.55;cursor:wait}
@media(max-width:420px){.contact-page .contact-verification{padding:16px 12px}.contact-page .contact-verification-row{gap:8px}.contact-page #contact-question{min-width:88px;font-size:18px}}