/* Extracted from assets/css/vatax.css on 2026-06-25. Do not edit vatax.css for page-only styles; edit this file. */

/* Contact */
.contact-section{padding:120px 0 100px}


.contact-grid{
  display:grid;
  grid-template-columns:1fr .75fr;
  gap:48px;
  align-items:start;
}


.contact-form-card{
  padding:36px 40px;
}


.contact-form-card h2{margin:0 0 26px;font-size:32px;font-weight:900}


.contact-items{display:grid;gap:24px}


.contact-item{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  align-items:center;
}


.contact-icon{
  width:48px;height:48px;border-radius:18px;background:#dcebed;color:var(--teal);display:grid;place-items:center;
}


.contact-item strong{display:block;font-size:18px;margin-bottom:5px}


.contact-item span{color:#5a7074;font-size:17px}


@media (max-width:1100px){
.why-wrap,.contact-grid{grid-template-columns:1fr}
}


.contact-modern-section{background:linear-gradient(180deg,#eef5f6,#fff);padding-top:72px}


.contact-cards-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:30px}


.contact-mini-card{background:#fff;border:1px solid #d4e4e7;border-radius:26px;padding:24px;box-shadow:var(--shadow-soft);transition:.25s}


.contact-mini-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}


.contact-mini-card span{width:54px;height:54px;border-radius:18px;background:#e7f3f4;color:var(--teal);display:grid;place-items:center;margin-bottom:16px}


.contact-mini-card b{display:block;font-size:18px;margin-bottom:6px}


.contact-mini-card p{margin:0;color:#60777b;line-height:1.6}


.contact-modern-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr)}


.contact-form-card-modern{background:#fff;border:1px solid #d2e2e5;border-radius:32px;padding:34px;box-shadow:0 26px 64px rgba(4,35,37,.10)}


.contact-form-card-modern h2,.contact-side-panel h2{font-size:clamp(28px,4vw,42px);line-height:1.25;margin:14px 0 10px;font-weight:900}


.contact-form-card-modern p,.contact-side-panel p{color:#60777b;line-height:1.8;margin:0 0 22px}


.contact-form-card-modern .btn{min-width:190px}


.contact-side-panel{background:linear-gradient(135deg,#003638,#005a5c);border-radius:32px;padding:34px;color:#fff;box-shadow:0 28px 62px rgba(0,54,56,.20);position:sticky;top:106px;overflow:hidden}


.contact-side-panel:after{content:"";position:absolute;left:-80px;bottom:-100px;width:240px;height:240px;border-radius:50%;background:rgba(223,155,34,.16)}


.contact-side-panel .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}


.contact-side-panel p{color:#d8eeee}


.quick-contact-list{display:grid;gap:14px;position:relative;z-index:1}


.quick-contact-list a{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;text-decoration:none;color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:14px;transition:.22s}


.quick-contact-list a:hover{transform:translateX(-4px);background:rgba(255,255,255,.16)}


html[dir="ltr"] .quick-contact-list a:hover{transform:translateX(4px)}


.quick-contact-list span{width:54px;height:54px;border-radius:18px;background:#fff;color:var(--teal);display:grid;place-items:center}


.quick-contact-list b{display:block;margin-bottom:4px}


.quick-contact-list small{color:#cfe6e6;font-weight:700}


@media (max-width:1080px){
.compass-stage-layout,.contact-modern-grid,.compass-services-result{grid-template-columns:1fr}
.compass-stage-rail,.contact-side-panel{position:relative;top:auto}
.service-flow-grid,.contact-cards-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}


@media (max-width:720px){
.compass-wizard-card,.compass-result-card,.contact-form-card-modern,.contact-side-panel{padding:22px 16px;border-radius:24px}
.compass-stage-rail,.service-flow-grid,.contact-cards-row{grid-template-columns:1fr}
.contact-mini-card{padding:20px}
.quick-contact-list a{grid-template-columns:46px 1fr}
.quick-contact-list span{width:46px;height:46px}
.contact-form-card-modern .btn{width:100%}
}


@media (max-width:760px){
.contact-cards-row{grid-template-columns:1fr}
}


.icon-box,.service-pillar-icon,.contact-mini-card span,.rate-question-title>span,.rate-choice-group legend span{
  transition:transform .28s ease,box-shadow .28s ease;
}


/* Contact page: one clean card for phone/WhatsApp numbers and readable free-consultation CTA */
.contact-cards-row-merged{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.1fr) minmax(260px,.8fr)!important;align-items:stretch!important;gap:14px!important;}


.contact-channel-card{min-height:auto!important;padding:18px!important;display:grid!important;align-content:start!important;gap:8px!important;}


.contact-channel-card > span{width:42px;height:42px;border-radius:14px;background:rgba(8,56,70,.08);display:grid;place-items:center;color:var(--teal);}


.contact-channel-card b{font-size:14px!important;color:#07363d!important;}


.contact-channel-card a{font-size:13px!important;font-weight:900;color:#284e54;line-height:1.5;}


.contact-number-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}


.contact-number-list a{padding:8px 10px;border-radius:999px;background:#f4fafb;border:1px solid rgba(8,56,70,.11);}


.contact-side-panel{
  background:linear-gradient(135deg,#00383a,#001c1d)!important;
  color:#fff!important;
  border:0!important;
  position:relative!important;
  overflow:hidden!important;
}


.contact-side-panel:before{content:"";position:absolute;inset:auto -90px -100px auto;width:260px;height:260px;border-radius:50%;background:rgba(242,140,0,.24);}


.contact-side-panel > *{position:relative;z-index:1;}


.contact-side-panel h2,
.contact-side-panel p,
.contact-side-panel li,
.contact-side-panel .check-list li,
.contact-side-panel .eyebrow{color:#fff!important;}


.contact-side-panel .eyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.25)!important;}


.contact-side-panel .check-list svg{color:#fff!important;}


@media (max-width:760px){
.contact-cards-row-merged{grid-template-columns:1fr!important;}
}


/* ===== VATAX final service polish: vertical contacts, stable annual logo orbit, improved calendar, auto-prefill note ===== */
.contact-number-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin-top:10px!important;
  max-width:320px!important;
}


.contact-channel-card.contact-phone-card{align-content:center!important;}


.contact-number-list a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#f7fbfc,#edf6f7)!important;
  border:1px solid rgba(8,56,70,.16)!important;
  color:#083846!important;
  box-shadow:0 8px 18px rgba(8,56,70,.045)!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}


.contact-number-list a:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(242,140,0,.42)!important;
  box-shadow:0 13px 28px rgba(8,56,70,.08)!important;
}


html[dir="rtl"] .contact-number-list{margin-inline-start:auto!important;}


html[dir="ltr"] .contact-number-list{margin-inline-end:auto!important;}


@media (max-width:760px){
.contact-number-list{max-width:none!important;}
}


/* Contact page: one professional directory + balanced form */
.contact-redesign-section{padding-top:64px!important;}


.contact-directory-panel{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:26px;
  align-items:stretch;
  padding:28px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,251,252,.96));
  border:1px solid var(--vtx-cool-line);
  box-shadow:var(--vtx-cool-shadow);
  margin-bottom:28px;
}


.contact-directory-panel::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  inset:-190px auto auto -160px;
  background:radial-gradient(circle,rgba(0,90,92,.13),transparent 68%);
  pointer-events:none;
}


.dir-rtl .contact-directory-panel::before{left:auto;right:-160px;}


.contact-directory-copy{position:relative;z-index:1;display:grid;align-content:center;padding:8px 8px 8px 0;}


.contact-directory-copy h2{font-size:clamp(28px,3.1vw,46px);line-height:1.14;margin:14px 0 12px;font-weight:1000;color:#071617;letter-spacing:-.02em;}


.contact-directory-copy p{font-size:15.5px;line-height:1.85;color:#5f777b;margin:0;max-width:560px;font-weight:750;}


.contact-directory-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;}


.contact-channel-tile{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:255px;
  padding:22px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(8,56,70,.12);
  box-shadow:0 14px 36px rgba(8,56,70,.055)!important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease!important;
}


.contact-channel-tile::after{content:"";position:absolute;inset:auto -72px -86px auto;width:190px;height:190px;border-radius:50%;background:rgba(0,90,92,.055);transition:.25s;}


.contact-channel-tile:hover{transform:translateY(-7px);box-shadow:0 25px 62px rgba(8,56,70,.105)!important;border-color:rgba(0,90,92,.28)!important;}


.contact-channel-tile:hover::after{transform:scale(1.12);background:rgba(242,140,0,.11);}


.contact-channel-feature{background:linear-gradient(180deg,#ffffff,#f1f9fa);border-color:rgba(0,90,92,.2);}


.contact-channel-icon{width:52px;height:52px;border-radius:18px;background:#e9f4f6;color:#073d42;display:grid;place-items:center;margin-bottom:18px;position:relative;z-index:1;}


.contact-channel-icon .icon{width:25px;height:25px;}


.contact-channel-tile small{position:relative;z-index:1;color:var(--gold);font-weight:1000;letter-spacing:.04em;text-transform:uppercase;font-size:11px;}


.contact-channel-tile h3{position:relative;z-index:1;color:#07363d;font-size:18px!important;line-height:1.35!important;margin:8px 0 16px!important;font-weight:1000;}


.contact-number-stack{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:auto!important;position:relative;z-index:1;}


.contact-pill{
  width:100%;
  min-height:43px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  padding:10px 13px!important;
  background:linear-gradient(180deg,#f7fbfc,#eef7f8)!important;
  border:1px solid rgba(8,56,70,.15)!important;
  color:#0a3f45!important;
  font-size:13.5px!important;
  font-weight:500;
  box-shadow:0 8px 18px rgba(8,56,70,.045)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
  position:relative;
  z-index:1;
}


.contact-pill:hover{transform:translateY(-2px);border-color:rgba(242,140,0,.42)!important;box-shadow:0 13px 28px rgba(8,56,70,.08)!important;}


.contact-redesign-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.55fr);gap:24px;align-items:stretch;}


.contact-redesign-form,.contact-redesign-side{border-radius:30px!important;box-shadow:var(--vtx-cool-shadow)!important;border:1px solid var(--vtx-cool-line)!important;}


.contact-redesign-form{padding:30px!important;background:rgba(255,255,255,.96)!important;}


.contact-redesign-form h2{font-size:clamp(24px,2.4vw,36px)!important;line-height:1.18!important;margin:12px 0 8px!important;}


.contact-redesign-form p{font-size:14.5px!important;line-height:1.75!important;color:#637a7f!important;margin-bottom:18px!important;}


.contact-compact-form-grid{gap:14px!important;}


.contact-redesign-form input,.contact-redesign-form textarea{min-height:50px!important;border-radius:15px!important;background:#fbfefe!important;border:1px solid rgba(8,56,70,.14)!important;}


.contact-redesign-form textarea{min-height:120px!important;}


.contact-redesign-side{padding:30px!important;display:grid!important;align-content:center!important;background:linear-gradient(135deg,#07363a,#001c1d)!important;}


/* ===== VATAX 2026-06-09 final contact + AskVATAX refinement ===== */
.page-contact-body .contact-redesign-section{
  padding-top:56px!important;
  padding-bottom:clamp(110px,8vw,170px)!important;
  position:relative;
  z-index:1;
}


.page-contact-body .contact-redesign-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;
  gap:clamp(22px,2.2vw,34px)!important;
  align-items:stretch!important;
  margin-bottom:clamp(70px,7vw,120px)!important;
}


.page-contact-body .contact-redesign-form{
  align-self:start!important;
  min-height:auto!important;
  position:relative!important;
  z-index:2!important;
}


.page-contact-body .contact-redesign-side{
  position:relative!important;
  top:auto!important;
  align-self:start!important;
  min-height:auto!important;
  height:auto!important;
  margin:0!important;
  padding:clamp(26px,2.6vw,36px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:12px!important;
  overflow:hidden!important;
  z-index:2!important;
}


.page-contact-body .contact-redesign-side .eyebrow{
  width:max-content!important;
  max-width:100%!important;
  margin-bottom:2px!important;
}


.page-contact-body .contact-redesign-side h2{
  font-size:clamp(30px,3vw,46px)!important;
  line-height:1.12!important;
  margin:6px 0 4px!important;
  letter-spacing:-.025em!important;
}


.page-contact-body .contact-redesign-side p{
  margin:0!important;
  color:#dff2f3!important;
  font-size:14.5px!important;
  line-height:1.85!important;
}


.page-contact-body .contact-redesign-side .check-list{
  display:grid!important;
  gap:9px!important;
  margin:8px 0 12px!important;
  padding:0!important;
}


.page-contact-body .contact-redesign-side .check-list li{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:13.5px!important;
  font-weight:900;
  color:#fff!important;
}


.page-contact-body .contact-redesign-side .btn{
  width:100%!important;
  justify-content:center!important;
  min-height:54px!important;
  margin-top:4px!important;
  border-radius:18px!important;
  box-shadow:0 20px 44px rgba(242,140,0,.22)!important;
}


.page-contact-body .contact-redesign-side::after{
  width:210px!important;
  height:210px!important;
  left:-88px!important;
  bottom:-98px!important;
  background:rgba(242,140,0,.14)!important;
}


.page-contact-body .contact-redesign-side::before{
  content:"";
  position:absolute;
  inset:18px 18px auto auto;
  width:86px;
  height:86px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
}


html[dir="rtl"] .page-contact-body .contact-redesign-side::before{right:auto;left:18px;}


@media (max-width:1100px){
.page-contact-body .contact-redesign-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.5fr)!important;}
}


@media (max-width:920px){
.page-contact-body .contact-redesign-section{padding-bottom:90px!important;}
.page-contact-body .contact-redesign-grid{grid-template-columns:1fr!important;margin-bottom:70px!important;}
.page-contact-body .contact-redesign-side{order:-1!important;}
}


@media (max-width:640px){
.page-contact-body .contact-redesign-section{padding-top:34px!important;padding-bottom:76px!important;}
.page-contact-body .contact-redesign-form,.page-contact-body .contact-redesign-side{border-radius:24px!important;padding:22px!important;}
.page-contact-body .contact-redesign-side h2{font-size:30px!important;}
}


body.public-body:not(.admin-body) .section-title,
body.public-body:not(.admin-body) .section-title.small,
body.public-body:not(.admin-body) .resources-copy h2,
body.public-body:not(.admin-body) .news-hub-copy h2,
body.public-body:not(.admin-body) .contact-directory-copy h2{
  font-size:var(--vtx-section-title-size)!important;
  line-height:1.22!important;
  letter-spacing:-.018em!important;
  margin:10px 0 8px!important;
  text-wrap:balance;
}


body.public-body:not(.admin-body) .section-subtitle,
body.public-body:not(.admin-body) .resources-copy p,
body.public-body:not(.admin-body) .news-hub-copy p,
body.public-body:not(.admin-body) .contact-directory-copy p{
  font-size:var(--vtx-section-subtitle-size)!important;
  line-height:1.85!important;
  font-weight:600;
  max-width:820px!important;
}


body.public-body:not(.admin-body) :where(.public-service-card,.service-pillar-card,.tool-card,.contact-channel-tile,.certificate-icon-card,.authority-card,.package-card,.service-flow-card,.service-rich-card,.vtx-service-card) p,
body.public-body:not(.admin-body) :where(.public-service-card,.service-pillar-card,.tool-card,.contact-channel-tile,.certificate-icon-card,.authority-card,.package-card,.service-flow-card,.service-rich-card,.vtx-service-card) li,
body.public-body:not(.admin-body) :where(.public-service-card,.service-pillar-card,.tool-card,.contact-channel-tile,.certificate-icon-card,.authority-card,.package-card,.service-flow-card,.service-rich-card,.vtx-service-card) small,
body.public-body:not(.admin-body) :where(.public-service-card,.service-pillar-card,.tool-card,.contact-channel-tile,.certificate-icon-card,.authority-card,.package-card,.service-flow-card,.service-rich-card,.vtx-service-card) strong{
  font-weight:600;
}


/* Contact mobile flow: keep phone/WhatsApp/landline numbers visible and centered. */
body.public-body.page-contact-body:not(.admin-body) .contact-directory-panel,
body.public-body.page-contact-body:not(.admin-body) .contact-directory-grid,
body.public-body.page-contact-body:not(.admin-body) .contact-redesign-grid,
body.public-body.page-contact-body:not(.admin-body) .contact-number-stack,
body.public-body.page-contact-body:not(.admin-body) .contact-channel-tile,
body.public-body.page-contact-body:not(.admin-body) .contact-pill{
  min-width:0!important;
  box-sizing:border-box!important;
}


body.public-body.page-contact-body:not(.admin-body) .contact-pill{
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  max-width:100%!important;
}


@media (max-width:980px){
body.public-body.page-contact-body:not(.admin-body) .contact-directory-panel{
    grid-template-columns:1fr!important;
    padding:22px!important;
  }
body.public-body.page-contact-body:not(.admin-body) .contact-directory-grid,
  body.public-body.page-contact-body:not(.admin-body) .contact-redesign-grid{
    grid-template-columns:1fr!important;
  }
body.public-body.page-contact-body:not(.admin-body) .contact-redesign-side{order:0!important;}
}


@media (max-width:760px){
body.public-body.page-contact-body:not(.admin-body) .contact-directory-panel{
    border-radius:26px!important;
    padding:18px!important;
  }
body.public-body.page-contact-body:not(.admin-body) .contact-channel-tile{
    min-height:auto!important;
    padding:18px!important;
    border-radius:22px!important;
  }
body.public-body.page-contact-body:not(.admin-body) .contact-number-stack{
    width:100%!important;
    gap:8px!important;
  }
body.public-body.page-contact-body:not(.admin-body) .contact-pill{
    min-height:42px!important;
    width:100%!important;
    padding:9px 10px!important;
    font-size:12.5px!important;
    line-height:1.5!important;
  }
}


@media (max-width:430px){
body.public-body.page-contact-body:not(.admin-body) .contact-directory-copy h2,
  body.public-body.page-contact-body:not(.admin-body) .contact-redesign-form h2,
  body.public-body.page-contact-body:not(.admin-body) .contact-redesign-side h2{
    font-size:24px!important;
  }
body.public-body.page-contact-body:not(.admin-body) .contact-channel-icon{
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
    margin-bottom:12px!important;
  }
}


.contact-form-card-modern .vtx-recaptcha-field{margin-top:4px!important;margin-bottom:18px!important;grid-column:1/-1!important;justify-content:flex-start!important}


html[dir="rtl"] .contact-form-card-modern .vtx-recaptcha-field{justify-content:flex-end!important}


@media (max-width:760px){
.contact-form-card-modern .vtx-recaptcha-field{justify-content:center!important}
}


.contact-form-card-modern .vtx-recaptcha-field{justify-content:flex-start!important;}


html[dir="rtl"] .contact-form-card-modern .vtx-recaptcha-field{justify-content:flex-end!important;}


.contact-form-card-modern .vtx-recaptcha-field .g-recaptcha{margin-inline-start:0!important;}


/* Contact page cleanup */
body.page-contact .message-card h2,
body.page-contact .contact-message-card h2,
.contact-page .message-card h2{
  white-space:normal!important;
  line-height:1.35!important;
  font-size:clamp(1.45rem,2.2vw,2rem)!important;
}


/* Contact page: center the message form card and keep it balanced. */
body.page-contact .contact-message-only-grid,
body.page-contact-body .contact-message-only-grid,
.vtx-updates2-contact-page .contact-message-only-grid{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  width:100%!important;
}


body.page-contact .contact-message-only-grid .contact-form-card-modern,
body.page-contact-body .contact-message-only-grid .contact-form-card-modern,
.vtx-updates2-contact-page .contact-message-only-grid .contact-form-card-modern{
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin-inline:auto!important;
}


body.page-contact .contact-message-only-grid .contact-form-single-line-title,
body.page-contact-body .contact-message-only-grid .contact-form-single-line-title{
  text-align:center!important;
}


/* Contact: centered form and removed explanatory paragraph leaves no spacing hole. */
body.page-contact-body .contact-message-only-grid,
body.public-contact-body .contact-message-only-grid{display:flex!important;justify-content:center!important;}


body.page-contact-body .contact-message-only-grid .contact-redesign-form,
body.public-contact-body .contact-message-only-grid .contact-redesign-form{width:min(920px,100%)!important;margin-inline:auto!important;}


body.page-contact-body .contact-directory-copy p,
body.public-contact-body .contact-directory-copy p{font-weight:900;color:#073944!important;}



/* Contact page: real map + equal-width form layout. */
body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid{
  width:100%!important;
  max-width:100%!important;
  margin:34px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(24px,2.4vw,38px)!important;
  align-items:stretch!important;
}

html[dir="ltr"] body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-map-card{grid-column:1;grid-row:1;}
html[dir="ltr"] body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form{grid-column:2;grid-row:1;}
html[dir="rtl"] body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-map-card{grid-column:2;grid-row:1;}
html[dir="rtl"] body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form{grid-column:1;grid-row:1;}

body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form,
body.public-body.page-contact-body:not(.admin-body) .contact-map-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(34px,3vw,48px)!important;
  border-radius:34px!important;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-form-single-line-title{
  text-align:start!important;
  font-size:clamp(29px,2.45vw,42px)!important;
  line-height:1.16!important;
  margin:10px 0 20px!important;
  max-width:920px!important;
  white-space:normal!important;
  text-wrap:balance!important;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-compact-form-grid{
  gap:clamp(15px,1.4vw,20px)!important;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form input{
  min-height:56px!important;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form textarea{
  min-height:164px!important;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:18px;
  border-radius:34px;
  padding:clamp(24px,2.6vw,34px);
  background:linear-gradient(180deg,#ffffff 0%,#f8fcfd 100%);
  border:1px solid rgba(8,56,70,.14);
  box-shadow:0 24px 64px rgba(8,56,70,.10);
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-card::before,
body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#073944,#e8a11d,#0a6370);
  pointer-events:none;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-card::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  inset:auto -120px -130px auto;
  background:radial-gradient(circle,rgba(0,90,92,.10),transparent 70%);
  pointer-events:none;
}

html[dir="rtl"] body.public-body.page-contact-body:not(.admin-body) .contact-map-card::after{
  left:-120px;
  right:auto;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-card > *{
  position:relative;
  z-index:1;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-card .eyebrow{
  width:max-content;
  max-width:100%;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-card h2{
  margin:2px 0 0!important;
  color:#073944!important;
  font-size:clamp(24px,2.1vw,34px)!important;
  line-height:1.22!important;
  font-weight:950!important;
  text-align:start!important;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-info{
  display:grid;
  gap:12px;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-info-block{
  display:grid;
  gap:7px;
  padding:15px 16px;
  border:1px solid rgba(8,56,70,.12);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 28px rgba(8,56,70,.045);
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-info-block strong{
  color:#073944;
  font-size:14px;
  font-weight:850;
  text-align:start;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-address{
  display:grid;
  gap:3px;
  margin:0;
  font-style:normal;
  color:#425f65;
  font-size:14.5px;
  line-height:1.55;
  font-weight:500;
  text-align:left;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-hours{
  color:#425f65;
  font-size:14.5px;
  line-height:1.55;
  font-weight:500;
  text-align:left;
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-link{
  display:inline-flex;
  max-width:100%;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 17px;
  border-radius:999px;
  background:linear-gradient(135deg,#073944,#0b4d5a);
  color:#fff!important;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(7,57,68,.16);
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-link:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#0b4d5a,#073944);
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-frame{
  margin-top:auto;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(8,56,70,.14);
  background:#eef6f7;
  min-height:350px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 16px 34px rgba(8,56,70,.07);
}

body.public-body.page-contact-body:not(.admin-body) .contact-map-frame iframe{
  display:block;
  width:100%;
  height:100%;
  min-height:350px;
}

html[dir="rtl"] body.public-body.page-contact-body:not(.admin-body) .contact-map-link{margin-inline-end:auto;}
html[dir="ltr"] body.public-body.page-contact-body:not(.admin-body) .contact-map-link{margin-inline-end:auto;}

body.public-body.page-contact-body:not(.admin-body) .contact-directory-title-nowrap{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:nowrap!important;
}

@media (max-width:980px){
  body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid{
    grid-template-columns:1fr!important;
    max-width:820px!important;
  }
  html[dir] body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-map-card,
  html[dir] body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

@media (max-width:760px){
  body.public-body.page-contact-body:not(.admin-body) .contact-directory-title-nowrap{
    white-space:normal!important;
    text-wrap:balance!important;
  }
}

/* Global start/end alignment: Arabic reads right, English reads left. */
html[dir="rtl"] body:not(.admin-body) :where(.classic-hero-copy,.service-pillar-card,.public-service-card,.tool-card,.hero-mini-service-card,.service-rich-card,.package-card,.contact-channel-tile,.authority-card){
  direction:rtl!important;
  text-align:right!important;
}


html[dir="ltr"] body:not(.admin-body) :where(.classic-hero-copy,.service-pillar-card,.public-service-card,.tool-card,.hero-mini-service-card,.service-rich-card,.package-card,.contact-channel-tile,.authority-card){
  direction:ltr!important;
  text-align:left!important;
}


/* Direction-aware alignment across cards: Arabic right, English left. */
html[dir="rtl"] body.public-body:not(.admin-body) :where(.service-pillar-card,.public-service-card,.tool-card,.vtx-hero-tool-card,.hero-mini-service-card,.vtx-annual-card,.service-rich-card,.package-card,.contact-channel-tile,.authority-card){
  direction:rtl!important;
  text-align:right!important;
}


html[dir="ltr"] body.public-body:not(.admin-body) :where(.service-pillar-card,.public-service-card,.tool-card,.vtx-hero-tool-card,.hero-mini-service-card,.vtx-annual-card,.service-rich-card,.package-card,.contact-channel-tile,.authority-card){
  direction:ltr!important;
  text-align:left!important;
}