/* ========================================================================
   VATAX final patch — tools cards + navigation dropdown alignment
   Generated after reviewing the provided mobile/web screenshots.
   Scope: public pages only. Does not touch dashboard/admin/client logic.
   ======================================================================== */

/* ---------- Desktop navigation: dropdown must belong to Services, not Home ---------- */
@media (min-width:1025px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(18px,2.1vw,36px)!important;
    position:static!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .service-dropdown-trigger{
    width:auto!important;
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .service-dropdown-toggle{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:10px 15px!important;
    min-height:42px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    inset-inline-start:50%!important;
    width:min(360px,calc(100vw - 36px))!important;
    min-width:min(360px,calc(100vw - 36px))!important;
    max-width:calc(100vw - 36px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:16px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateX(50%) translateY(10px)!important;
    z-index:10080!important;
    margin:0!important;
    border-radius:24px!important;
    background:#fff!important;
    border:1px solid rgba(8,56,70,.13)!important;
    box-shadow:0 26px 70px rgba(8,56,70,.18)!important;
    overflow:visible!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    transform:translateX(-50%) translateY(10px)!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before{
    content:""!important;
    position:absolute!important;
    top:-10px!important;
    inset-inline-start:50%!important;
    width:20px!important;
    height:20px!important;
    background:#fff!important;
    border-top:1px solid rgba(8,56,70,.13)!important;
    border-inline-start:1px solid rgba(8,56,70,.13)!important;
    transform:translateX(50%) rotate(45deg)!important;
    border-radius:4px 0 0 0!important;
    z-index:-1!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before{
    transform:translateX(-50%) rotate(45deg)!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(50%) translateY(0)!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown{
    transform:translateX(-50%) translateY(0)!important;
  }
}

/* ---------- Mobile/tablet navigation: dropdown stays inside Services item ---------- */
@media (max-width:1024px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel{
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown{
    width:100%!important;
    max-width:100%!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .service-dropdown-trigger,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .service-dropdown-toggle{
    width:100%!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:12px!important;
    display:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    box-shadow:none!important;
    border-radius:20px!important;
    background:#eef7f8!important;
    border:1px solid rgba(8,56,70,.10)!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before{display:none!important;content:none!important;}
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown{display:grid!important;}
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:not(.dropdown-open):hover > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:not(.dropdown-open):focus-within > .nav-services-dropdown{display:none!important;}
}

/* ---------- VATAX brand word must never split V / A / T / A / X vertically ---------- */
html body.public-body:not(.admin-body) .vtx-brand-word,
html body.public-body:not(.admin-body) .vtx-brand-wordmark-html,
html body.public-body:not(.admin-body) .vtx-compass-title .vtx-brand-word{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  line-height:1!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  vertical-align:baseline!important;
}

html body.public-body:not(.admin-body) .vtx-brand-letter,
html body.public-body:not(.admin-body) .vtx-brand-word .vtx-brand-letter,
html body.public-body:not(.admin-body) .vtx-compass-title .vtx-brand-letter{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  float:none!important;
  clear:none!important;
  position:static!important;
  transform:none!important;
}

/* ---------- Unified free tools cards: apply home design on every tools block ---------- */
body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section){
  background:linear-gradient(180deg,#ffffff 0%,#f6fbfc 100%)!important;
  padding-block:clamp(64px,7vw,98px)!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .section-head{
  max-width:880px!important;
  margin:0 auto clamp(28px,4vw,46px)!important;
  text-align:center!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .section-title{
  display:block!important;
  font-size:clamp(30px,3.4vw,52px)!important;
  line-height:1.18!important;
  text-align:center!important;
  color:#062f36!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .section-title .vtx-brand-word{
  font-size:.96em!important;
  margin-inline:.18em!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .section-subtitle{
  max-width:760px!important;
  margin-inline:auto!important;
  font-size:clamp(15px,1.25vw,18px)!important;
  line-height:1.85!important;
  color:#536c72!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tools-grid,
body.public-body:not(.admin-body) .tools-grid.two-tools.home-tools-match-index,
body.public-body:not(.admin-body) .tools-grid.two-tools.large-tools.home-tools-match-index{
  width:min(960px,100%)!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(18px,2.4vw,28px)!important;
  align-items:stretch!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card{
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:start!important;
  padding:clamp(26px,3vw,38px)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdfd 100%)!important;
  border:1px solid rgba(8,56,70,.12)!important;
  box-shadow:0 18px 44px rgba(8,56,70,.085)!important;
  color:#073944!important;
  overflow:hidden!important;
  position:relative!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card::after,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto -58px -62px auto!important;
  width:150px!important;
  height:150px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(0,90,92,.075),transparent 70%)!important;
  pointer-events:none!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card,
html[dir="rtl"] body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card{
  direction:rtl!important;
  text-align:right!important;
  align-items:flex-start!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card,
html[dir="ltr"] body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card{
  direction:ltr!important;
  text-align:left!important;
  align-items:flex-start!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card > span:first-child,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card > span:first-child{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 20px!important;
  background:#e9f5f6!important;
  color:#005a5c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card > span:first-child .icon,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card > span:first-child .icon{
  width:25px!important;
  height:25px!important;
  color:#005a5c!important;
  stroke:currentColor!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card h2,
body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card h3,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card h2,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card h3{
  width:100%!important;
  display:block!important;
  margin:0 0 10px!important;
  padding:0!important;
  font-size:25px!important;
  line-height:1.26!important;
  font-weight:900;
  color:#073944!important;
  text-align:start!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card .vtx-compass-title,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card .vtx-compass-title{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:.28em!important;
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  text-align:start!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card .vtx-compass-title-ar,
html[dir="rtl"] body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card .vtx-compass-title-ar{
  direction:rtl!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card strong,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card strong{
  display:block!important;
  width:100%!important;
  margin:0 0 12px!important;
  color:#005a5c!important;
  font-size:clamp(15px,1.2vw,17px)!important;
  line-height:1.55!important;
  font-weight:900;
  text-align:start!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card p,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card p{
  width:100%!important;
  max-width:56ch!important;
  margin:0 0 24px!important;
  color:#536c72!important;
  font-size:clamp(14px,1.1vw,16px)!important;
  line-height:1.85!important;
  font-weight:600;
  text-align:start!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card .btn,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card .btn,
body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card .tool-card-cta,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card .tool-card-cta{
  margin-top:auto!important;
  min-height:46px!important;
  width:auto!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:12px 20px!important;
  border-radius:14px!important;
  background:#f59b14!important;
  border:1px solid #f59b14!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(245,155,20,.25)!important;
  font-size:14px!important;
  font-weight:900;
  line-height:1.25!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card .btn:hover,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card .btn:hover{
  background:#e88f00!important;
  border-color:#e88f00!important;
  transform:translateY(-2px)!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card .btn .icon,
body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card .btn .icon{
  width:16px!important;
  height:16px!important;
  color:#fff!important;
  stroke:#fff!important;
}

/* Match direction-aware text across public content blocks without disturbing dashboards */
html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-hero-copy,.section-head,.service-detail-main,.service-detail-side,.public-service-card,.service-pillar-card,.tool-card,.vtx-pre-footer-card,.footer){
  direction:rtl!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-hero-copy,.section-head,.service-detail-main,.service-detail-side,.public-service-card,.service-pillar-card,.tool-card,.vtx-pre-footer-card,.footer){
  direction:ltr!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-hero-copy,.service-detail-main,.service-detail-side,.public-service-card,.service-pillar-card,.tool-card) :where(h1,h2,h3,h4,strong,p,li,small){text-align:right!important;}
html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-hero-copy,.service-detail-main,.service-detail-side,.public-service-card,.service-pillar-card,.tool-card) :where(h1,h2,h3,h4,strong,p,li,small){text-align:left!important;}
body.public-body:not(.admin-body) .section-head :where(h1,h2,h3,p){text-align:center!important;}

@media (max-width:760px){
  body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tools-grid,
  body.public-body:not(.admin-body) .tools-grid.two-tools.home-tools-match-index,
  body.public-body:not(.admin-body) .tools-grid.two-tools.large-tools.home-tools-match-index{
    grid-template-columns:1fr!important;
    width:min(100%,520px)!important;
  }

  body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card,
  body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card{
    padding:24px 20px!important;
  }

  body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card .btn,
  body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card .btn{
    width:100%!important;
    white-space:normal!important;
  }
}

/* ========================================================================
   VATAX precision patch — 2026-06-25
   1) Services dropdown: physically centered below Services in AR/EN.
   2) Two-button cards: outline + gold in one row like approved screenshot.
   3) One-button cards: full gold button with white text.
   4) Tools page cards: icon/text/button direction-aware alignment.
   ======================================================================== */

/* --- Desktop dropdown must be tied to the Services li, not shifted toward Home --- */
@media (min-width:1025px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-item.has-dropdown{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    overflow:visible!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-item.has-dropdown::after{
    content:""!important;
    position:absolute!important;
    left:-34px!important;
    right:-34px!important;
    top:100%!important;
    height:22px!important;
    pointer-events:auto!important;
    background:transparent!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    position:absolute!important;
    top:calc(100% + 14px)!important;
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:360px!important;
    min-width:360px!important;
    max-width:min(360px,calc(100vw - 32px))!important;
    margin:0!important;
    transform:translate3d(-50%,10px,0)!important;
    transform-origin:top center!important;
    z-index:10090!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    transform:translate3d(-50%,10px,0)!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(-50%,0,0)!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before{
    content:""!important;
    position:absolute!important;
    top:-10px!important;
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:20px!important;
    height:20px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    transform-origin:center!important;
    background:#fff!important;
    border-top:1px solid rgba(8,56,70,.13)!important;
    border-left:1px solid rgba(8,56,70,.13)!important;
    border-inline-start:0!important;
    border-radius:4px 0 0 0!important;
    z-index:-1!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
    direction:rtl!important;
    text-align:right!important;
    justify-content:flex-end!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
    direction:ltr!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }
}

/* --- Mobile/tablet: dropdown stays directly below Services inside the opened menu --- */
@media (max-width:1024px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel{
    width:min(420px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    overflow-x:hidden!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-item.has-dropdown{
    display:block!important;
    width:100%!important;
    position:relative!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    position:static!important;
    left:auto!important;
    right:auto!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:8px 0 0!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
    direction:rtl!important;
    text-align:right!important;
    justify-content:flex-end!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
    direction:ltr!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }
}

/* --- Approved card button system --- */
body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions){
  width:100%!important;
  margin-top:auto!important;
  align-items:stretch!important;
  gap:10px!important;
}

body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):has(> .btn:nth-child(2)){
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
}

body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):not(:has(> .btn:nth-child(2))){
  display:flex!important;
  justify-content:flex-start!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):not(:has(> .btn:nth-child(2))){
  justify-content:flex-end!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):not(:has(> .btn:nth-child(2))){
  justify-content:flex-start!important;
}

body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions) > .btn,
body.public-body:not(.admin-body) :where(.public-service-card,.service-pillar-card,.tool-card) > .btn,
body.public-body:not(.admin-body) .tool-card .tool-card-cta{
  min-height:46px!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:900;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):has(> .btn:nth-child(2)) > .btn{
  width:100%!important;
  min-width:0!important;
  padding-inline:12px!important;
}

body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions) > .btn-outline,
body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions) > .btn-outline.teal{
  background:#fff!important;
  color:#24494e!important;
  border:1px solid rgba(8,56,70,.34)!important;
  box-shadow:none!important;
}

body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions) > .btn-outline:hover,
body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions) > .btn-outline.teal:hover{
  background:#f8fcfc!important;
  color:#005a5c!important;
  border-color:#005a5c!important;
}

body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions) > .btn-gold,
body.public-body:not(.admin-body) :where(.public-service-card,.service-pillar-card,.tool-card) > .btn-gold,
body.public-body:not(.admin-body) .tool-card .tool-card-cta,
body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):not(:has(> .btn:nth-child(2))) > .btn{
  background:linear-gradient(135deg,#f28c00,#ffad25)!important;
  color:#fff!important;
  border:1px solid rgba(242,140,0,.52)!important;
  box-shadow:0 12px 26px rgba(242,140,0,.22)!important;
}

body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions) > .btn-gold:hover,
body.public-body:not(.admin-body) .tool-card .tool-card-cta:hover,
body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):not(:has(> .btn:nth-child(2))) > .btn:hover{
  background:linear-gradient(135deg,#e88500,#f79c0e)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}

/* Keep digital service buttons as approved two-column row on desktop and tablets. */
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions .btn{
  width:100%!important;
  min-height:46px!important;
  padding:12px 10px!important;
  font-size:13px!important;
  white-space:nowrap!important;
}

/* --- Tools page: direction-aware icon, text and CTA alignment --- */
html[dir="rtl"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card{
  direction:rtl!important;
  text-align:right!important;
  align-items:flex-end!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card{
  direction:ltr!important;
  text-align:left!important;
  align-items:flex-start!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card > span:first-child{
  align-self:flex-end!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card > span:first-child{
  align-self:flex-start!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card :where(h2,h3,strong,p){
  text-align:right!important;
  align-self:stretch!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card :where(h2,h3,strong,p){
  text-align:left!important;
  align-self:stretch!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card .tool-card-cta,
html[dir="rtl"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card > .btn{
  align-self:flex-end!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card .tool-card-cta,
html[dir="ltr"] body.public-body:not(.admin-body) :where(.tools-index-section,.tools-home-section) .tool-card > .btn{
  align-self:flex-start!important;
}

@media (max-width:760px){
  body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):has(> .btn:nth-child(2)),
  body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions) > .btn,
  body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions .btn{
    min-height:42px!important;
    padding:10px 8px!important;
    font-size:12px!important;
    white-space:normal!important;
  }

  body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):not(:has(> .btn:nth-child(2))) > .btn,
  body.public-body:not(.admin-body) .tool-card .tool-card-cta{
    width:100%!important;
  }
}


/* ========================================================================
   VATAX final patch — dropdown position + direction-aware cards/actions
   Request date: 2026-06-25
   ======================================================================== */

/* Desktop dropdown: physically center the menu under Services in both languages. */
@media (min-width:1025px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-item.has-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-item.has-dropdown .service-dropdown-trigger{
    position:relative!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    transform:translateX(-50%) translateY(10px)!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown::before{
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    transform:translateX(-50%) rotate(45deg)!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-dropdown.nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-dropdown.nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-dropdown.nav-services-dropdown{
    transform:translateX(-50%) translateY(0)!important;
  }
}

/* Mobile dropdown: keep it directly under the Services item with proper internal spacing. */
@media (max-width:1024px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-item.has-dropdown{
    position:relative!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .service-dropdown-trigger{
    display:block!important;
    width:100%!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .service-dropdown-toggle{
    justify-content:space-between!important;
    text-align:start!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    width:100%!important;
    max-width:100%!important;
    margin-top:10px!important;
  }
}

/* Direction-aware alignment: icon and CTA button must sit on the right in Arabic, left in English. */
body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card){
  display:flex!important;
  flex-direction:column!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card){
  direction:rtl!important;
  align-items:flex-end!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card){
  direction:ltr!important;
  align-items:flex-start!important;
  text-align:left!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) > :where(h2,h3,strong,p),
html[dir="rtl"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) .vtx-compass-title{
  width:100%!important;
  text-align:right!important;
  justify-content:flex-end!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) > :where(h2,h3,strong,p),
html[dir="ltr"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) .vtx-compass-title{
  width:100%!important;
  text-align:left!important;
  justify-content:flex-start!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) > span:first-child,
html[dir="rtl"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) .vtx-hero-tool-icon,
html[dir="rtl"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) > a,
html[dir="rtl"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) > .btn{
  align-self:flex-end!important;
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) > span:first-child,
html[dir="ltr"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) .vtx-hero-tool-icon,
html[dir="ltr"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) > a,
html[dir="ltr"] body.public-body:not(.admin-body) :where(.tool-card,.vtx-hero-tool-card) > .btn{
  align-self:flex-start!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

/* Hero compass card: keep the inner alignment strict by language. */
body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .vtx-hero-tool-card{
  max-width:420px!important;
  width:100%!important;
  min-height:0!important;
  padding:clamp(26px,3vw,36px)!important;
  gap:0!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .vtx-hero-tool-card .vtx-hero-tool-icon,
html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .vtx-hero-tool-card .vtx-hero-compass-btn{
  align-self:flex-end!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .vtx-hero-tool-card .vtx-hero-tool-icon,
html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .vtx-hero-tool-card .vtx-hero-compass-btn{
  align-self:flex-start!important;
}

/* Digital tax services cards: larger cards and bullet style similar to annual advisory agreement list. */
body.public-body:not(.admin-body) .vtx-digital-services-grid{
  align-items:stretch!important;
  gap:24px!important;
}

body.public-body:not(.admin-body) .vtx-digital-service-card,
body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl,
body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl{
  display:flex!important;
  flex-direction:column!important;
  min-height:520px!important;
  height:100%!important;
  padding:34px 26px!important;
  border-radius:26px!important;
}

body.public-body:not(.admin-body) .vtx-digital-service-card > p,
body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl > p,
body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl > p{
  min-height:0!important;
  margin-bottom:14px!important;
}

body.public-body:not(.admin-body) .vtx-digital-service-card ul,
body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl ul,
body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl ul{
  list-style:none!important;
  display:grid!important;
  gap:12px!important;
  margin:18px 0 24px!important;
  padding:0!important;
}

body.public-body:not(.admin-body) .vtx-digital-service-card ul li,
body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl ul li,
body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl ul li{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:11px 13px!important;
  border-radius:16px!important;
  border:1px solid rgba(8,56,70,.10)!important;
  background:#f6fbfc!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:700;
}

body.public-body:not(.admin-body) .vtx-digital-service-card ul li svg,
body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl ul li svg,
body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl ul li svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 auto!important;
  margin-top:3px!important;
  color:#083846!important;
}

/* Any card with two buttons: white outlined first, gold second. Any single button: gold with white text. */
body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions{
  width:100%!important;
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}

body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions .btn{
  width:100%!important;
  min-height:54px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800;
  text-align:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions .btn:only-child{
  grid-column:1/-1!important;
  background:#f59b14!important;
  border:1px solid #f59b14!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(245,155,20,.22)!important;
}

body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions .btn:first-child:not(:only-child){
  background:#fff!important;
  border:2px solid rgba(8,56,70,.14)!important;
  color:#4a6368!important;
  box-shadow:none!important;
}

body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions .btn:last-child:not(:first-child){
  background:#f59b14!important;
  border:1px solid #f59b14!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(245,155,20,.22)!important;
}

@media (max-width:900px){
  body.public-body:not(.admin-body) .vtx-digital-service-card,
  body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl,
  body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl{
    min-height:0!important;
    padding:26px 20px!important;
  }

  body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions{
    grid-template-columns:1fr!important;
  }

  body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions .btn{
    white-space:normal!important;
  }
}

/* ========================================================================
   VATAX guarded fix — 2026-06-25
   Scope: compass/tool-card direction alignment, single-card buttons, and
   digital service bullet icons without boxed frames.
   ======================================================================== */

/* 1) Compass hero card + all tools-section cards: icon and CTA follow language direction.
   Important: in RTL, margin-inline-start:auto pushes items visually LEFT, so it must be disabled. */
body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card){
  display:flex!important;
  flex-direction:column!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card){
  direction:rtl!important;
  text-align:right!important;
  align-items:flex-start!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card){
  direction:ltr!important;
  text-align:left!important;
  align-items:flex-start!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) > :where(h2,h3,strong,p),
html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) .vtx-compass-title{
  width:100%!important;
  text-align:right!important;
  justify-content:flex-start!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) > :where(h2,h3,strong,p),
html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) .vtx-compass-title{
  width:100%!important;
  text-align:left!important;
  justify-content:flex-start!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) > span:first-child,
html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) .vtx-hero-tool-icon,
html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) > a.btn,
html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) .tool-card-cta,
html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero .vtx-hero-tool-card .vtx-hero-compass-btn{
  align-self:flex-start!important;
  margin-left:auto!important;
  margin-right:0!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) > span:first-child,
html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) .vtx-hero-tool-icon,
html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) > a.btn,
html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero .vtx-hero-tool-card,.tools-home-section .tool-card,.tools-index-section .tool-card,.tools-grid.home-tools-match-index > .tool-card) .tool-card-cta,
html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero .vtx-hero-tool-card .vtx-hero-compass-btn{
  align-self:flex-start!important;
  margin-left:0!important;
  margin-right:auto!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

/* Keep tools buttons auto-sized on desktop, but still full width on small screens as previously approved. */
@media (min-width:761px){
  body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .tool-card > a.btn,
  body.public-body:not(.admin-body) .tools-grid.home-tools-match-index > .tool-card > a.btn,
  body.public-body:not(.admin-body) .classic-home-hero .vtx-hero-tool-card > a.btn{
    width:auto!important;
  }
}

/* 2) Single buttons inside cards must be gold with white text, even when the HTML class is btn-outline. */
body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.service-pillar-card,.tool-card,.hero-mini-service-card,.service-rich-card,.service-flow-card) > a.btn,
body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):not(:has(> .btn:nth-child(2))) > .btn{
  background:#f59b14!important;
  background-image:linear-gradient(135deg,#f28c00,#ffad25)!important;
  border:1px solid rgba(242,140,0,.62)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(242,140,0,.24)!important;
}

body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.service-pillar-card,.tool-card,.hero-mini-service-card,.service-rich-card,.service-flow-card) > a.btn .icon,
body.public-body:not(.admin-body) :where(.service-card-actions,.card-actions,.tool-actions):not(:has(> .btn:nth-child(2))) > .btn .icon{
  color:#fff!important;
  stroke:#fff!important;
}

/* Preserve the approved two-button service-card layout: first outline, second gold. */
body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions:has(> .btn:nth-child(2)) > .btn:first-child{
  background:#fff!important;
  background-image:none!important;
  border:2px solid rgba(8,56,70,.14)!important;
  color:#4a6368!important;
  box-shadow:none!important;
}

body.public-body:not(.admin-body) :where(.public-service-card,.service-index-card,.home-service-card-xl,.vtx-digital-service-card) .service-card-actions:has(> .btn:nth-child(2)) > .btn:last-child{
  background:#f59b14!important;
  background-image:linear-gradient(135deg,#f28c00,#ffad25)!important;
  border:1px solid rgba(242,140,0,.62)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(242,140,0,.24)!important;
}

/* 3) Digital tax service bullets: use the existing SVG check icon and remove current boxed/bordered point frame. */
body.public-body:not(.admin-body) .vtx-digital-service-card ul,
body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl ul,
body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl ul{
  list-style:none!important;
  display:grid!important;
  gap:10px!important;
  margin:18px 0 24px!important;
  padding:0!important;
}

body.public-body:not(.admin-body) .vtx-digital-service-card ul li,
body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl ul li,
body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl ul li{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:700;
}

html[dir="rtl"] body.public-body:not(.admin-body) .vtx-digital-service-card ul li,
html[dir="rtl"] body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl ul li,
html[dir="rtl"] body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl ul li{
  direction:rtl!important;
  text-align:right!important;
  justify-content:flex-start!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) .vtx-digital-service-card ul li,
html[dir="ltr"] body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl ul li,
html[dir="ltr"] body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl ul li{
  direction:ltr!important;
  text-align:left!important;
  justify-content:flex-start!important;
}

body.public-body:not(.admin-body) .vtx-digital-service-card ul li svg.icon-check,
body.public-body:not(.admin-body) .services-cards-like-home .home-service-card-xl ul li svg.icon-check,
body.public-body:not(.admin-body) .premium-home-services .home-service-card-xl ul li svg.icon-check{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  margin-top:3px!important;
  color:#f59b14!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
}

/* ========================================================================
   VATAX FORCE ALIGNMENT LOCK — 2026-06-25
   Exact scope: only compass hero card and tools-section cards that received
   .vtx-force-align-card in PHP. This removes previous centering/auto-margin
   blockers without touching unrelated website cards.
   ======================================================================== */

body.public-body:not(.admin-body) article.tool-card.vtx-force-align-card,
body.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  text-align:inherit!important;
  gap:0!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) article.tool-card.vtx-force-align-card,
html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card,
body.lang-ar.public-body:not(.admin-body) article.tool-card.vtx-force-align-card,
body.lang-ar.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card{
  direction:rtl!important;
  text-align:right!important;
  align-items:stretch!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) article.tool-card.vtx-force-align-card,
html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card,
body.lang-en.public-body:not(.admin-body) article.tool-card.vtx-force-align-card,
body.lang-en.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card{
  direction:ltr!important;
  text-align:left!important;
  align-items:stretch!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) article.tool-card.vtx-force-align-card > :is(h2,h3,strong,p),
html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card > :is(h2,h3,strong,p),
body.lang-ar.public-body:not(.admin-body) article.tool-card.vtx-force-align-card > :is(h2,h3,strong,p),
body.lang-ar.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card > :is(h2,h3,strong,p){
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  align-self:stretch!important;
  text-align:right!important;
  justify-content:flex-start!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) article.tool-card.vtx-force-align-card > :is(h2,h3,strong,p),
html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card > :is(h2,h3,strong,p),
body.lang-en.public-body:not(.admin-body) article.tool-card.vtx-force-align-card > :is(h2,h3,strong,p),
body.lang-en.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card > :is(h2,h3,strong,p){
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  align-self:stretch!important;
  text-align:left!important;
  justify-content:flex-start!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}

/* Keep the VATAX Compass word compact, but let the parent h2/h3 place it right/left. */
body.public-body:not(.admin-body) article.vtx-force-align-card .vtx-compass-title{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  vertical-align:baseline!important;
  text-align:inherit!important;
  justify-content:flex-start!important;
  margin:0!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-force-align-card .vtx-compass-title,
body.lang-ar.public-body:not(.admin-body) article.vtx-force-align-card .vtx-compass-title{
  direction:rtl!important;
  margin-right:0!important;
  margin-left:auto!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-force-align-card .vtx-compass-title,
body.lang-en.public-body:not(.admin-body) article.vtx-force-align-card .vtx-compass-title{
  direction:ltr!important;
  margin-left:0!important;
  margin-right:auto!important;
}

/* Physical right in Arabic / physical left in English for the icon and CTA button. */
html[dir="rtl"] body.public-body:not(.admin-body) article.tool-card.vtx-force-align-card > span:first-child,
html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card > span:first-child,
html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-tool-icon,
html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-force-align-card > a.btn,
html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-force-align-card > .tool-card-cta,
html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-compass-btn,
body.lang-ar.public-body:not(.admin-body) article.tool-card.vtx-force-align-card > span:first-child,
body.lang-ar.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card > span:first-child,
body.lang-ar.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-tool-icon,
body.lang-ar.public-body:not(.admin-body) article.vtx-force-align-card > a.btn,
body.lang-ar.public-body:not(.admin-body) article.vtx-force-align-card > .tool-card-cta,
body.lang-ar.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-compass-btn{
  align-self:flex-start!important;
  justify-self:start!important;
  float:none!important;
  clear:none!important;
  margin-right:0!important;
  margin-left:auto!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) article.tool-card.vtx-force-align-card > span:first-child,
html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card > span:first-child,
html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-tool-icon,
html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-force-align-card > a.btn,
html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-force-align-card > .tool-card-cta,
html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-compass-btn,
body.lang-en.public-body:not(.admin-body) article.tool-card.vtx-force-align-card > span:first-child,
body.lang-en.public-body:not(.admin-body) article.vtx-hero-tool-card.vtx-force-align-card > span:first-child,
body.lang-en.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-tool-icon,
body.lang-en.public-body:not(.admin-body) article.vtx-force-align-card > a.btn,
body.lang-en.public-body:not(.admin-body) article.vtx-force-align-card > .tool-card-cta,
body.lang-en.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-compass-btn{
  align-self:flex-start!important;
  justify-self:start!important;
  float:none!important;
  clear:none!important;
  margin-left:0!important;
  margin-right:auto!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

body.public-body:not(.admin-body) article.vtx-force-align-card > a.btn,
body.public-body:not(.admin-body) article.vtx-force-align-card > .tool-card-cta,
body.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-compass-btn{
  width:fit-content!important;
  inline-size:fit-content!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
}

@media (max-width:760px){
  body.public-body:not(.admin-body) article.vtx-force-align-card > a.btn,
  body.public-body:not(.admin-body) article.vtx-force-align-card > .tool-card-cta,
  body.public-body:not(.admin-body) article.vtx-force-align-card > .vtx-hero-compass-btn{
    width:fit-content!important;
    inline-size:fit-content!important;
    max-width:100%!important;
  }
}

/* ========================================================================
   VATAX FINAL VISUAL LOCK — 2026-06-25
   Scope: exact hero Compass card + free tools title only.
   Purpose: remove remaining blockers, force language-aware physical alignment,
   and keep VATAX horizontal/28px outside hero sections.
   ======================================================================== */

/* A) Hero VATAX Compass card: use the same clean visual language as the tools-page cards. */
body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:min(100%,380px)!important;
  max-width:380px!important;
  min-height:0!important;
  height:auto!important;
  padding:clamp(26px,3vw,38px)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfd 100%)!important;
  border:1px solid rgba(8,56,70,.12)!important;
  box-shadow:0 18px 44px rgba(8,56,70,.11)!important;
  color:#073944!important;
  overflow:hidden!important;
  position:relative!important;
}

body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto -58px -62px auto!important;
  width:150px!important;
  height:150px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(0,90,92,.075),transparent 70%)!important;
  pointer-events:none!important;
  z-index:0!important;
}

body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > *{
  position:relative!important;
  z-index:1!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card,
body.lang-ar.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card{
  direction:rtl!important;
  text-align:right!important;
  align-items:stretch!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card,
body.lang-en.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card{
  direction:ltr!important;
  text-align:left!important;
  align-items:stretch!important;
}

body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(h2,h3,strong,p){
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  margin-inline:0!important;
  padding-inline:0!important;
  justify-content:normal!important;
  align-items:normal!important;
  transform:none!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(h2,h3,strong,p),
body.lang-ar.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(h2,h3,strong,p){
  text-align:right!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(h2,h3,strong,p),
body.lang-en.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(h2,h3,strong,p){
  text-align:left!important;
}

body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > .vtx-hero-tool-icon,
body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > span:first-child{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  flex:0 0 56px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  margin-top:0!important;
  margin-bottom:8px!important;
  background:#e9f5f6!important;
  color:#005a5c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > .vtx-hero-tool-icon .icon,
body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > span:first-child .icon{
  width:25px!important;
  height:25px!important;
  color:#005a5c!important;
  stroke:currentColor!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn),
body.lang-ar.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn){
  align-self:flex-start!important;
  justify-self:start!important;
  margin-right:0!important;
  margin-left:auto!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn),
body.lang-en.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn){
  align-self:flex-start!important;
  justify-self:start!important;
  margin-left:0!important;
  margin-right:auto!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > a.btn,
body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > .vtx-hero-compass-btn{
  width:fit-content!important;
  inline-size:fit-content!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:50px!important;
  padding:14px 22px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--vtx-final-gold,#f28c00)!important;
  background-image:none!important;
  border:1px solid var(--vtx-final-gold,#f28c00)!important;
  color:#fff!important;
  text-shadow:none!important;
  box-shadow:0 14px 28px rgba(242,140,0,.22)!important;
}

body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card .vtx-compass-title{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:baseline!important;
  gap:.28em!important;
  font-size:inherit!important;
  line-height:1.15!important;
  vertical-align:baseline!important;
  white-space:nowrap!important;
}

/* B) Free tools heading outside hero only: keep VATAX horizontal, 28px, and official VATAX colors. */
body.public-body:not(.admin-body) section:not(.classic-home-hero):not(.vtx-page-standard-hero):not(.vtx-inner-classic-hero) :where(.section-title,.vtx-tools-free-title) .vtx-brand-word{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  justify-content:center!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  gap:.035em!important;
  margin-inline:.14em!important;
  padding:0!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:900;
  letter-spacing:.012em!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
  rotate:none!important;
  vertical-align:baseline!important;
}

body.public-body:not(.admin-body) section:not(.classic-home-hero):not(.vtx-page-standard-hero):not(.vtx-inner-classic-hero) :where(.section-title,.vtx-tools-free-title) .vtx-brand-word > .vtx-brand-letter{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  float:none!important;
  clear:none!important;
  position:static!important;
  transform:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
}

body.public-body:not(.admin-body) section:not(.classic-home-hero):not(.vtx-page-standard-hero):not(.vtx-inner-classic-hero) :where(.section-title,.vtx-tools-free-title) .vtx-brand-word > :where(.vtx-brand-v,.vtx-brand-a1,.vtx-brand-a2,.vtx-brand-x){
  color:var(--vtx-logo-ink,#073944)!important;
}

body.public-body:not(.admin-body) section:not(.classic-home-hero):not(.vtx-page-standard-hero):not(.vtx-inner-classic-hero) :where(.section-title,.vtx-tools-free-title) .vtx-brand-word > .vtx-brand-t{
  color:var(--vtx-logo-gold,#E8A11D)!important;
}

body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .section-title.vtx-tools-free-title,
body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) .section-title:has(.vtx-brand-word){
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:.26em!important;
  font-size:28px!important;
  line-height:1.35!important;
  text-align:center!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media (max-width:760px){
  body.public-body:not(.admin-body) section:not(.classic-home-hero):not(.vtx-page-standard-hero):not(.vtx-inner-classic-hero) :where(.section-title,.vtx-tools-free-title) .vtx-brand-word{
    font-size:28px!important;
    min-width:max-content!important;
  }
  body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > a.btn,
  body.public-body:not(.admin-body) :where(.classic-home-hero,.vtx-page-standard-hero,.vtx-inner-classic-hero) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > .vtx-hero-compass-btn{
    width:fit-content!important;
    inline-size:fit-content!important;
  }
}


/* ========================================================================
   VATAX ABSOLUTE FINAL LOCK — dropdown / mobile menu / hero compass / hero depth
   Request: language-aware dropdown and mobile menu + exact home Compass card layout.
   Scope: public header + public hero only. Safe for dashboards/admin/client.
   ======================================================================== */

/* 1) Desktop services dropdown: anchor physically to Services item in EN/AR. */
@media (min-width:1025px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links{
    overflow:visible!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown::after{
    content:""!important;
    position:absolute!important;
    left:-44px!important;
    right:-44px!important;
    top:100%!important;
    height:34px!important;
    background:transparent!important;
    pointer-events:auto!important;
    z-index:10078!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    position:absolute!important;
    top:calc(100% + 14px)!important;
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:min(382px,calc(100vw - 40px))!important;
    min-width:min(382px,calc(100vw - 40px))!important;
    max-width:calc(100vw - 40px)!important;
    margin:0!important;
    padding:18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(8,56,70,.13)!important;
    box-shadow:0 28px 74px rgba(8,56,70,.20)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(-50%,12px,0)!important;
    transform-origin:top center!important;
    z-index:10090!important;
    overflow:visible!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown::before{
    content:""!important;
    position:absolute!important;
    top:-10px!important;
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:20px!important;
    height:20px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    background:#fff!important;
    border-top:1px solid rgba(8,56,70,.13)!important;
    border-left:1px solid rgba(8,56,70,.13)!important;
    border-inline-start:0!important;
    border-radius:4px 0 0 0!important;
    z-index:-1!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-dropdown.nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-dropdown.nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-dropdown.nav-services-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(-50%,0,0)!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown{
    direction:ltr!important;
    text-align:left!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown{
    direction:rtl!important;
    text-align:right!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown .nav-dropdown-toplink,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown .nav-dropdown-section,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown .nav-dropdown-link{
    width:100%!important;
    max-width:100%!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown .nav-dropdown-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:12px!important;
    border-radius:18px!important;
    background:#f5fafb!important;
    border:1px solid rgba(8,56,70,.08)!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link),
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
    direction:ltr!important;
    text-align:left!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link),
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
    direction:rtl!important;
    text-align:right!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }
}

/* 2) Mobile menu: language-aware layout, no centered/overlapping Services row. */
@media (max-width:1024px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel{
    width:min(420px,calc(100vw - 34px))!important;
    max-width:calc(100vw - 34px)!important;
    max-height:calc(100dvh - 88px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px!important;
    border-radius:24px!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel{
    direction:ltr!important;
    text-align:left!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel{
    direction:rtl!important;
    text-align:right!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links > li,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links > li.nav-item.has-dropdown{
    width:100%!important;
    min-width:0!important;
    display:block!important;
    position:relative!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel :where(.nav-link,.service-dropdown-toggle){
    width:100%!important;
    min-height:42px!important;
    border-radius:14px!important;
    padding:11px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    white-space:normal!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel :where(.nav-link,.service-dropdown-toggle),
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel :where(.nav-link,.service-dropdown-toggle){
    direction:ltr!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel :where(.nav-link,.service-dropdown-toggle),
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel :where(.nav-link,.service-dropdown-toggle){
    direction:rtl!important;
    text-align:right!important;
    justify-content:flex-start!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle{
    justify-content:space-between!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    flex:1 1 auto!important;
    min-width:0!important;
    white-space:normal!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    text-align:left!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    text-align:right!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-dropdown.nav-services-dropdown{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:8px 0 4px!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#f4fafb!important;
    border:1px solid rgba(8,56,70,.10)!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown:not(.dropdown-open) > .nav-services-dropdown{
    display:none!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown.dropdown-open > .nav-services-dropdown{
    display:grid!important;
    gap:10px!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown::before{
    display:none!important;
    content:none!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link),
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
    direction:ltr!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link),
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
    direction:rtl!important;
    text-align:right!important;
    justify-content:flex-end!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin-top:12px!important;
  }
}

/* 3) Home hero Compass card: exact language-aware article layout, matching tools cards safely. */
body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card,
body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:min(100%,390px)!important;
  max-width:390px!important;
  min-height:0!important;
  height:auto!important;
  padding:clamp(26px,3vw,38px)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfd 100%)!important;
  border:1px solid rgba(8,56,70,.12)!important;
  box-shadow:0 20px 50px rgba(8,56,70,.14)!important;
  color:#073944!important;
  overflow:hidden!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card,
html[dir="ltr"] body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card,
body.lang-en.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card,
body.lang-en.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card{
  direction:ltr!important;
  text-align:left!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card,
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card,
body.lang-ar.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card,
body.lang-ar.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card{
  direction:rtl!important;
  text-align:right!important;
}

body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card > :where(h3,strong,p),
body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card > :where(h3,strong,p){
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
  text-align:inherit!important;
}

body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card .vtx-compass-title,
body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-compass-title{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  gap:.28em!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
  text-align:inherit!important;
  justify-content:flex-start!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn),
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn),
body.lang-ar.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn),
body.lang-ar.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn){
  align-self:flex-start!important;
  margin-right:0!important;
  margin-left:auto!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn),
html[dir="ltr"] body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn),
body.lang-en.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn),
body.lang-en.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card > :where(.vtx-hero-tool-icon,span:first-child,a.btn,.vtx-hero-compass-btn){
  align-self:flex-start!important;
  margin-left:0!important;
  margin-right:auto!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

/* 4) Hero depth: keep English long title and bottom hero actions visible above the wave. */
@media (min-width:1025px){
  body.lang-en.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced{
    min-height:650px!important;
    padding-top:116px!important;
    padding-bottom:154px!important;
  }

  body.lang-en.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-page-standard-hero,
  body.lang-en.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-inner-classic-hero,
  body.lang-en.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card{
    min-height:640px!important;
    padding-top:116px!important;
    padding-bottom:162px!important;
  }

  body.lang-en.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card .hero-actions{
    margin-bottom:28px!important;
  }
}

body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions,
body.public-body:not(.admin-body) .vtx-page-standard-hero .hero-actions,
body.public-body:not(.admin-body) .vtx-inner-classic-hero .hero-actions{
  position:relative!important;
  z-index:5!important;
}

body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-wave,
body.public-body:not(.admin-body) .vtx-page-standard-hero .hero-wave,
body.public-body:not(.admin-body) .vtx-inner-classic-hero .hero-wave{
  z-index:2!important;
  pointer-events:none!important;
}

@media (max-width:1024px){
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced,
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-page-standard-hero,
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-inner-classic-hero{
    padding-bottom:118px!important;
  }
}

/* ========================================================================
   VATAX NAV FINAL OVERRIDE 2026-06-25 — desktop anchored dropdown + clean mobile services row
   Scope: public header only. Fixes Services dropdown anchor and mobile row.
   ======================================================================== */

/* Desktop: the Services dropdown is positioned by JS variables so its arrow
   sits directly below the Services button/caret in both English and Arabic. */
@media (min-width:1025px){
  body.public-body:not(.admin-body) header.site-header,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown{
    overflow:visible!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown .service-dropdown-trigger{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown .service-dropdown-toggle{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    gap:7px!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    position:fixed!important;
    top:var(--vtx-services-dd-top, calc(var(--vtx-header-height, 74px) + 12px))!important;
    left:var(--vtx-services-dd-left, 50vw)!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:var(--vtx-services-dd-width, min(382px, calc(100vw - 40px)))!important;
    min-width:0!important;
    max-width:calc(100vw - 40px)!important;
    margin:0!important;
    padding:18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(8,56,70,.13)!important;
    box-shadow:0 28px 74px rgba(8,56,70,.20)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,12px,0)!important;
    transform-origin:top center!important;
    z-index:10090!important;
    overflow:visible!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-dropdown.nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-dropdown.nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-dropdown.nav-services-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown::before{
    content:""!important;
    position:absolute!important;
    top:-10px!important;
    left:var(--vtx-services-dd-caret, 50%)!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:20px!important;
    height:20px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    background:#fff!important;
    border-top:1px solid rgba(8,56,70,.13)!important;
    border-left:1px solid rgba(8,56,70,.13)!important;
    border-inline-start:0!important;
    border-radius:4px 0 0 0!important;
    z-index:-1!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown{
    direction:ltr!important;
    text-align:left!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown{
    direction:rtl!important;
    text-align:right!important;
  }
}

/* Mobile/tablet: Services must look exactly like the other menu rows. The
   dropdown opens under the row only after tapping Services. */
@media (max-width:1024px){
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel{
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links > li,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links > li.nav-item.has-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-trigger{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    clear:none!important;
    transform:none!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px 14px!important;
    margin:0!important;
    border-radius:14px!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow:visible!important;
    transform:none!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.25!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg{
    flex:0 0 auto!important;
    width:15px!important;
    height:15px!important;
    margin:0!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle{
    direction:ltr!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    text-align:left!important;
    order:1!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg{
    order:2!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle{
    direction:rtl!important;
    text-align:right!important;
    justify-content:flex-start!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    text-align:right!important;
    order:1!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg{
    order:2!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-dropdown.nav-services-dropdown{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:8px 0 4px!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#f4fafb!important;
    border:1px solid rgba(8,56,70,.10)!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown:not(.dropdown-open) > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown:not(.dropdown-open) > .nav-dropdown.nav-services-dropdown{
    display:none!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown.dropdown-open > .nav-services-dropdown,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown.dropdown-open > .nav-dropdown.nav-services-dropdown{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown::before,
  body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-dropdown.nav-services-dropdown::before{
    display:none!important;
    content:none!important;
  }
}

/* ========================================================================
   VATAX_NAV_SERVICES_LOCK_FINAL_2026_06_25
   Scope: Services dropdown only. This final layer neutralizes older mobile
   icon-only rules and older RTL/LTR desktop positioning without touching any
   other navbar items, heroes, cards, portals, or dashboard screens.
   ======================================================================== */
@media (min-width:1025px){
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown{
    position:relative!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown .service-dropdown-trigger{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    float:none!important;
    clear:none!important;
    transform:none!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown .service-dropdown-toggle{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    gap:7px!important;
    padding:10px 15px!important;
    min-height:42px!important;
    height:auto!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    font-family:var(--vtx-font-body);
    cursor:pointer!important;
    box-sizing:border-box!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
    position:fixed!important;
    top:var(--vtx-services-dd-top, calc(var(--vtx-header-height, 74px) + 12px))!important;
    left:var(--vtx-services-dd-left, 50vw)!important;
    right:auto!important;
    bottom:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:var(--vtx-services-dd-width, min(382px, calc(100vw - 40px)))!important;
    min-width:0!important;
    max-width:calc(100vw - 40px)!important;
    margin:0!important;
    padding:18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(8,56,70,.13)!important;
    box-shadow:0 28px 74px rgba(8,56,70,.20)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,12px,0)!important;
    transform-origin:top center!important;
    z-index:10090!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .nav-dropdown.nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .nav-dropdown.nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .nav-dropdown.nav-services-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown::before,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown::before{
    content:""!important;
    position:absolute!important;
    top:-10px!important;
    left:var(--vtx-services-dd-caret, 50%)!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:20px!important;
    height:20px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    background:#fff!important;
    border-top:1px solid rgba(8,56,70,.13)!important;
    border-left:1px solid rgba(8,56,70,.13)!important;
    border-inline-start:0!important;
    border-radius:4px 0 0 0!important;
    z-index:-1!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown{
    direction:ltr!important;
    text-align:left!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown{
    direction:rtl!important;
    text-align:right!important;
  }
}

@media (max-width:1024px){
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel{
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links > li,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links > li.nav-item.has-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-trigger{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    clear:none!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links > li.nav-item.has-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-trigger{
    display:block!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px 14px!important;
    margin:0!important;
    border-radius:14px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#073c42!important;
    font-family:var(--vtx-font-body);
    font-size:14.5px!important;
    font-weight:850;
    line-height:1.55!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow:visible!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle.active,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown.dropdown-open > .service-dropdown-trigger > .service-dropdown-toggle,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle:hover{
    background:#eef8f9!important;
    color:#003f45!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.35!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg{
    flex:0 0 auto!important;
    width:15px!important;
    height:15px!important;
    margin:0!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle{
    direction:ltr!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    text-align:left!important;
    order:1!important;
  }

  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg{
    order:2!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-link,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle{
    direction:rtl!important;
    text-align:right!important;
    justify-content:flex-start!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
    text-align:right!important;
    order:1!important;
  }

  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .icon,
  body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle svg{
    order:2!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-dropdown.nav-services-dropdown{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    inset:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:8px 0 4px!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#f4fafb!important;
    border:1px solid rgba(8,56,70,.10)!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown:not(.dropdown-open) > .nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown:not(.dropdown-open) > .nav-dropdown.nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown:not(.dropdown-open):hover > .nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown:not(.dropdown-open):focus-within > .nav-services-dropdown{
    display:none!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown.dropdown-open > .nav-services-dropdown,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .has-dropdown.dropdown-open > .nav-dropdown.nav-services-dropdown{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }

  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-services-dropdown::before,
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-dropdown.nav-services-dropdown::before{
    display:none!important;
    content:none!important;
  }
}


/* ========================================================================
   VATAX SERVICE CHECK BULLETS + HOME DIGITAL SERVICE CARD SIZE LOCK
   Scope: service cards on homepage and services page only.
   Fix: force real <svg class="icon icon-check"> bullets, remove old gold-dot
   blockers, and keep RTL/LTR icon position accurate.
   ======================================================================== */
body.public-body:not(.admin-body) :where(.vtx-digital-service-card,.home-service-card-xl,.service-pillar-card) ul.vtx-service-check-list,
body.public-body.page-services-body:not(.admin-body) :where(.public-service-card,.service-pillar-card) ul.vtx-service-check-list{
  list-style:none!important;
  display:grid!important;
  gap:12px!important;
  margin:18px 0 24px!important;
  padding:0!important;
}

body.public-body:not(.admin-body) :where(.vtx-digital-service-card,.home-service-card-xl,.service-pillar-card) ul.vtx-service-check-list > li,
body.public-body.page-services-body:not(.admin-body) :where(.public-service-card,.service-pillar-card) ul.vtx-service-check-list > li{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  list-style:none!important;
  color:#284b50!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:750;
  text-align:inherit!important;
}

body.public-body:not(.admin-body) ul.vtx-service-check-list > li::before,
body.public-body.page-services-body:not(.admin-body) :where(.public-service-card,.service-pillar-card) ul.vtx-service-check-list > li::before,
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) :where(.public-service-card,.service-pillar-card) ul.vtx-service-check-list > li::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
}

body.public-body:not(.admin-body) ul.vtx-service-check-list > li > svg.icon.icon-check,
body.public-body:not(.admin-body) ul.vtx-service-check-list > li > svg.icon-check,
body.public-body.page-services-body:not(.admin-body) .public-service-card ul.vtx-service-check-list > li > svg.icon.icon-check,
body.public-body.page-services-body:not(.admin-body) .service-pillar-card ul.vtx-service-check-list > li > svg.icon.icon-check{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  margin:3px 0 0!important;
  padding:0!important;
  color:#f59b14!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 6px 12px rgba(245,155,20,.16))!important;
}

body.public-body:not(.admin-body) ul.vtx-service-check-list > li > span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:inherit!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) ul.vtx-service-check-list > li,
body.lang-ar.public-body:not(.admin-body) ul.vtx-service-check-list > li{
  direction:rtl!important;
  text-align:right!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) ul.vtx-service-check-list > li,
body.lang-en.public-body:not(.admin-body) ul.vtx-service-check-list > li{
  direction:ltr!important;
  text-align:left!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
}

body.public-body.page-services-body:not(.admin-body) .service-pillar-card ul.vtx-service-core-check-list{
  gap:10px!important;
  margin:14px 0 18px!important;
}

body.public-body.page-services-body:not(.admin-body) .service-pillar-card ul.vtx-service-core-check-list > li{
  font-size:14.6px!important;
  line-height:1.58!important;
  color:#263b3e!important;
}

/* Homepage only: make Digital Tax Services cards larger without changing the services-page card system. */
body.public-body.page-index-body:not(.admin-body) .premium-home-services .container{
  max-width:1440px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-cards-xl,
body.public-body.page-index-body:not(.admin-body) .premium-home-services .vtx-digital-services-grid{
  grid-template-columns:repeat(4,minmax(270px,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  margin-top:34px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl,
body.public-body.page-index-body:not(.admin-body) .premium-home-services .vtx-digital-service-card{
  min-height:590px!important;
  padding:38px 28px 30px!important;
  border-radius:34px!important;
  display:flex!important;
  flex-direction:column!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl .icon-box{
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
  margin-bottom:18px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl .icon-box .icon{
  width:28px!important;
  height:28px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl small{
  font-size:11.5px!important;
  line-height:1.2!important;
  padding:6px 10px!important;
  margin-bottom:12px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl h2{
  font-size:clamp(25px,1.85vw,34px)!important;
  line-height:1.18!important;
  margin:0 0 14px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl > p{
  font-size:14.6px!important;
  line-height:1.75!important;
  margin:0 0 16px!important;
  min-height:104px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl ul.vtx-service-check-list{
  flex:1 1 auto!important;
  gap:12px!important;
  margin:18px 0 26px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl ul.vtx-service-check-list > li{
  font-size:14.2px!important;
  line-height:1.65!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl .service-card-actions{
  margin-top:auto!important;
  gap:10px!important;
}

body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl .service-card-actions .btn{
  min-height:48px!important;
  border-radius:15px!important;
  font-size:13px!important;
  padding:10px 14px!important;
}

@media (max-width:1280px){
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-cards-xl,
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .vtx-digital-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl,
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .vtx-digital-service-card{
    min-height:560px!important;
  }
}

@media (max-width:760px){
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-cards-xl,
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .vtx-digital-services-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl,
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .vtx-digital-service-card{
    min-height:auto!important;
    padding:32px 24px 26px!important;
  }
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl > p{
    min-height:0!important;
  }
}

/* ========================================================================
   VATAX SERVICE CHECK BULLETS FIX 3
   Scope: homepage + services page digital service cards and service lists.
   Purpose: navy SVG checks, smaller card headings, remove badge label,
   and override any older dot/badge/icon blockers without affecting dashboards.
   ======================================================================== */

/* Hide/remove the old pill labels such as "خدمة ضريبية" even if cached PHP still prints them. */
body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) > small{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Keep the real SVG check visible and override the older orange/gold check color. */
body.public-body:not(.admin-body) ul.vtx-service-check-list > li > svg.icon.icon-check,
body.public-body:not(.admin-body) ul.vtx-service-check-list > li > svg.icon-check,
body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl ul.vtx-service-check-list > li > svg.icon.icon-check,
body.public-body.page-services-body:not(.admin-body) :where(.public-service-card,.service-pillar-card) ul.vtx-service-check-list > li > svg.icon.icon-check,
body.public-body.page-services-body:not(.admin-body) :where(.public-service-card,.service-pillar-card) ul.vtx-service-check-list > li > svg.icon-check{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  margin-block-start:3px!important;
  color:#083846!important;
  stroke:#083846!important;
  fill:none!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 6px 12px rgba(8,56,70,.14))!important;
}

body.public-body:not(.admin-body) ul.vtx-service-check-list > li > svg.icon.icon-check circle,
body.public-body:not(.admin-body) ul.vtx-service-check-list > li > svg.icon.icon-check path,
body.public-body:not(.admin-body) ul.vtx-service-check-list > li > svg.icon-check circle,
body.public-body:not(.admin-body) ul.vtx-service-check-list > li > svg.icon-check path{
  stroke:#083846!important;
  fill:none!important;
}

/* Cancel old pseudo dots completely for the new check-list rows. */
body.public-body:not(.admin-body) ul.vtx-service-check-list > li::before,
body.public-body:not(.admin-body) ul.vtx-service-check-list > li::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Correct RTL/LTR visual order: Arabic check on right, English check on left. */
html[dir="rtl"] body.public-body:not(.admin-body) ul.vtx-service-check-list > li,
body.lang-ar.public-body:not(.admin-body) ul.vtx-service-check-list > li{
  direction:rtl!important;
  text-align:right!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) ul.vtx-service-check-list > li,
body.lang-en.public-body:not(.admin-body) ul.vtx-service-check-list > li{
  direction:ltr!important;
  text-align:left!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}

/* Reduce the main card titles in Digital Tax Services cards only. */
body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) > h2{
  font-size:25px!important;
  line-height:1.24!important;
  letter-spacing:-.018em!important;
  margin:0 0 14px!important;
  color:#071617!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) > h2,
body.lang-ar.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) > h2{
  text-align:right!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) > h2,
body.lang-en.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) > h2{
  text-align:left!important;
}

/* Re-balance card height after badge removal and keep homepage cards visibly larger. */
body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl,
body.public-body.page-index-body:not(.admin-body) .premium-home-services .vtx-digital-service-card{
  min-height:600px!important;
  padding:40px 28px 31px!important;
}

body.public-body.page-services-body:not(.admin-body) .services-cards-like-home .service-index-card-large,
body.public-body.page-services-body:not(.admin-body) .services-cards-like-home .vtx-digital-service-card{
  min-height:560px!important;
  padding:38px 28px 30px!important;
}

body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) > p{
  font-size:14.5px!important;
  line-height:1.78!important;
  margin:0 0 18px!important;
  color:#344f55!important;
}

body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) ul.vtx-service-check-list{
  gap:14px!important;
  margin:20px 0 26px!important;
}

body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) ul.vtx-service-check-list > li{
  font-size:14px!important;
  line-height:1.7!important;
  color:#263f44!important;
}

@media (max-width:760px){
  body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) :where(.vtx-digital-service-card,.home-service-card-xl,.service-index-card-large) > h2{
    font-size:25px!important;
  }
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .home-service-card-xl,
  body.public-body.page-index-body:not(.admin-body) .premium-home-services .vtx-digital-service-card,
  body.public-body.page-services-body:not(.admin-body) .services-cards-like-home .service-index-card-large,
  body.public-body.page-services-body:not(.admin-body) .services-cards-like-home .vtx-digital-service-card{
    min-height:auto!important;
    padding:32px 24px 26px!important;
  }
}

/* =========================================================
   VATAX FINAL FIX 5 - SERVICE CARD WIDTH + EXACT 25PX TITLES
   This block is intentionally last and highly specific to override
   old public/tools/client CSS rules that used clamp(28-42px).
   Scope: public service cards, digital services and tool cards only.
   ========================================================= */
html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section > .container,
html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section > .container,
html body.public-body.page-index-body:not(.admin-body) section.service-home-section.vtx-digital-services-section > .container,
html body.public-body.page-services-body:not(.admin-body) section.services-index-section.vtx-digital-services-section > .container{
  max-width:min(1420px,calc(100vw - 32px))!important;
  width:100%!important;
}

html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section .vtx-digital-services-grid,
html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section .vtx-digital-services-grid,
html body.public-body.page-index-body:not(.admin-body) section.service-home-section.vtx-digital-services-section .vtx-digital-services-grid,
html body.public-body.page-services-body:not(.admin-body) section.services-index-section.vtx-digital-services-section .vtx-digital-services-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(300px,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:100%!important;
}

html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card,
html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card,
html body.public-body.page-index-body:not(.admin-body) section.service-home-section.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card,
html body.public-body.page-services-body:not(.admin-body) section.services-index-section.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:590px!important;
  padding:38px 30px 30px!important;
}

/* Exact requested standard size: service card titles = 25px, not 29/30px. */
html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card > h2,
html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card > h2,
html body.public-body.page-index-body:not(.admin-body) section.service-home-section.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card > h2,
html body.public-body.page-services-body:not(.admin-body) section.services-index-section.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card > h2{
  font-size:25px!important;
  line-height:1.25!important;
  font-weight:1000;
  min-height:0!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  letter-spacing:-.01em!important;
  color:#061112!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Tool cards titles, including VAT Return Checker, must match the same 25px standard. */
html body.public-body:not(.admin-body) section.tools-home-section .tools-grid.home-tools-match-index > article.tool-card.vtx-force-align-card > h3,
html body.public-body:not(.admin-body) section.tools-index-section .tools-grid.large-tools > article.tool-card.vtx-force-align-card > h2,
html body.public-body.page-index-body:not(.admin-body) section.tools-home-section article.tool-card.vtx-force-align-card > h3,
html body.public-body.page-tools-body:not(.admin-body) section.tools-index-section article.tool-card.vtx-force-align-card > h2,
html body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) article.tool-card.vtx-force-align-card > :where(h2,h3){
  font-size:25px!important;
  line-height:1.25!important;
  font-weight:1000;
  margin:0 0 10px!important;
  padding:0!important;
  color:#073944!important;
  letter-spacing:-.01em!important;
  display:block!important;
  text-align:inherit!important;
}

html body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) article.tool-card.vtx-force-align-card > :where(h2,h3) .vtx-compass-title,
html body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) article.tool-card.vtx-force-align-card > :where(h2,h3) .vtx-inline-brand-title,
html body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) article.tool-card.vtx-force-align-card > :where(h2,h3) .vtx-brand-word{
  font-size:inherit!important;
  line-height:inherit!important;
}

/* Keep subtitles below the main titles smaller than the 25px titles. */
html body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) article.vtx-digital-service-card > p,
html body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) article.tool-card.vtx-force-align-card > strong{
  font-size:15px!important;
  line-height:1.72!important;
}

/* Cancel all old orange pseudo bullets and keep the real SVG check visible in navy. */
html body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list,
html body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list{
  list-style:none!important;
  padding:0!important;
  display:grid!important;
  gap:14px!important;
}

html body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li,
html body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1.65!important;
  text-align:start!important;
  color:#263f44!important;
}

html body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li::before,
html body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li::after,
html body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li::before,
html body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li > svg.icon.icon-check,
html body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li > svg.icon-check,
html body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li > svg.icon.icon-check,
html body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li > svg.icon-check{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  margin-top:2px!important;
  color:#083846!important;
  stroke:#083846!important;
  fill:none!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li > svg.icon-check :where(circle,path),
html body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li > svg.icon-check :where(circle,path){
  stroke:#083846!important;
  fill:none!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li,
body.lang-ar.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li,
html[dir="rtl"] body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li,
body.lang-ar.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li,
body.lang-en.public-body:not(.admin-body) article.vtx-digital-service-card ul.vtx-service-check-list > li,
html[dir="ltr"] body.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li,
body.lang-en.public-body:not(.admin-body) article.service-pillar-card ul.vtx-service-check-list > li{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

/* AskVATAX must always appear above navbar / page overlays on every public page. */
html body.public-body:not(.admin-body) .askvatax-widget{
  position:fixed!important;
  z-index:2147483000!important;
  isolation:isolate!important;
}
html body.public-body:not(.admin-body) .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget.is-open .askvatax-panel{
  z-index:2147483001!important;
  position:absolute!important;
}
html body.public-body:not(.admin-body) .askvatax-fab{
  z-index:2147483002!important;
}
html body.public-body:not(.admin-body) header.site-header,
html body.public-body:not(.admin-body) nav.public-navbar{
  z-index:10090!important;
}

@media (max-width:1280px){
  html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section .vtx-digital-services-grid,
  html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section .vtx-digital-services-grid,
  html body.public-body.page-index-body:not(.admin-body) section.service-home-section.vtx-digital-services-section .vtx-digital-services-grid,
  html body.public-body.page-services-body:not(.admin-body) section.services-index-section.vtx-digital-services-section .vtx-digital-services-grid{
    grid-template-columns:repeat(2,minmax(285px,1fr))!important;
  }
}

@media (max-width:760px){
  html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section > .container,
  html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section > .container,
  html body.public-body.page-index-body:not(.admin-body) section.service-home-section.vtx-digital-services-section > .container,
  html body.public-body.page-services-body:not(.admin-body) section.services-index-section.vtx-digital-services-section > .container{
    max-width:100%!important;
  }
  html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section .vtx-digital-services-grid,
  html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section .vtx-digital-services-grid,
  html body.public-body.page-index-body:not(.admin-body) section.service-home-section.vtx-digital-services-section .vtx-digital-services-grid,
  html body.public-body.page-services-body:not(.admin-body) section.services-index-section.vtx-digital-services-section .vtx-digital-services-grid{
    grid-template-columns:1fr!important;
  }
  html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card,
  html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card,
  html body.public-body.page-index-body:not(.admin-body) section.service-home-section.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card,
  html body.public-body.page-services-body:not(.admin-body) section.services-index-section.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card{
    min-height:auto!important;
    padding:32px 22px 26px!important;
  }
  html body.public-body.page-index-body:not(.admin-body) section.premium-home-services.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card > h2,
  html body.public-body.page-services-body:not(.admin-body) section.services-cards-like-home.vtx-digital-services-section article.public-service-card.service-index-card.service-index-card-large.home-service-card-xl.vtx-digital-service-card > h2,
  html body.public-body:not(.admin-body) :where(.tools-home-section,.tools-index-section) article.tool-card.vtx-force-align-card > :where(h2,h3){
    font-size:25px!important;
  }
}

/* ========================================================================
   VATAX HERO TYPOGRAPHY + CTA FINAL LOCK 2026-06-25
   Request: fix main hero Start Now button size and apply one hero text scale
   across public heroes without changing layout/backgrounds/cards.
   Loaded last through _tools_nav_final.css, so it safely overrides old clamp()
   and compact hero button rules from _public.css / index.css / notes files.
   ======================================================================== */
html body.public-body:not(.admin-body){
  --vtx-hero-main-title-size:clamp(42px,5vw,66px);
  --vtx-hero-highlight-size:clamp(22px,2.35vw,32px);
  --vtx-hero-subtitle-size:clamp(16px,1.45vw,21px);
  --vtx-hero-button-font-size:16px;
  --vtx-hero-button-height:58px;
  --vtx-hero-button-min-width:152px;
}

/* Unified hero title sizing for home hero + all public page heroes. */
html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.classic-hero-copy h1,h1,.hero-title){
  font-size:var(--vtx-hero-main-title-size)!important;
  line-height:1.16!important;
  font-weight:1000;
  letter-spacing:-.02em!important;
  margin-top:0!important;
  text-wrap:balance!important;
}

/* The gold phrase inside hero titles keeps one controlled size everywhere. */
html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.classic-hero-copy h1,h1,.hero-title) > span:not(.vtx-brand-word):not(.vtx-brand-letter){
  display:block!important;
  font-size:var(--vtx-hero-highlight-size)!important;
  line-height:1.35!important;
  font-weight:900;
  letter-spacing:0!important;
  color:var(--gold,#df9b22)!important;
  margin-top:8px!important;
}

/* Unified readable paragraph/subtitle size across all hero sections. */
html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.classic-hero-copy p,p.hero-subtitle,.hero-subtitle,.hero-lead,.lead,.case-hero p){
  font-size:var(--vtx-hero-subtitle-size)!important;
  line-height:1.85!important;
  font-weight:700;
  max-width:820px!important;
}

/* Force Start Now / hero CTA size above old compact rules. */
html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.hero-actions .btn,.hero-actions a.btn,.vtx-main-start-btn){
  width:auto!important;
  min-width:var(--vtx-hero-button-min-width)!important;
  min-height:var(--vtx-hero-button-height)!important;
  height:auto!important;
  padding:16px 32px!important;
  border-radius:18px!important;
  font-size:var(--vtx-hero-button-font-size)!important;
  line-height:1.1!important;
  font-weight:900;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  white-space:nowrap!important;
}

/* Keep the single home button visually stronger than secondary hero buttons. */
html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions.hero-actions-single .vtx-main-start-btn,
html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions.hero-actions-single > a.btn.btn-gold{
  min-width:164px!important;
  min-height:62px!important;
  padding:17px 36px!important;
  font-size:17px!important;
  border-radius:19px!important;
  box-shadow:0 18px 34px rgba(242,140,0,.30)!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.classic-hero-copy,.hero-actions){
  text-align:right!important;
  direction:rtl!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.classic-hero-copy,.hero-actions){
  text-align:left!important;
  direction:ltr!important;
}

@media (max-width:980px){
  html body.public-body:not(.admin-body){
    --vtx-hero-main-title-size:clamp(34px,8vw,48px);
    --vtx-hero-highlight-size:clamp(20px,5.6vw,28px);
    --vtx-hero-subtitle-size:clamp(15px,4vw,18px);
    --vtx-hero-button-height:56px;
    --vtx-hero-button-min-width:150px;
  }
}

@media (max-width:560px){
  html body.public-body:not(.admin-body){
    --vtx-hero-main-title-size:34px;
    --vtx-hero-highlight-size:22px;
    --vtx-hero-subtitle-size:15px;
  }
  html body.public-body:not(.admin-body) :where(
    .classic-home-hero.vtx-home-hero-enhanced,
    .vtx-page-standard-hero,
    .vtx-inner-classic-hero,
    .page-hero.vtx-inner-hero,
    .hero.hero-sm.no-wave,
    .case-hero,
    .rate-service-hero,
    .feedback-hero,
    .rate-hero
  ) :where(.hero-actions .btn,.hero-actions a.btn,.vtx-main-start-btn){
    width:fit-content!important;
    min-width:148px!important;
    min-height:54px!important;
    padding:15px 28px!important;
    font-size:15px!important;
  }
}

/* ========================================================================
   VATAX FIX 6 - HERO START BUTTON + SERVICES MAIN CARDS + SHORT SERVICE CTA
   Scope: public home/services pages only. Loaded last to override old clamp(),
   center-align and compact button rules without changing markup structure.
   ======================================================================== */

/* 1) Hero start buttons: one clean 50px style, matching the requested sample. */
html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.hero-actions .btn.btn-gold,.hero-actions a.btn.btn-gold,.vtx-main-start-btn),
html body.public-body:not(.admin-body) :where(
  .classic-home-hero,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero
) article.tool-card.vtx-hero-tool-card.vtx-force-align-card > :where(a.btn.btn-gold,.vtx-hero-compass-btn){
  width:fit-content!important;
  inline-size:fit-content!important;
  min-width:116px!important;
  max-width:100%!important;
  min-height:50px!important;
  height:auto!important;
  padding:14px 22px!important;
  border-radius:16px!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:900;
  letter-spacing:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  text-align:center!important;
  color:#fff!important;
  background:#f28c00!important;
  background-image:none!important;
  border:1px solid #f28c00!important;
  box-shadow:0 14px 28px rgba(242,140,0,.24)!important;
  text-decoration:none!important;
}

html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero
) :where(.hero-actions.hero-actions-single .vtx-main-start-btn,.hero-actions.hero-actions-single > a.btn.btn-gold){
  min-width:116px!important;
  min-height:50px!important;
  padding:14px 22px!important;
  font-size:14px!important;
  border-radius:16px!important;
}

@media (max-width:560px){
  html body.public-body:not(.admin-body) :where(
    .classic-home-hero.vtx-home-hero-enhanced,
    .vtx-page-standard-hero,
    .vtx-inner-classic-hero,
    .page-hero.vtx-inner-hero,
    .hero.hero-sm.no-wave,
    .case-hero,
    .rate-service-hero,
    .feedback-hero,
    .rate-hero
  ) :where(.hero-actions .btn.btn-gold,.hero-actions a.btn.btn-gold,.vtx-main-start-btn){
    width:fit-content!important;
    min-width:112px!important;
    min-height:48px!important;
    padding:13px 20px!important;
    font-size:14px!important;
  }
}

/* 2) Services page / Core Services cards: exact 24px titles and language-aware alignment. */
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  align-items:stretch!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:100%!important;
  padding:34px 30px!important;
  overflow:hidden!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3){
  font-size:24px!important;
  line-height:1.34!important;
  font-weight:1000;
  letter-spacing:0!important;
  color:#061112!important;
  margin:0 0 12px!important;
  padding:0!important;
  max-width:100%!important;
  text-wrap:balance!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  order:2!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > small{
  order:3!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  color:#f28c00!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:1000;
  letter-spacing:0!important;
  text-transform:none!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > p{
  order:4!important;
  font-size:14.5px!important;
  line-height:1.8!important;
  font-weight:500;
  color:#4d676d!important;
  margin:0 0 18px!important;
  max-width:100%!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > .service-pillar-icon{
  order:1!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  margin:0 0 22px!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card .service-list-title{
  width:100%!important;
  margin:8px 0 10px!important;
  color:#f28c00!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  font-weight:1000;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list{
  width:100%!important;
  list-style:none!important;
  padding:0!important;
  margin:0 0 16px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#243f45!important;
  font-size:13.8px!important;
  line-height:1.65!important;
  font-weight:750;
  margin:0!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li::before,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li::after,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li::before,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li::after{
  content:none!important;
  display:none!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li > svg.icon.icon-check,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li > svg.icon.icon-check{
  display:inline-block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  margin-top:3px!important;
  color:#083846!important;
  stroke:#083846!important;
  fill:none!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn{
  order:8!important;
  width:fit-content!important;
  max-width:100%!important;
  min-height:46px!important;
  padding:12px 20px!important;
  border-radius:15px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900;
  margin-top:auto!important;
  white-space:normal!important;
}

html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card{
  direction:rtl!important;
  text-align:right!important;
}

html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3,small,p,.service-list-title),
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3,small,p,.service-list-title),
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li{
  direction:rtl!important;
  text-align:right!important;
}

html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(.service-pillar-icon,a.btn),
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(.service-pillar-icon,a.btn){
  align-self:flex-end!important;
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
}

html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card{
  direction:ltr!important;
  text-align:left!important;
}

html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3,small,p,.service-list-title),
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3,small,p,.service-list-title),
html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li{
  direction:ltr!important;
  text-align:left!important;
}

html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(.service-pillar-icon,a.btn),
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(.service-pillar-icon,a.btn){
  align-self:flex-start!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

/* 3) Digital tax service card buttons: fixed short labels in PHP + enough width in both languages. */
html body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) article.vtx-digital-service-card .service-card-actions{
  grid-template-columns:minmax(0,1fr) minmax(116px,.92fr)!important;
  gap:10px!important;
}

html body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) article.vtx-digital-service-card .service-card-actions > a.btn{
  min-height:50px!important;
  padding:12px 14px!important;
  font-size:14px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

html body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) article.vtx-digital-service-card .service-card-actions > a.btn.btn-gold{
  min-width:116px!important;
  white-space:nowrap!important;
  background:#f28c00!important;
  border-color:#f28c00!important;
  color:#fff!important;
}

@media (max-width:1180px){
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card{
    padding:30px 22px!important;
  }
  html body.public-body:not(.admin-body) :where(.premium-home-services,.services-cards-like-home,.vtx-digital-services-section) article.vtx-digital-service-card .service-card-actions{
    grid-template-columns:1fr!important;
  }
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3){
    font-size:24px!important;
  }
}

/* ========================================================================
   VATAX FIX 7 - CORE SERVICES ALIGNMENT + PARAGRAPH SIZE + HOME HERO BUTTON
   Scope: public pages only. Final override after Fix 6 to neutralize old
   compact/center rules and keep Arabic/English layout consistent.
   ======================================================================== */

/* Home main hero: make the start button readable inside the 50px+ button. */
html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions.hero-actions-single,
html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
}

html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions.hero-actions-single > a.btn.btn-gold.vtx-main-start-btn,
html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions > a.btn.btn-gold.vtx-main-start-btn,
html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions > a.btn.btn-gold{
  width:auto!important;
  inline-size:auto!important;
  min-width:136px!important;
  max-width:100%!important;
  min-height:56px!important;
  height:auto!important;
  padding:16px 30px!important;
  border-radius:17px!important;
  font-size:16px!important;
  line-height:1.18!important;
  font-weight:1000;
  letter-spacing:0!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#fff!important;
  background:#f28c00!important;
  border:1px solid #f28c00!important;
  box-shadow:0 16px 34px rgba(242,140,0,.28)!important;
  text-decoration:none!important;
}

html[dir="rtl"] body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions,
body.lang-ar.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions{
  direction:rtl!important;
  justify-content:flex-start!important;
}

html[dir="ltr"] body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions,
body.lang-en.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions{
  direction:ltr!important;
  justify-content:flex-start!important;
}

/* Services page: Core Services card layout must follow page language, not old center rules. */
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid{
  align-items:stretch!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  min-height:100%!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3){
  font-size:24px!important;
  line-height:1.32!important;
  font-weight:1000;
  margin:0 0 12px!important;
  padding:0!important;
  letter-spacing:0!important;
  max-width:100%!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > p{
  font-size:16px!important;
  line-height:1.85!important;
  font-weight:500;
  color:#4d676d!important;
  margin:0 0 20px!important;
  max-width:100%!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > small,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card .service-list-title{
  width:100%!important;
  display:block!important;
  max-width:100%!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:inherit!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li > span,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li > span{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  text-align:inherit!important;
}

/* Core Services buttons: fix placement and inner text alignment by language. */
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn.btn-outline,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn.teal{
  order:8!important;
  width:fit-content!important;
  min-width:150px!important;
  max-width:100%!important;
  min-height:50px!important;
  padding:13px 22px!important;
  border-radius:16px!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:900;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:normal!important;
  text-align:center!important;
  margin-top:auto!important;
  overflow:visible!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn svg.icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
}

/* Arabic: all content, icon, lists, and button sit on the right. */
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card{
  direction:rtl!important;
  text-align:right!important;
  align-items:stretch!important;
}

html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(.service-pillar-icon,h2,h3,small,p,.service-list-title,ul,a.btn),
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(.service-pillar-icon,h2,h3,small,p,.service-list-title,ul,a.btn){
  direction:rtl!important;
  text-align:right!important;
}

html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > .service-pillar-icon,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > .service-pillar-icon{
  align-self:flex-end!important;
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
}

html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li,
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li{
  direction:rtl!important;
  text-align:right!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
}

html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn{
  align-self:flex-end!important;
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
  direction:rtl!important;
  text-align:center!important;
}

/* English: all content, icon, lists, and button sit on the left. */
html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card{
  direction:ltr!important;
  text-align:left!important;
  align-items:stretch!important;
}

html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(.service-pillar-icon,h2,h3,small,p,.service-list-title,ul,a.btn),
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(.service-pillar-icon,h2,h3,small,p,.service-list-title,ul,a.btn){
  direction:ltr!important;
  text-align:left!important;
}

html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > .service-pillar-icon,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > .service-pillar-icon{
  align-self:flex-start!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
}

html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li,
html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-core-check-list > li,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card ul.vtx-service-check-list > li{
  direction:ltr!important;
  text-align:left!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
}

html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn{
  align-self:flex-start!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
  direction:ltr!important;
  text-align:center!important;
}

@media (max-width:1180px) and (min-width:761px){
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card{
    padding:28px 20px!important;
    border-radius:28px!important;
  }

  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3){
    font-size:23px!important;
    line-height:1.35!important;
  }

  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > p{
    font-size:15.5px!important;
    line-height:1.8!important;
  }

  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > a.btn{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
    margin-inline:0!important;
    justify-content:center!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions.hero-actions-single > a.btn.btn-gold.vtx-main-start-btn,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions > a.btn.btn-gold.vtx-main-start-btn,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions > a.btn.btn-gold{
    min-width:128px!important;
    min-height:52px!important;
    padding:15px 26px!important;
    font-size:15.5px!important;
    border-radius:16px!important;
  }
}

@media (max-width:420px){
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > :where(h2,h3){
    font-size:22px!important;
  }

  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section article.service-pillar-card > p{
    font-size:15px!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions.hero-actions-single > a.btn.btn-gold.vtx-main-start-btn,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions > a.btn.btn-gold.vtx-main-start-btn,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .hero-actions > a.btn.btn-gold{
    min-height:50px!important;
    padding:14px 22px!important;
    font-size:15px!important;
  }
}

/* =========================================================
   VATAX FIX 8 - Core service buttons hard alignment
   Scope: /services main service cards only.
   Reason: older rules used flex-end / auto margins that push RTL
   buttons to the wrong side. This block forces logical start:
   RTL = right, LTR = left, without changing card structure.
   ========================================================= */
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.vtx-core-service-btn,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal.vtx-core-service-btn,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal[href]{
  order:99!important;
  display:inline-flex!important;
  width:max-content!important;
  inline-size:max-content!important;
  max-width:100%!important;
  min-width:260px!important;
  min-height:50px!important;
  padding:13px 24px!important;
  border-radius:16px!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:900;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  white-space:nowrap!important;
  text-align:center!important;
  margin-block-start:auto!important;
  margin-block-end:0!important;
  transform:none!important;
  float:none!important;
  position:relative!important;
  inset:auto!important;
}

html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.vtx-core-service-btn svg.icon,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal.vtx-core-service-btn svg.icon,
html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal[href] svg.icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
}

html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.vtx-core-service-btn,
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal.vtx-core-service-btn,
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal[href],
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.vtx-core-service-btn,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal.vtx-core-service-btn,
body.lang-ar.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal[href]{
  direction:rtl!important;
  align-self:flex-start!important; /* flex-start is the RIGHT side in RTL column flex */
  justify-self:start!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
  margin-right:0!important;
  margin-left:auto!important;
  text-align:center!important;
}

html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.vtx-core-service-btn,
html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal.vtx-core-service-btn,
html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal[href],
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.vtx-core-service-btn,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal.vtx-core-service-btn,
body.lang-en.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal[href]{
  direction:ltr!important;
  align-self:flex-start!important; /* left side in LTR */
  justify-self:start!important;
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:center!important;
}

@media (max-width:760px){
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.vtx-core-service-btn,
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal.vtx-core-service-btn,
  html body.public-body.page-services-body:not(.admin-body) section.service-suite-section .service-pillar-grid article.service-pillar-card > a.btn.btn-outline.teal[href]{
    width:100%!important;
    inline-size:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-self:stretch!important;
    margin-inline:0!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-content:center!important;
    white-space:normal!important;
  }
}

/* =========================================================
   VATAX FIX 9 - Global AskVATAX style + Tools hero typography
   Scope: public pages only. Loaded last to cancel older page-specific
   blockers without touching HTML or JavaScript behavior.
   ========================================================= */

/* 1) AskVATAX: one approved floating design on every public page. */
html body.public-body:not(.admin-body) .askvatax-widget{
  position:fixed!important;
  top:auto!important;
  bottom:24px!important;
  max-width:none!important;
  width:auto!important;
  z-index:2147483000!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-widget,
body.lang-ar.public-body:not(.admin-body) .askvatax-widget{
  left:24px!important;
  right:auto!important;
  inset-inline-start:24px!important;
  inset-inline-end:auto!important;
  direction:rtl!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-widget,
body.lang-en.public-body:not(.admin-body) .askvatax-widget{
  right:24px!important;
  left:auto!important;
  inset-inline-end:24px!important;
  inset-inline-start:auto!important;
  direction:ltr!important;
}
html body.public-body:not(.admin-body) .askvatax-fab{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:auto!important;
  min-width:248px!important;
  max-width:min(320px,calc(100vw - 32px))!important;
  min-height:66px!important;
  padding:10px 14px!important;
  border:1px solid rgba(232,161,29,.24)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#073944 0%,#0D5A61 100%)!important;
  color:#fff!important;
  box-shadow:0 20px 48px rgba(0,50,55,.30)!important;
  overflow:hidden!important;
  transform:none!important;
}
html body.public-body:not(.admin-body) .askvatax-fab:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 26px 64px rgba(0,50,55,.36)!important;
}
html body.public-body:not(.admin-body) .askvatax-fab-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;
  border:0!important;
  color:#E8A11D!important;
  box-shadow:none!important;
}
html body.public-body:not(.admin-body) .askvatax-fab-icon .icon,
html body.public-body:not(.admin-body) .askvatax-fab-icon svg{
  width:23px!important;
  height:23px!important;
  color:#E8A11D!important;
  stroke:#E8A11D!important;
  fill:none!important;
}
html body.public-body:not(.admin-body) .askvatax-fab-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-width:0!important;
  max-width:100%!important;
  text-align:start!important;
  line-height:1.08!important;
  overflow:hidden!important;
}
html body.public-body:not(.admin-body) .askvatax-brand-label,
html body.public-body:not(.admin-body) .askvatax-fab-text strong.askvatax-brand-label,
html body.public-body:not(.admin-body) .askvatax-title strong.askvatax-brand-label{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  gap:.22em!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:1000;
  letter-spacing:.01em!important;
}
html body.public-body:not(.admin-body) .askvatax-title-ask{
  color:#E8A11D!important;
  font-weight:1000;
  text-shadow:none!important;
}
html body.public-body:not(.admin-body) .askvatax-title-vatax,
html body.public-body:not(.admin-body) .askvatax-title-vatax .askvatax-letter{
  color:#fff!important;
  font-weight:1000;
  text-shadow:none!important;
}
html body.public-body:not(.admin-body) .askvatax-title-vatax .askvatax-letter-t{
  color:#E8A11D!important;
}
html body.public-body:not(.admin-body) .askvatax-fab-text small{
  display:block!important;
  max-width:100%!important;
  color:#fff!important;
  opacity:.96!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:start!important;
}
html body.public-body:not(.admin-body) .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget.is-open .askvatax-panel{
  position:absolute!important;
  bottom:84px!important;
  width:min(430px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  height:min(680px,calc(100vh - 118px))!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(8,56,70,.14)!important;
  box-shadow:0 32px 90px rgba(0,28,32,.32)!important;
  z-index:2147483001!important;
  overflow:hidden!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-panel,
body.lang-ar.public-body:not(.admin-body) .askvatax-panel{
  left:0!important;
  right:auto!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  direction:rtl!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-panel,
body.lang-en.public-body:not(.admin-body) .askvatax-panel{
  right:0!important;
  left:auto!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  direction:ltr!important;
}
html body.public-body:not(.admin-body) .askvatax-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:18px 18px 16px!important;
  background:radial-gradient(circle at 0 0,rgba(232,161,29,.28),transparent 34%),linear-gradient(135deg,#073944,#0D5A61)!important;
  color:#fff!important;
}
html body.public-body:not(.admin-body) .askvatax-logo{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.12)!important;
  color:#E8A11D!important;
}
html body.public-body:not(.admin-body) .askvatax-title > span{
  color:#fff!important;
  opacity:.92!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:800;
}
html body.public-body:not(.admin-body) .askvatax-send{
  background:linear-gradient(135deg,#073944,#0D5A61)!important;
  color:#E8A11D!important;
  border:0!important;
}

/* 2) Tools hero: match homepage hero typography, direction, and spacing. */
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-page-standard-hero,
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-inner-classic-hero{
  min-height:640px!important;
  padding-top:116px!important;
  padding-bottom:156px!important;
  overflow:hidden!important;
}
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero.has-hero-tool-card .compact-hero-grid,
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero.has-hero-tool-card .compact-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.54fr)!important;
  gap:clamp(26px,4.2vw,62px)!important;
  align-items:center!important;
  max-width:1220px!important;
  margin-inline:auto!important;
}
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy{
  max-width:900px!important;
  width:100%!important;
  margin:0!important;
  align-items:flex-start!important;
  text-align:start!important;
}
html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy,
body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy{
  justify-self:end!important;
  text-align:right!important;
}
html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy,
body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy{
  justify-self:start!important;
  text-align:left!important;
}
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy h1,
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy h1{
  max-width:900px!important;
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:clamp(42px,5.15vw,76px)!important;
  line-height:1.06!important;
  font-weight:1000;
  letter-spacing:-.03em!important;
  text-align:inherit!important;
  text-wrap:balance!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy h1 > span,
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy h1 > span{
  display:block!important;
  color:#E8A11D!important;
  font-size:.52em!important;
  line-height:1.2!important;
  font-weight:900;
  letter-spacing:-.015em!important;
  margin-top:8px!important;
  white-space:normal!important;
}
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy p,
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy p{
  max-width:760px!important;
  margin:0 0 22px!important;
  color:#f3fbfc!important;
  font-size:clamp(15px,1.25vw,19px)!important;
  line-height:1.85!important;
  font-weight:800;
  text-align:inherit!important;
}
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin-top:10px!important;
  text-align:inherit!important;
}
html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions,
body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions{
  direction:rtl!important;
  justify-content:flex-start!important;
}
html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions,
body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions{
  direction:ltr!important;
  justify-content:flex-start!important;
}
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions > .btn,
html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions > .btn{
  min-height:54px!important;
  padding:15px 24px!important;
  border-radius:16px!important;
  font-size:15.5px!important;
  line-height:1.25!important;
  font-weight:900;
  white-space:nowrap!important;
}
html body.public-body.page-tools-body:not(.admin-body) .vtx-tools-hero-compass-card.vtx-hero-tool-card{
  align-self:center!important;
  width:min(100%,390px)!important;
  max-width:390px!important;
  padding:clamp(26px,3vw,38px)!important;
}

@media (max-width:900px){
  html body.public-body:not(.admin-body) .askvatax-widget{
    bottom:16px!important;
  }
  html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-widget,
  body.lang-ar.public-body:not(.admin-body) .askvatax-widget{
    left:14px!important;
    inset-inline-start:14px!important;
  }
  html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-widget,
  body.lang-en.public-body:not(.admin-body) .askvatax-widget{
    right:14px!important;
    inset-inline-end:14px!important;
  }
  html body.public-body:not(.admin-body) .askvatax-panel,
  html body.public-body:not(.admin-body) .askvatax-widget.is-open .askvatax-panel{
    bottom:78px!important;
    width:calc(100vw - 28px)!important;
    height:min(650px,calc(100vh - 102px))!important;
    border-radius:24px!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero.has-hero-tool-card .compact-hero-grid,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero.has-hero-tool-card .compact-hero-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy{
    justify-self:stretch!important;
    max-width:100%!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .vtx-tools-hero-compass-card.vtx-hero-tool-card{
    justify-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:640px){
  html body.public-body:not(.admin-body) .askvatax-fab{
    min-width:218px!important;
    max-width:calc(100vw - 28px)!important;
    min-height:58px!important;
    padding:9px 12px!important;
  }
  html body.public-body:not(.admin-body) .askvatax-fab-icon{
    flex-basis:40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  html body.public-body:not(.admin-body) .askvatax-brand-label,
  html body.public-body:not(.admin-body) .askvatax-fab-text strong.askvatax-brand-label{
    font-size:14.5px!important;
  }
  html body.public-body:not(.admin-body) .askvatax-fab-text small{
    display:block!important;
    font-size:10.5px!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-page-standard-hero,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-inner-classic-hero{
    min-height:auto!important;
    padding-top:92px!important;
    padding-bottom:110px!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy h1,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy h1{
    font-size:clamp(33px,9.4vw,46px)!important;
    line-height:1.12!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy h1 > span,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy h1 > span{
    font-size:.58em!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions > .btn,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions > .btn{
    width:100%!important;
    justify-content:center!important;
    white-space:normal!important;
  }
}

/* ========================================================================
   VATAX FIX 10 - ABSOLUTE HERO SCALE + ASKVATAX/WHATSAPP POSITION LOCK
   Source of conflict fixed here: older files use clamp(), page-specific tools
   hero rules, and duplicate floating-helper rules in _public.css and
   _client-notes-final.css. This file is loaded last on public pages, so these
   selectors intentionally win without changing HTML, PHP logic, images, cards,
   navbar, or JavaScript behavior.
   ======================================================================== */

/* 1) Exact requested desktop hero typography across all public hero variants. */
html body.public-body:not(.admin-body){
  --vtx-hero-main-title-size:60px;
  --vtx-hero-highlight-size:32px;
  --vtx-hero-subtitle-size:17px;
  --vtx-askvatax-edge:24px;
  --vtx-askvatax-bottom:22px;
  --vtx-whatsapp-bottom:112px;
}

html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .classic-home-hero.vtx-page-standard-hero,
  .classic-home-hero.vtx-inner-classic-hero,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.classic-hero-copy h1,h1.hero-title,.hero-title){
  font-size:60px!important;
  line-height:1.12!important;
  font-weight:1000;
  letter-spacing:-.018em!important;
  margin-top:0!important;
  margin-bottom:14px!important;
  text-wrap:balance!important;
}

html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .classic-home-hero.vtx-page-standard-hero,
  .classic-home-hero.vtx-inner-classic-hero,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.classic-hero-copy h1,h1.hero-title,.hero-title) > span:not(.vtx-brand-word):not(.vtx-brand-letter){
  display:block!important;
  font-size:32px!important;
  line-height:1.32!important;
  font-weight:1000;
  letter-spacing:0!important;
  color:#f5a000!important;
  margin-top:10px!important;
  margin-bottom:0!important;
  text-wrap:balance!important;
}

html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .classic-home-hero.vtx-page-standard-hero,
  .classic-home-hero.vtx-inner-classic-hero,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.classic-hero-copy > p,p.hero-subtitle,.hero-subtitle,.hero-lead,.lead,.case-hero p){
  font-size:17px!important;
  line-height:1.85!important;
  font-weight:800;
  max-width:820px!important;
  margin-top:0!important;
  text-wrap:balance!important;
}

/* Keep home/tools hero buttons readable after typography scale changes. */
html body.public-body:not(.admin-body) :where(
  .classic-home-hero.vtx-home-hero-enhanced,
  .classic-home-hero.vtx-page-standard-hero,
  .classic-home-hero.vtx-inner-classic-hero,
  .vtx-page-standard-hero,
  .vtx-inner-classic-hero,
  .page-hero.vtx-inner-hero,
  .hero.hero-sm.no-wave,
  .case-hero,
  .rate-service-hero,
  .feedback-hero,
  .rate-hero
) :where(.hero-actions .btn,.hero-actions a.btn,.vtx-main-start-btn){
  min-height:58px!important;
  min-width:150px!important;
  padding:16px 34px!important;
  border-radius:18px!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:1000;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

/* 2) AskVATAX: one final design and position for every public page. */
html body.public-body:not(.admin-body) .askvatax-widget{
  position:fixed!important;
  top:auto!important;
  bottom:var(--vtx-askvatax-bottom)!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important;
  z-index:2147483000!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-widget,
body.lang-ar.public-body:not(.admin-body) .askvatax-widget{
  left:var(--vtx-askvatax-edge)!important;
  right:auto!important;
  inset-inline-start:var(--vtx-askvatax-edge)!important;
  inset-inline-end:auto!important;
  direction:rtl!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-widget,
body.lang-en.public-body:not(.admin-body) .askvatax-widget{
  right:var(--vtx-askvatax-edge)!important;
  left:auto!important;
  inset-inline-end:var(--vtx-askvatax-edge)!important;
  inset-inline-start:auto!important;
  direction:ltr!important;
}

html body.public-body:not(.admin-body) .askvatax-fab{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-width:248px!important;
  max-width:min(320px,calc(100vw - 32px))!important;
  min-height:66px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(232,161,29,.24)!important;
  background:linear-gradient(135deg,#073944 0%,#0D5A61 100%)!important;
  color:#fff!important;
  box-shadow:0 20px 48px rgba(0,50,55,.30)!important;
  overflow:hidden!important;
}
html body.public-body:not(.admin-body) .askvatax-fab-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;
  color:#E8A11D!important;
  border:0!important;
  box-shadow:none!important;
}
html body.public-body:not(.admin-body) .askvatax-fab-icon .icon,
html body.public-body:not(.admin-body) .askvatax-fab-icon svg{
  width:23px!important;
  height:23px!important;
  stroke:#E8A11D!important;
  color:#E8A11D!important;
  fill:none!important;
}
html body.public-body:not(.admin-body) .askvatax-fab-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-width:0!important;
  text-align:start!important;
  line-height:1.08!important;
  overflow:hidden!important;
}
html body.public-body:not(.admin-body) .askvatax-brand-label,
html body.public-body:not(.admin-body) .askvatax-fab-text strong.askvatax-brand-label,
html body.public-body:not(.admin-body) .askvatax-title strong.askvatax-brand-label{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  gap:.22em!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:1000;
  letter-spacing:.01em!important;
}
html body.public-body:not(.admin-body) .askvatax-title-ask{
  color:#E8A11D!important;
  font-weight:1000;
  text-shadow:none!important;
}
html body.public-body:not(.admin-body) .askvatax-title-vatax,
html body.public-body:not(.admin-body) .askvatax-title-vatax .askvatax-letter{
  color:#fff!important;
  font-weight:1000;
  text-shadow:none!important;
}
html body.public-body:not(.admin-body) .askvatax-title-vatax .askvatax-letter-t{
  color:#E8A11D!important;
}
html body.public-body:not(.admin-body) .askvatax-fab-text small{
  display:block!important;
  max-width:100%!important;
  color:#fff!important;
  opacity:.96!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:start!important;
}
html body.public-body:not(.admin-body) .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget.is-open .askvatax-panel{
  position:absolute!important;
  bottom:84px!important;
  width:min(430px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  height:min(680px,calc(100vh - 118px))!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(8,56,70,.14)!important;
  box-shadow:0 32px 90px rgba(0,28,32,.32)!important;
  z-index:2147483001!important;
  overflow:hidden!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-panel,
body.lang-ar.public-body:not(.admin-body) .askvatax-panel{
  left:0!important;
  right:auto!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  direction:rtl!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-panel,
body.lang-en.public-body:not(.admin-body) .askvatax-panel{
  right:0!important;
  left:auto!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  direction:ltr!important;
}
html body.public-body:not(.admin-body) .askvatax-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:18px 18px 16px!important;
  background:radial-gradient(circle at 0 0,rgba(232,161,29,.28),transparent 34%),linear-gradient(135deg,#073944,#0D5A61)!important;
  color:#fff!important;
}
html body.public-body:not(.admin-body) .askvatax-logo{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.12)!important;
  color:#E8A11D!important;
}
html body.public-body:not(.admin-body) .askvatax-send{
  background:linear-gradient(135deg,#073944,#0D5A61)!important;
  color:#E8A11D!important;
  border:0!important;
}

/* 3) WhatsApp stays above AskVATAX, on the same language side. */
html body.public-body:not(.admin-body) .vtx-whatsapp-float{
  position:fixed!important;
  top:auto!important;
  bottom:var(--vtx-whatsapp-bottom)!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  z-index:2147482000!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
body.lang-ar.public-body:not(.admin-body) .vtx-whatsapp-float{
  left:var(--vtx-askvatax-edge)!important;
  right:auto!important;
  inset-inline-start:var(--vtx-askvatax-edge)!important;
  inset-inline-end:auto!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
body.lang-en.public-body:not(.admin-body) .vtx-whatsapp-float{
  right:var(--vtx-askvatax-edge)!important;
  left:auto!important;
  inset-inline-end:var(--vtx-askvatax-edge)!important;
  inset-inline-start:auto!important;
}

@media (max-width:980px){
  html body.public-body:not(.admin-body){
    --vtx-hero-main-title-size:clamp(38px,7.2vw,52px);
    --vtx-hero-highlight-size:clamp(24px,4.8vw,30px);
    --vtx-hero-subtitle-size:16px;
  }
  html body.public-body:not(.admin-body) :where(
    .classic-home-hero.vtx-home-hero-enhanced,
    .classic-home-hero.vtx-page-standard-hero,
    .classic-home-hero.vtx-inner-classic-hero,
    .vtx-page-standard-hero,
    .vtx-inner-classic-hero,
    .page-hero.vtx-inner-hero,
    .hero.hero-sm.no-wave,
    .case-hero,
    .rate-service-hero,
    .feedback-hero,
    .rate-hero
  ) :where(.classic-hero-copy h1,h1.hero-title,.hero-title){
    font-size:var(--vtx-hero-main-title-size)!important;
  }
  html body.public-body:not(.admin-body) :where(
    .classic-home-hero.vtx-home-hero-enhanced,
    .classic-home-hero.vtx-page-standard-hero,
    .classic-home-hero.vtx-inner-classic-hero,
    .vtx-page-standard-hero,
    .vtx-inner-classic-hero,
    .page-hero.vtx-inner-hero,
    .hero.hero-sm.no-wave,
    .case-hero,
    .rate-service-hero,
    .feedback-hero,
    .rate-hero
  ) :where(.classic-hero-copy h1,h1.hero-title,.hero-title) > span:not(.vtx-brand-word):not(.vtx-brand-letter){
    font-size:var(--vtx-hero-highlight-size)!important;
  }
  html body.public-body:not(.admin-body) :where(
    .classic-home-hero.vtx-home-hero-enhanced,
    .classic-home-hero.vtx-page-standard-hero,
    .classic-home-hero.vtx-inner-classic-hero,
    .vtx-page-standard-hero,
    .vtx-inner-classic-hero,
    .page-hero.vtx-inner-hero,
    .hero.hero-sm.no-wave,
    .case-hero,
    .rate-service-hero,
    .feedback-hero,
    .rate-hero
  ) :where(.classic-hero-copy > p,p.hero-subtitle,.hero-subtitle,.hero-lead,.lead,.case-hero p){
    font-size:var(--vtx-hero-subtitle-size)!important;
  }
}

@media (max-width:640px){
  html body.public-body:not(.admin-body){
    --vtx-hero-main-title-size:34px;
    --vtx-hero-highlight-size:22px;
    --vtx-hero-subtitle-size:15px;
    --vtx-askvatax-edge:14px;
    --vtx-askvatax-bottom:14px;
    --vtx-whatsapp-bottom:98px;
  }
  html body.public-body:not(.admin-body) .askvatax-fab{
    min-width:218px!important;
    max-width:calc(100vw - 28px)!important;
    min-height:58px!important;
    padding:9px 12px!important;
  }
  html body.public-body:not(.admin-body) .askvatax-fab-icon{
    flex-basis:40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  html body.public-body:not(.admin-body) .askvatax-brand-label,
  html body.public-body:not(.admin-body) .askvatax-fab-text strong.askvatax-brand-label{
    font-size:14.5px!important;
  }
  html body.public-body:not(.admin-body) .askvatax-fab-text small{
    font-size:10.5px!important;
  }
  html body.public-body:not(.admin-body) .askvatax-panel,
  html body.public-body:not(.admin-body) .askvatax-widget.is-open .askvatax-panel{
    bottom:78px!important;
    width:calc(100vw - 28px)!important;
    height:min(650px,calc(100vh - 102px))!important;
    border-radius:24px!important;
  }
  html body.public-body:not(.admin-body) .vtx-whatsapp-float{
    width:52px!important;
    height:52px!important;
  }
}

/* ========================================================================
   VATAX FINAL UNIFIED HERO / TOOLS FOOTER / FLOATING HELPERS - 2026-06-25
   Purpose:
   - The homepage hero is the visual source of truth for the Tools hero.
   - The Tools/pre-footer visual is applied consistently to every public page.
   - AskVATAX and WhatsApp use one language-aware fixed position:
     Arabic/RTL => left, English/LTR => right.
   - This block is intentionally placed at the end of the last loaded public CSS
     file to neutralize older conflicting overrides without touching PHP logic.
   ======================================================================== */

@media screen{
  html body.public-body:not(.admin-body){
    --vtx-final-hero-height:clamp(560px,34vw,650px);
    --vtx-final-hero-title:60px;
    --vtx-final-hero-highlight:32px;
    --vtx-final-hero-lead:17px;
    --vtx-final-help-edge:24px;
    --vtx-final-chat-bottom:22px;
    --vtx-final-wa-bottom:112px;
    --vtx-final-teal:#073944;
    --vtx-final-teal-2:#0D5A61;
    --vtx-final-gold:#f28c00;
    --vtx-final-gold-soft:#E8A11D;
  }

  /* Tools hero: exact homepage structure/sizing, with only the Tools content kept. */
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-page-standard-hero,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-inner-classic-hero{
    min-height:var(--vtx-final-hero-height)!important;
    height:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    isolation:isolate!important;
    color:#fff!important;
    background-position:center center!important;
    background-size:cover!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-service-hero-image{
    background:
      linear-gradient(90deg,rgba(0,24,27,.92) 0%,rgba(0,48,52,.74) 44%,rgba(0,18,21,.68) 100%),
      radial-gradient(circle at 17% 28%,rgba(242,140,0,.22),transparent 34%),
      var(--vtx-service-hero-bg) center 43%/cover no-repeat!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-service-hero-image::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    display:block!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
      linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.16) 100%)!important;
    background-size:92px 92px,92px 92px,cover!important;
    opacity:.46!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced > .container,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .classic-hero-grid,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .compact-hero-grid{
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    max-width:1220px!important;
    min-height:0!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero.has-hero-tool-card .compact-hero-grid,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero.has-hero-tool-card .compact-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.04fr) minmax(320px,.52fr)!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:center!important;
    gap:clamp(28px,4vw,70px)!important;
    transform:translateY(18px)!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy{
    width:100%!important;
    max-width:920px!important;
    margin:0!important;
    justify-self:stretch!important;
    align-items:flex-start!important;
    text-align:start!important;
  }
  html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
  body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
  html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy,
  body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy{
    text-align:right!important;
    justify-self:end!important;
  }
  html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
  body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
  html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy,
  body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy{
    text-align:left!important;
    justify-self:start!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy h1,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy h1{
    max-width:920px!important;
    margin:0 0 14px!important;
    font-size:var(--vtx-final-hero-title)!important;
    line-height:1.12!important;
    font-weight:1000;
    letter-spacing:-.018em!important;
    color:#fff!important;
    text-align:inherit!important;
    text-wrap:balance!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy h1 > span:not(.vtx-brand-word):not(.vtx-brand-letter),
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy h1 > span:not(.vtx-brand-word):not(.vtx-brand-letter){
    display:block!important;
    margin-top:10px!important;
    color:var(--vtx-final-gold)!important;
    font-size:var(--vtx-final-hero-highlight)!important;
    line-height:1.32!important;
    font-weight:1000;
    letter-spacing:0!important;
    text-align:inherit!important;
    text-wrap:balance!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy p,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy p{
    max-width:780px!important;
    margin:0 0 18px!important;
    color:rgba(255,255,255,.90)!important;
    font-size:var(--vtx-final-hero-lead)!important;
    line-height:1.85!important;
    font-weight:800;
    text-align:inherit!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    margin-top:12px!important;
    text-align:inherit!important;
  }
  html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
  body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
  html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions,
  body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions{
    direction:rtl!important;
    justify-content:flex-start!important;
  }
  html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
  body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions,
  html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions,
  body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions{
    direction:ltr!important;
    justify-content:flex-start!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .hero-actions > .btn,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .hero-actions > .btn{
    min-height:56px!important;
    min-width:136px!important;
    padding:16px 30px!important;
    border-radius:17px!important;
    font-size:16px!important;
    line-height:1.18!important;
    font-weight:1000;
    white-space:nowrap!important;
  }

  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card .vtx-tools-hero-compass-card.vtx-hero-tool-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:min(100%,350px)!important;
    max-width:350px!important;
    min-height:0!important;
    height:auto!important;
    padding:28px 26px!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,249,250,.93))!important;
    color:#073944!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 28px 76px rgba(0,24,27,.24)!important;
    overflow:hidden!important;
    align-self:center!important;
    text-align:start!important;
  }
  html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card .vtx-tools-hero-compass-card.vtx-hero-tool-card,
  body.lang-ar.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card .vtx-tools-hero-compass-card.vtx-hero-tool-card{
    justify-self:start!important;
    text-align:right!important;
    align-items:flex-end!important;
    direction:rtl!important;
  }
  html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card .vtx-tools-hero-compass-card.vtx-hero-tool-card,
  body.lang-en.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card .vtx-tools-hero-compass-card.vtx-hero-tool-card{
    justify-self:end!important;
    text-align:left!important;
    align-items:flex-start!important;
    direction:ltr!important;
  }

  /* Unified Tools pre-footer/footer styling for every public page. */
  html body.public-body:not(.admin-body) .vtx-pre-footer-cta{
    padding:64px 0!important;
    background:#fff!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:24px!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-radius:0!important;
    padding:clamp(34px,4vw,56px)!important;
    background:
      radial-gradient(circle at 8% 0%,rgba(232,161,29,.18),transparent 30%),
      linear-gradient(135deg,#07383d 0%,#002326 100%)!important;
    color:#fff!important;
    box-shadow:0 22px 60px rgba(8,56,70,.14)!important;
    text-align:start!important;
    overflow:hidden!important;
  }
  html[dir="rtl"] body.public-body:not(.admin-body) .vtx-pre-footer-card,
  body.lang-ar.public-body:not(.admin-body) .vtx-pre-footer-card{
    direction:rtl!important;
    text-align:right!important;
  }
  html[dir="ltr"] body.public-body:not(.admin-body) .vtx-pre-footer-card,
  body.lang-en.public-body:not(.admin-body) .vtx-pre-footer-card{
    direction:ltr!important;
    text-align:left!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-eyebrow{
    display:block!important;
    color:var(--vtx-final-gold-soft)!important;
    font-size:18px!important;
    line-height:1.55!important;
    font-weight:1000;
    margin:0 0 10px!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card h2{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:14px!important;
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:1.25!important;
    font-weight:1000;
    letter-spacing:0!important;
    text-align:inherit!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-title-text{
    color:#fff!important;
    font-size:28px!important;
    line-height:1.25!important;
    font-weight:1000;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand,
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-word{
    display:inline-flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    white-space:nowrap!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    margin:0!important;
    transform:none!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-word{
    font-size:44px!important;
    line-height:.95!important;
    font-weight:1000;
    letter-spacing:0!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-v,
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-a1,
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-a2,
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-x{
    color:#fff!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-t{
    color:var(--vtx-final-gold-soft)!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card p{
    max-width:760px!important;
    margin:0!important;
    color:#d7ecef!important;
    font-size:16px!important;
    line-height:1.85!important;
    font-weight:800;
    text-align:inherit!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .btn,
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .btn.btn-gold{
    min-width:190px!important;
    min-height:58px!important;
    padding:17px 30px!important;
    border-radius:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:1000;
    color:#fff!important;
    background:var(--vtx-final-gold)!important;
    border:1px solid var(--vtx-final-gold)!important;
    box-shadow:0 14px 28px rgba(242,140,0,.22)!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  html body.public-body:not(.admin-body) .footer{
    background:#fff!important;
    color:#083846!important;
    border-top:1px solid rgba(8,56,70,.10)!important;
    padding:56px 0 26px!important;
  }
  html body.public-body:not(.admin-body) .footer h4{
    color:#083846!important;
    font-size:15px!important;
    font-weight:1000;
  }
  html body.public-body:not(.admin-body) .footer p,
  html body.public-body:not(.admin-body) .footer a,
  html body.public-body:not(.admin-body) .footer li,
  html body.public-body:not(.admin-body) .footer-contact li,
  html body.public-body:not(.admin-body) .footer-brand-desc{
    color:#49666a!important;
    font-size:13px!important;
    line-height:1.8!important;
    font-weight:700;
  }
  html body.public-body:not(.admin-body) .footer a:hover{
    color:#083846!important;
  }
  html body.public-body:not(.admin-body) .footer-contact svg,
  html body.public-body:not(.admin-body) .footer .icon{
    color:var(--vtx-final-gold-soft)!important;
    stroke:var(--vtx-final-gold-soft)!important;
  }
  html body.public-body:not(.admin-body) .footer-bottom{
    justify-content:center!important;
    text-align:center!important;
    border-top:1px solid rgba(8,56,70,.10)!important;
    color:#49666a!important;
  }
  html body.public-body:not(.admin-body) .footer-bottom .footer-copyright,
  html body.public-body:not(.admin-body) .footer-bottom .footer-copyright *{
    font-weight:800;
  }

  /* AskVATAX + WhatsApp: one final visible side rule. */
  html body.public-body:not(.admin-body) .askvatax-widget{
    display:block!important;
    position:fixed!important;
    top:auto!important;
    bottom:var(--vtx-final-chat-bottom)!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    z-index:2147483000!important;
    pointer-events:auto!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-widget,
  body.lang-ar.public-body:not(.admin-body) .askvatax-widget{
    left:var(--vtx-final-help-edge)!important;
    right:auto!important;
    inset-inline-start:var(--vtx-final-help-edge)!important;
    inset-inline-end:auto!important;
    direction:rtl!important;
  }
  html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-widget,
  body.lang-en.public-body:not(.admin-body) .askvatax-widget{
    right:var(--vtx-final-help-edge)!important;
    left:auto!important;
    inset-inline-end:var(--vtx-final-help-edge)!important;
    inset-inline-start:auto!important;
    direction:ltr!important;
  }
  html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-panel,
  body.lang-ar.public-body:not(.admin-body) .askvatax-panel{
    left:0!important;
    right:auto!important;
    inset-inline-start:0!important;
    inset-inline-end:auto!important;
  }
  html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-panel,
  body.lang-en.public-body:not(.admin-body) .askvatax-panel{
    right:0!important;
    left:auto!important;
    inset-inline-end:0!important;
    inset-inline-start:auto!important;
  }

  html body.public-body:not(.admin-body) .vtx-whatsapp-float{
    display:grid!important;
    place-items:center!important;
    position:fixed!important;
    top:auto!important;
    bottom:var(--vtx-final-wa-bottom)!important;
    width:58px!important;
    height:58px!important;
    border-radius:50%!important;
    z-index:2147482000!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html[dir="rtl"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
  body.lang-ar.public-body:not(.admin-body) .vtx-whatsapp-float{
    left:var(--vtx-final-help-edge)!important;
    right:auto!important;
    inset-inline-start:var(--vtx-final-help-edge)!important;
    inset-inline-end:auto!important;
  }
  html[dir="ltr"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
  body.lang-en.public-body:not(.admin-body) .vtx-whatsapp-float{
    right:var(--vtx-final-help-edge)!important;
    left:auto!important;
    inset-inline-end:var(--vtx-final-help-edge)!important;
    inset-inline-start:auto!important;
  }
}

@media screen and (max-width:980px){
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero.has-hero-tool-card .compact-hero-grid,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero.has-hero-tool-card .compact-hero-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
    transform:translateY(10px)!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card .vtx-tools-hero-compass-card.vtx-hero-tool-card,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy{
    justify-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
  }
}

@media screen and (max-width:760px){
  html body.public-body:not(.admin-body){
    --vtx-final-hero-title:34px;
    --vtx-final-hero-highlight:22px;
    --vtx-final-hero-lead:15px;
    --vtx-final-help-edge:14px;
    --vtx-final-chat-bottom:14px;
    --vtx-final-wa-bottom:98px;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-page-standard-hero,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-inner-classic-hero{
    min-height:auto!important;
    padding-top:92px!important;
    padding-bottom:110px!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy h1,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy h1{
    font-size:var(--vtx-final-hero-title)!important;
    line-height:1.12!important;
  }
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-page-standard-hero .classic-hero-copy h1 > span:not(.vtx-brand-word):not(.vtx-brand-letter),
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-inner-classic-hero .classic-hero-copy h1 > span:not(.vtx-brand-word):not(.vtx-brand-letter){
    font-size:var(--vtx-final-hero-highlight)!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    border-radius:0!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card h2{
    justify-content:center!important;
    text-align:center!important;
    font-size:24px!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-title-text{
    font-size:24px!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-word{
    font-size:34px!important;
  }
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .btn{
    width:100%!important;
    max-width:320px!important;
  }
  html body.public-body:not(.admin-body) .vtx-whatsapp-float{
    width:52px!important;
    height:52px!important;
  }
}

/* ========================================================================
   VATAX FIX 11 - HARD PHYSICAL FLOAT SIDE LOCK
   Reason: older logical-position rules (inset-inline-end/start) can still win
   in some cached/page states. This block uses physical inset shorthand and
   explicit PHP classes so Arabic is always left and English is always right.
   ======================================================================== */
html body.public-body:not(.admin-body) .vtx-floating-helper,
html body.public-body:not(.admin-body) .askvatax-widget,
html body.public-body:not(.admin-body) .vtx-whatsapp-float{
  position:fixed!important;
  top:auto!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Reset any old logical positioning before the physical side lock. */
html body.public-body:not(.admin-body) .vtx-floating-helper,
html body.public-body:not(.admin-body) .askvatax-widget,
html body.public-body:not(.admin-body) .vtx-whatsapp-float{
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
}

/* Arabic / RTL = physical LEFT side. */
html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-widget,
html[lang^="ar"] body.public-body:not(.admin-body) .askvatax-widget,
body.public-body.dir-rtl:not(.admin-body) .askvatax-widget,
body.public-body.lang-ar:not(.admin-body) .askvatax-widget,
html body.public-body:not(.admin-body) .askvatax-widget.vtx-float-left,
html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="left"]{
  inset:auto auto 22px 24px!important;
  left:24px!important;
  right:auto!important;
  bottom:22px!important;
  direction:rtl!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
html[lang^="ar"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
body.public-body.dir-rtl:not(.admin-body) .vtx-whatsapp-float,
body.public-body.lang-ar:not(.admin-body) .vtx-whatsapp-float,
html body.public-body:not(.admin-body) .vtx-whatsapp-float.vtx-float-left,
html body.public-body:not(.admin-body) .vtx-whatsapp-float[data-vtx-float-side="left"]{
  inset:auto auto 112px 24px!important;
  left:24px!important;
  right:auto!important;
  bottom:112px!important;
}

/* English / LTR = physical RIGHT side. */
html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-widget,
html[lang^="en"] body.public-body:not(.admin-body) .askvatax-widget,
body.public-body.dir-ltr:not(.admin-body) .askvatax-widget,
body.public-body.lang-en:not(.admin-body) .askvatax-widget,
html body.public-body:not(.admin-body) .askvatax-widget.vtx-float-right,
html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="right"]{
  inset:auto 24px 22px auto!important;
  right:24px!important;
  left:auto!important;
  bottom:22px!important;
  direction:ltr!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
html[lang^="en"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
body.public-body.dir-ltr:not(.admin-body) .vtx-whatsapp-float,
body.public-body.lang-en:not(.admin-body) .vtx-whatsapp-float,
html body.public-body:not(.admin-body) .vtx-whatsapp-float.vtx-float-right,
html body.public-body:not(.admin-body) .vtx-whatsapp-float[data-vtx-float-side="right"]{
  inset:auto 24px 112px auto!important;
  right:24px!important;
  left:auto!important;
  bottom:112px!important;
}

/* Panel opens toward the page center from the locked side. */
html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-panel,
html[lang^="ar"] body.public-body:not(.admin-body) .askvatax-panel,
body.public-body.dir-rtl:not(.admin-body) .askvatax-panel,
body.public-body.lang-ar:not(.admin-body) .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget.vtx-float-left .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="left"] .askvatax-panel{
  inset:auto auto 84px 0!important;
  left:0!important;
  right:auto!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-panel,
html[lang^="en"] body.public-body:not(.admin-body) .askvatax-panel,
body.public-body.dir-ltr:not(.admin-body) .askvatax-panel,
body.public-body.lang-en:not(.admin-body) .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget.vtx-float-right .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="right"] .askvatax-panel{
  inset:auto 0 84px auto!important;
  right:0!important;
  left:auto!important;
}

@media screen and (max-width:760px){
  html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-widget,
  html[lang^="ar"] body.public-body:not(.admin-body) .askvatax-widget,
  body.public-body.dir-rtl:not(.admin-body) .askvatax-widget,
  body.public-body.lang-ar:not(.admin-body) .askvatax-widget,
  html body.public-body:not(.admin-body) .askvatax-widget.vtx-float-left,
  html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="left"]{
    inset:auto auto 14px 14px!important;
    left:14px!important;
    right:auto!important;
    bottom:14px!important;
  }
  html[dir="rtl"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
  html[lang^="ar"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
  body.public-body.dir-rtl:not(.admin-body) .vtx-whatsapp-float,
  body.public-body.lang-ar:not(.admin-body) .vtx-whatsapp-float,
  html body.public-body:not(.admin-body) .vtx-whatsapp-float.vtx-float-left,
  html body.public-body:not(.admin-body) .vtx-whatsapp-float[data-vtx-float-side="left"]{
    inset:auto auto 98px 14px!important;
    left:14px!important;
    right:auto!important;
    bottom:98px!important;
  }
  html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-widget,
  html[lang^="en"] body.public-body:not(.admin-body) .askvatax-widget,
  body.public-body.dir-ltr:not(.admin-body) .askvatax-widget,
  body.public-body.lang-en:not(.admin-body) .askvatax-widget,
  html body.public-body:not(.admin-body) .askvatax-widget.vtx-float-right,
  html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="right"]{
    inset:auto 14px 14px auto!important;
    right:14px!important;
    left:auto!important;
    bottom:14px!important;
  }
  html[dir="ltr"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
  html[lang^="en"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
  body.public-body.dir-ltr:not(.admin-body) .vtx-whatsapp-float,
  body.public-body.lang-en:not(.admin-body) .vtx-whatsapp-float,
  html body.public-body:not(.admin-body) .vtx-whatsapp-float.vtx-float-right,
  html body.public-body:not(.admin-body) .vtx-whatsapp-float[data-vtx-float-side="right"]{
    inset:auto 14px 98px auto!important;
    right:14px!important;
    left:auto!important;
    bottom:98px!important;
  }
}

/* ========================================================================
   VATAX FIX 12 - FINAL PUBLIC TYPOGRAPHY / FOOTER / COMPASS LOCK
   Scope: public pages only. This block is intentionally placed at the end of
   the last loaded public CSS file to neutralize older !important overrides
   without deleting shared rules used by other pages.
   ======================================================================== */
:root{
  --vtx-logo-navy:#083846;
  --vtx-logo-navy-2:#07393d;
  --vtx-logo-muted:#49666a;
  --vtx-logo-line:#d8e7e9;
}

/* 1) Navbar font size = 17px across desktop and mobile, including Services button. */
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar :where(.nav-link,.service-dropdown-toggle,.nav-link-label,.nav-actions .lang,.nav-actions .client-btn,.client-btn),
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li > a.nav-link,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel :where(.nav-link,.service-dropdown-toggle,.nav-link-label,.nav-actions .lang,.nav-actions .client-btn,.client-btn){
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:900;
}

html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
  font-size:15.5px!important;
  line-height:1.55!important;
}

@media (max-width:1024px){
  html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel :where(.nav-link,.service-dropdown-toggle,.nav-link-label,.nav-actions .lang,.nav-actions .client-btn,.client-btn){
    font-size:17px!important;
    line-height:1.4!important;
  }
}

/* 2) Footer font size = 17px and footer icons in the same navy logo color. */
html body.public-body:not(.admin-body) footer.footer :where(h4,p,a,li,.footer-contact li,.footer-brand-desc,.footer-bottom,.footer-bottom span,.footer-copyright){
  font-size:17px!important;
  line-height:1.8!important;
}
html body.public-body:not(.admin-body) footer.footer h4{
  font-size:17px!important;
  line-height:1.45!important;
  color:var(--vtx-logo-navy)!important;
  font-weight:1000;
}
html body.public-body:not(.admin-body) footer.footer :where(p,a,li,.footer-contact li,.footer-brand-desc,.footer-bottom,.footer-copyright){
  color:var(--vtx-logo-muted)!important;
}
html body.public-body:not(.admin-body) footer.footer .footer-contact :where(svg,.icon),
html body.public-body:not(.admin-body) footer.footer .footer-contact li > :where(svg,.icon),
html body.public-body:not(.admin-body) footer.footer :where(.footer-contact svg,.footer-contact .icon){
  color:var(--vtx-logo-navy)!important;
  stroke:var(--vtx-logo-navy)!important;
  fill:none!important;
}
html body.public-body:not(.admin-body) footer.footer a:hover{
  color:var(--vtx-logo-navy)!important;
}

/* 3) Pre-footer CTA: make VATAX brand exactly inherit the title size, not oversized. */
html body.public-body:not(.admin-body) .vtx-pre-footer-card h2{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:.22em!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-pre-footer-card h2,
body.lang-ar.public-body:not(.admin-body) .vtx-pre-footer-card h2{
  justify-content:flex-start!important;
  text-align:right!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .vtx-pre-footer-card h2,
body.lang-en.public-body:not(.admin-body) .vtx-pre-footer-card h2{
  justify-content:flex-start!important;
  text-align:left!important;
}
html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-title-text,
html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand,
html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-word,
html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-letter{
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit;
  letter-spacing:inherit!important;
  margin:0!important;
  padding:0!important;
  vertical-align:baseline!important;
}
html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand,
html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-word{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
@media (max-width:760px){
  html body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-prefooter-brand .vtx-brand-word{
    font-size:inherit!important;
  }
}

/* 4) VATAX Compass question alignment by language. */
html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-wizard-card,.compass-wizard-head,.compass-question-panel,.wizard-step,.stage-title-row,.compass-question-block,.compass-choice-grid,.compass-choice,.compass-inline-note){
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-wizard-card,.compass-wizard-head,.compass-question-panel,.wizard-step,.stage-title-row,.compass-question-block,.compass-choice-grid,.compass-choice,.compass-inline-note){
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice,
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice{
  justify-content:flex-start!important;
  flex-direction:row!important;
}
html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice,
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice{
  justify-content:flex-start!important;
  flex-direction:row!important;
}
html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-actions,.wizard-actions,.result-actions){
  direction:rtl!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-actions,.wizard-actions,.result-actions){
  direction:ltr!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

/* 5) Compass result / SweetAlert text colors: navy logo color instead of white. */
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-result-card,
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-result-pro,
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-title-block,
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-title-block :where(h2,p,strong),
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-note,
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-note :where(b,p),
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-next-steps :where(strong,small){
  color:var(--vtx-logo-navy)!important;
}
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-title-block p,
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-note p,
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-next-steps small{
  color:var(--vtx-logo-muted)!important;
}
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-return-style-gauge,
html body.public-body.page-vatax-compass-body:not(.admin-body) .checker-status-gauge-card.compass-return-style-gauge,
html .swal2-popup .vtx-swal-risk-card.compass-return-style-gauge{
  background:#fff!important;
  border:1px solid var(--vtx-logo-line)!important;
  color:var(--vtx-logo-navy)!important;
  box-shadow:0 18px 44px rgba(8,56,70,.10)!important;
}
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-return-style-gauge > span,
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-return-style-gauge .vatax-risk-gauge strong,
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-return-style-gauge .vatax-risk-gauge small,
html .swal2-popup .vtx-swal-compass-result,
html .swal2-popup .vtx-swal-compass-result :where(h3,p,span,strong,small),
html .swal2-popup .vtx-swal-risk-card.compass-return-style-gauge > span,
html .swal2-popup .vtx-swal-risk-card.compass-return-style-gauge .vatax-risk-gauge strong,
html .swal2-popup .vtx-swal-risk-card.compass-return-style-gauge .vatax-risk-gauge small{
  color:var(--vtx-logo-navy)!important;
  text-shadow:none!important;
}
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-return-style-gauge .vatax-risk-gauge small,
html .swal2-popup .vtx-swal-risk-card.compass-return-style-gauge .vatax-risk-gauge small,
html .swal2-popup .vtx-swal-compass-result p{
  color:var(--vtx-logo-muted)!important;
}

/* 6) Compass internal buttons: unified readable design, no small/broken default buttons. */
html body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-actions,.result-actions,.hero-actions.result-actions){
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
}
html body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-actions,.result-actions,.hero-actions.result-actions) :where(.btn,button,a,.askvatax-result-cta){
  min-height:50px!important;
  border-radius:999px!important;
  padding:13px 22px!important;
  font-size:16px!important;
  font-weight:1000;
  line-height:1.25!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  text-decoration:none!important;
  box-shadow:0 14px 30px rgba(8,56,70,.10)!important;
  cursor:pointer!important;
}
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-actions .askvatax-result-cta,
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-actions .btn-primary{
  background:linear-gradient(135deg,var(--vtx-logo-navy),#0b5960)!important;
  color:#fff!important;
  border:1px solid rgba(8,56,70,.15)!important;
}
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-actions .btn-gold,
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-actions .btn-gold,
html .swal2-popup .vtx-swal2-confirm{
  background:linear-gradient(135deg,#f3ac23,#d79522)!important;
  color:#102326!important;
  border:1px solid rgba(215,149,34,.36)!important;
}
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-actions .btn-muted,
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-actions .btn-muted,
html body.public-body.page-vatax-compass-body:not(.admin-body) .result-actions .btn-outline{
  background:#fff!important;
  color:var(--vtx-logo-navy)!important;
  border:1px solid rgba(8,56,70,.20)!important;
}
@media (max-width:640px){
  html body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-actions,.result-actions,.hero-actions.result-actions){
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  html body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-actions,.result-actions,.hero-actions.result-actions) :where(.btn,button,a,.askvatax-result-cta){
    width:100%!important;
  }
}

/* ========================================================================
   VATAX FIX 13 - SERVICES NAV FONT + COMPASS WIZARD DIRECTION/ACTIONS LOCK
   Scope: public pages only. Placed at the very end of the last-loaded public
   stylesheet to override older !important rules safely without touching PHP/JS.
   ======================================================================== */
:root{
  --vtx-logo-navy:#083846;
  --vtx-logo-muted:#49666a;
  --vtx-logo-line:#d8e7e9;
  --vtx-logo-gold:#e8a11d;
}

/* A) Navbar: force Services trigger to match the other navbar links exactly. */
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li > a.nav-link,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown > .service-dropdown-trigger > button.nav-link.service-dropdown-toggle,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar button.nav-link.service-dropdown-toggle,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .service-dropdown-toggle .nav-link-label,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .nav-links > li > a.nav-link,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel button.nav-link.service-dropdown-toggle,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .mobile-nav-panel .service-dropdown-toggle .nav-link-label{
  font-family:var(--vtx-font-body);
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:900;
  letter-spacing:0!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}

html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-links > li.nav-item.has-dropdown > .service-dropdown-trigger > button.nav-link.service-dropdown-toggle,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar button.nav-link.service-dropdown-toggle{
  min-height:42px!important;
  padding:10px 12px!important;
  gap:7px!important;
  border:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  color:#274a50!important;
}

html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar button.nav-link.service-dropdown-toggle.active,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.active-parent > .service-dropdown-trigger > button.nav-link.service-dropdown-toggle{
  color:var(--vtx-logo-gold)!important;
}

html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar button.nav-link.service-dropdown-toggle svg.icon-chevron-down,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar button.nav-link.service-dropdown-toggle .icon-chevron-down{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  color:currentColor!important;
  stroke:currentColor!important;
  transform:none!important;
}

html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown.dropdown-open > .service-dropdown-trigger > button.nav-link.service-dropdown-toggle svg.icon-chevron-down,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:hover > .service-dropdown-trigger > button.nav-link.service-dropdown-toggle svg.icon-chevron-down,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .has-dropdown:focus-within > .service-dropdown-trigger > button.nav-link.service-dropdown-toggle svg.icon-chevron-down{
  transform:rotate(180deg)!important;
}

/* B) Services dropdown: force same readable size and language-aware alignment. */
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-dropdown.nav-services-dropdown{
  font-family:var(--vtx-font-body);
  font-size:17px!important;
  line-height:1.55!important;
}

html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown .nav-dropdown-toplink,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown .nav-dropdown-title,
html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown .nav-dropdown-link{
  font-family:var(--vtx-font-body);
  font-size:17px!important;
  line-height:1.55!important;
  font-weight:850;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:normal!important;
  word-break:normal!important;
}

html body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown .nav-dropdown-title{
  color:var(--vtx-logo-gold)!important;
  font-weight:950;
}

html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
html[dir="rtl"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link),
body.lang-ar.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown,
html[dir="ltr"] body.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link),
body.lang-en.public-body:not(.admin-body) header.site-header nav.navbar.public-navbar .nav-services-dropdown :where(.nav-dropdown-toplink,.nav-dropdown-title,.nav-dropdown-link){
  direction:ltr!important;
  text-align:left!important;
}

/* C) VATAX Compass: hard-lock question text alignment by language. */
html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-wizard-card,.compass-wizard-head,.compass-question-panel,.wizard-step,.stage-title-row,.compass-question-block,.compass-choice-grid,.compass-choice),
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-wizard-card,.compass-wizard-head,.compass-question-panel,.wizard-step,.stage-title-row,.compass-question-block,.compass-choice-grid,.compass-choice){
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-wizard-card,.compass-wizard-head,.compass-question-panel,.wizard-step,.stage-title-row,.compass-question-block,.compass-choice-grid,.compass-choice),
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) :where(.compass-wizard-card,.compass-wizard-head,.compass-question-panel,.wizard-step,.stage-title-row,.compass-question-block,.compass-choice-grid,.compass-choice){
  direction:ltr!important;
  text-align:left!important;
}

html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-wizard-head :where(.eyebrow,h2,p),
html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .stage-title-row :where(.hint,h3),
html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-block :where(.hint,h2),
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .compass-wizard-head :where(.eyebrow,h2,p),
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .stage-title-row :where(.hint,h3),
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-block :where(.hint,h2){
  direction:rtl!important;
  text-align:right!important;
  margin-left:auto!important;
  margin-right:0!important;
}

html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-wizard-head :where(.eyebrow,h2,p),
html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .stage-title-row :where(.hint,h3),
html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-block :where(.hint,h2),
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .compass-wizard-head :where(.eyebrow,h2,p),
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .stage-title-row :where(.hint,h3),
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-block :where(.hint,h2){
  direction:ltr!important;
  text-align:left!important;
  margin-left:0!important;
  margin-right:auto!important;
}

html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-question-block h2{
  display:block!important;
  width:100%!important;
}

/* D) Compass choices: keep radio + answer text in the correct order for each language. */
html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
}

html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice,
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice{
  flex-direction:row!important;
  justify-content:flex-start!important;
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice,
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice{
  flex-direction:row!important;
  justify-content:flex-start!important;
  direction:ltr!important;
  text-align:left!important;
}

html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice .choice-circle{
  flex:0 0 auto!important;
  margin:0!important;
}

html body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice > span:not(.choice-circle){
  flex:1 1 auto!important;
  min-width:0!important;
}

html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice > span:not(.choice-circle),
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice > span:not(.choice-circle){
  text-align:right!important;
}

html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice > span:not(.choice-circle),
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .compass-choice > span:not(.choice-circle){
  text-align:left!important;
}

/* E) Compass actions: English previous left/next right; Arabic previous right/next left. */
html body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:100%!important;
  gap:12px!important;
  direction:ltr!important; /* physical layout axis; button text direction is reset below */
  justify-content:space-between!important;
}

html body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > .btn{
  flex:0 0 auto!important;
  min-width:118px!important;
  margin-top:0!important;
}

html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-prev],
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-prev]{
  order:1!important;
  margin-left:0!important;
  margin-right:auto!important;
  direction:ltr!important;
}

html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-next],
html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > button[type="submit"],
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-next],
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > button[type="submit"]{
  order:2!important;
  margin-left:auto!important;
  margin-right:0!important;
  direction:ltr!important;
}

html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-next],
html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > button[type="submit"],
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-next],
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > button[type="submit"]{
  order:1!important;
  margin-left:0!important;
  margin-right:auto!important;
  direction:rtl!important;
}

html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-prev],
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-prev]{
  order:2!important;
  margin-left:auto!important;
  margin-right:0!important;
  direction:rtl!important;
}

html body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-step:first-child .wizard-actions.compass-actions > [data-prev]{
  visibility:hidden!important;
  pointer-events:none!important;
}

html body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-step:not(:first-child) .wizard-actions.compass-actions > [data-prev]{
  visibility:visible!important;
  pointer-events:auto!important;
}

/* F) Compass arrow direction: previous/next icons point to the correct physical side. */
html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-prev] svg.icon-arrow,
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-prev] svg.icon-arrow{
  transform:none!important;
}

html[dir="ltr"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-next] svg.icon-arrow,
body.lang-en.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-next] svg.icon-arrow{
  transform:scaleX(-1)!important;
}

html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-prev] svg.icon-arrow,
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-prev] svg.icon-arrow{
  transform:scaleX(-1)!important;
}

html[dir="rtl"] body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-next] svg.icon-arrow,
body.lang-ar.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > [data-next] svg.icon-arrow{
  transform:none!important;
}

@media (max-width:640px){
  html body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    direction:inherit!important;
  }
  html body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-actions.compass-actions > .btn{
    width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body.public-body.page-vatax-compass-body:not(.admin-body) .wizard-step:first-child .wizard-actions.compass-actions > [data-prev]{
    display:none!important;
  }
}

/* ===== VATAX FIX 14 - CONTACT CLEANUP + VAT CHECKER + SERVICE WIZARD LOCK =====
   Purpose:
   1) Remove the duplicated small contact-channel sentence.
   2) Lock VAT Return Checker button layout, card spacing, and RTL/LTR alignment.
   3) Restore the official service/tool wizard look across submit pages without touching JS/PHP flow.
   Loaded last through _tools_nav_final.css to neutralize older !important rules safely. */

/* Contact page: remove duplicated small helper line under the contact channels title. */
html body.public-body.page-contact-body:not(.admin-body) .contact-directory-copy > p{
  display:none!important;
}

/* VAT Return Checker page direction and spacing lock. */
html body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-section{
  padding:clamp(34px,4vw,64px) 0 clamp(62px,6vw,96px)!important;
  background:linear-gradient(180deg,#eef8f9 0%,#ffffff 48%,#eef8f9 100%)!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-section .container{
  width:min(100% - 42px,1320px)!important;
  max-width:1320px!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card{
  width:100%!important;
  max-width:1320px!important;
  margin-inline:auto!important;
  border-radius:34px!important;
  padding:clamp(22px,3vw,38px)!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(8,56,70,.14)!important;
  box-shadow:0 28px 78px rgba(8,56,70,.10)!important;
  overflow:hidden!important;
}

html[dir="rtl"] body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card,
body.lang-ar.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card{
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card,
body.lang-en.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card{
  direction:ltr!important;
  text-align:left!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(270px,340px)!important;
  gap:24px!important;
  align-items:stretch!important;
  margin-bottom:26px!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-topbar > div:first-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-topbar h2{
  margin:8px 0 10px!important;
  font-size:clamp(30px,3.25vw,48px)!important;
  line-height:1.15!important;
  color:#083846!important;
  font-weight:1000;
  letter-spacing:-.02em!important;
  text-align:inherit!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-topbar p{
  max-width:760px!important;
  margin:0!important;
  color:#587178!important;
  line-height:1.85!important;
  font-size:15.5px!important;
  font-weight:750;
  text-align:inherit!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-status-card{
  min-width:0!important;
  width:100%!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#083846,#075c62)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 22px 54px rgba(8,56,70,.18)!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-meta-grid,
html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-meta-grid-enhanced{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:end!important;
  margin:22px 0 22px!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .form-field label,
html body.public-body.page-vat-return-checker-body:not(.admin-body) .form-field .hint,
html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-section-title h3,
html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-recommendation{
  direction:inherit!important;
  text-align:inherit!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card :where(input,select,textarea){
  width:100%!important;
  min-height:50px!important;
  border-radius:16px!important;
  border:1px solid rgba(8,56,70,.20)!important;
  background:#fff!important;
  color:#102f33!important;
  font-weight:850;
  box-shadow:none!important;
}

html[dir="rtl"] body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card :where(input,select,textarea),
body.lang-ar.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card :where(input,select,textarea){
  text-align:right!important;
  direction:rtl!important;
}

html[dir="ltr"] body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card :where(input,select,textarea),
body.lang-en.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card :where(input,select,textarea){
  text-align:left!important;
  direction:ltr!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-actions-row:not(.final-actions),
html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-opinion-action{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
  margin:22px 0!important;
}

html[dir="rtl"] body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-actions-row:not(.final-actions),
html[dir="rtl"] body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-opinion-action,
body.lang-ar.public-body.page-vat-return-checker-body:not(.admin-body) .checker-actions-row:not(.final-actions),
body.lang-ar.public-body.page-vat-return-checker-body:not(.admin-body) .checker-opinion-action{
  direction:rtl!important;
  justify-content:flex-start!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-actions-row:not(.final-actions),
html[dir="ltr"] body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-opinion-action,
body.lang-en.public-body.page-vat-return-checker-body:not(.admin-body) .checker-actions-row:not(.final-actions),
body.lang-en.public-body.page-vat-return-checker-body:not(.admin-body) .checker-opinion-action{
  direction:ltr!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-actions-row.final-actions{
  padding-top:18px!important;
  border-top:1px solid rgba(8,56,70,.12)!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) :where(.checker-actions-row:not(.final-actions),.checker-opinion-action) :where(.btn,.askvatax-result-cta){
  min-height:48px!important;
  border-radius:999px!important;
  padding:12px 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  font-size:15px!important;
  font-weight:1000;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:normal!important;
  box-shadow:0 12px 28px rgba(8,56,70,.07)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) :where(.checker-actions-row:not(.final-actions),.checker-opinion-action) :where(.btn,.askvatax-result-cta):hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 36px rgba(8,56,70,.11)!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .askvatax-result-cta{
  border:1px solid rgba(8,56,70,.18)!important;
  background:#fff!important;
  color:#083846!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-table-wrap,
html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-summary-table-wrap{
  border:1px solid rgba(8,56,70,.12)!important;
  border-radius:0 0 24px 24px!important;
  background:#fff!important;
  overflow:auto!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-section{
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid rgba(8,56,70,.14)!important;
  box-shadow:0 18px 46px rgba(8,56,70,.055)!important;
  background:#fff!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-section-title{
  background:linear-gradient(135deg,#083846,#075c62)!important;
  color:#fff!important;
  padding:16px 22px!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-table th,
html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-table td{
  vertical-align:middle!important;
  border-color:#e2edf0!important;
  color:#163b40!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-table th{
  background:#eef7f8!important;
  color:#083846!important;
  font-weight:1000;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-desc,
html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-notes{
  text-align:inherit!important;
  direction:inherit!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-summary-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.58fr)!important;
  gap:18px!important;
  padding:20px!important;
  align-items:start!important;
}

html body.public-body.page-vat-return-checker-body:not(.admin-body) .risk-panel{
  border-radius:24px!important;
  border:1px solid rgba(8,56,70,.13)!important;
  background:linear-gradient(180deg,#f5fbfc,#fff)!important;
  box-shadow:0 16px 40px rgba(8,56,70,.06)!important;
}

@media (max-width:1080px){
  html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-topbar,
  html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-summary-grid{
    grid-template-columns:1fr!important;
  }
  html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-meta-grid,
  html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-meta-grid-enhanced{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:680px){
  html body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-section .container{width:min(100% - 24px,100%)!important;}
  html body.public-body.page-vat-return-checker-body:not(.admin-body) .vat-checker-card{padding:20px 14px!important;border-radius:26px!important;}
  html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-meta-grid,
  html body.public-body.page-vat-return-checker-body:not(.admin-body) .checker-meta-grid-enhanced{grid-template-columns:1fr!important;}
  html body.public-body.page-vat-return-checker-body:not(.admin-body) :where(.checker-actions-row:not(.final-actions),.checker-opinion-action){display:grid!important;grid-template-columns:1fr!important;}
  html body.public-body.page-vat-return-checker-body:not(.admin-body) :where(.checker-actions-row:not(.final-actions),.checker-opinion-action) :where(.btn,.askvatax-result-cta){width:100%!important;}
}

/* Official service submit wizard design: applies to all public service request pages. */
body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-shell{
  padding:clamp(34px,4.6vw,70px) 0 clamp(64px,7vw,104px)!important;
  background:linear-gradient(180deg,#edf8f9 0%,#ffffff 46%,#edf8f9 100%)!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-shell .container{
  width:min(100% - 42px,1220px)!important;
  max-width:1220px!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card{
  width:100%!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  padding:clamp(28px,3.8vw,52px)!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.985)!important;
  border:1px solid rgba(8,56,70,.15)!important;
  box-shadow:0 28px 80px rgba(8,56,70,.105)!important;
  overflow:hidden!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card{
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card{
  direction:ltr!important;
  text-align:left!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:start!important;
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin:0 auto clamp(28px,3.4vw,46px)!important;
  padding:0 10px!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress{
  direction:rtl!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress{
  direction:ltr!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  gap:9px!important;
  color:#5f767b!important;
  font-weight:1000;
  text-align:center!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:23px!important;
  width:100%!important;
  height:3px!important;
  border-radius:999px!important;
  background:#cddfe3!important;
  z-index:-1!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step:not(:last-child)::after,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step:not(:last-child)::after{
  left:auto!important;
  right:50%!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step:not(:last-child)::after,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step:not(:last-child)::after{
  right:auto!important;
  left:50%!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step.completed:not(:last-child)::after,
body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step.is-complete:not(:last-child)::after{
  background:#083846!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step-dot{
  width:48px!important;
  height:48px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#e1edef!important;
  color:#587075!important;
  border:0!important;
  font-size:15px!important;
  font-weight:1000;
  box-shadow:0 0 0 7px #fff!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step.active .case-step-dot{
  background:#083846!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(8,56,70,.24),0 0 0 7px #fff!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step.completed .case-step-dot,
body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step.is-complete .case-step-dot{
  background:#083846!important;
  color:#fff!important;
  font-size:0!important;
  box-shadow:0 12px 26px rgba(8,56,70,.18),0 0 0 7px #fff!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step.completed .case-step-dot::before,
body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step.is-complete .case-step-dot::before{
  content:"✓"!important;
  font-size:24px!important;
  line-height:1!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step span{
  display:block!important;
  color:inherit!important;
  font-size:14.5px!important;
  line-height:1.45!important;
  padding-inline:6px!important;
  max-width:190px!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .wizard-step > h2{
  margin:0 0 10px!important;
  color:#09282c!important;
  font-size:clamp(32px,4.2vw,52px)!important;
  line-height:1.16!important;
  font-weight:1000;
  text-align:inherit!important;
  letter-spacing:-.025em!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .wizard-step > .muted{
  max-width:780px!important;
  margin:0 0 28px!important;
  color:#617980!important;
  line-height:1.8!important;
  font-size:15px!important;
  font-weight:760;
  text-align:inherit!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .submit-form-grid,
body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-field.full{
  grid-column:1/-1!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-field label,
body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-field .hint{
  direction:inherit!important;
  text-align:inherit!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card :where(input,select,textarea){
  width:100%!important;
  border:1px solid rgba(8,56,70,.22)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#102f33!important;
  min-height:54px!important;
  padding:13px 16px!important;
  font-size:15px!important;
  font-weight:850;
  box-shadow:none!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card textarea{
  min-height:132px!important;
  resize:vertical!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card :where(input,select,textarea),
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card :where(input,select,textarea){
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card :where(input,select,textarea),
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card :where(input,select,textarea){
  direction:ltr!important;
  text-align:left!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-upload{
  width:100%!important;
  min-height:128px!important;
  padding:24px!important;
  border-radius:22px!important;
  border:2px dashed rgba(8,56,70,.20)!important;
  background:linear-gradient(180deg,#f7fcfd,#fff)!important;
  display:grid!important;
  place-items:center!important;
  gap:8px!important;
  color:#47646b!important;
  text-align:center!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  margin-top:28px!important;
  padding-top:22px!important;
  border-top:1px solid rgba(8,56,70,.10)!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions{
  direction:rtl!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions{
  direction:ltr!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions .btn{
  min-height:50px!important;
  min-width:126px!important;
  border-radius:16px!important;
  padding:13px 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  font-size:15px!important;
  font-weight:1000;
  line-height:1.2!important;
  box-shadow:0 12px 28px rgba(8,56,70,.08)!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .btn-primary{
  background:#083846!important;
  color:#fff!important;
  border-color:#083846!important;
}

body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .btn-muted{
  background:#fff!important;
  color:#47646b!important;
  border:1px solid rgba(8,56,70,.22)!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card [data-next] svg.icon-arrow,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card [data-next] svg.icon-arrow{
  transform:scaleX(-1)!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card [data-next] svg.icon-arrow,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card [data-next] svg.icon-arrow{
  transform:none!important;
}

@media (max-width:900px){
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card{padding:26px 18px!important;border-radius:28px!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .submit-form-grid,
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-grid{grid-template-columns:1fr!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 0!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step::after{display:none!important;}
}

@media (max-width:620px){
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-shell .container{width:min(100% - 24px,100%)!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress{grid-template-columns:1fr!important;gap:12px!important;padding:0!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    justify-items:start!important;
    gap:12px!important;
    border:1px solid rgba(8,56,70,.12)!important;
    border-radius:18px!important;
    background:#f7fbfc!important;
    padding:12px!important;
    text-align:inherit!important;
  }
  html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step,
  body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step{grid-template-columns:minmax(0,1fr) 46px!important;justify-items:end!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress .case-step span{max-width:none!important;text-align:inherit!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions{display:grid!important;grid-template-columns:1fr!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions > span{display:none!important;}
  body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions .btn{width:100%!important;}
}

/* ===== VATAX FIX 15 - SERVICE WIZARD FINAL CLEAN LOCK + REQUIRED VALIDATION =====
   Purpose:
   - Hide the legacy terms modal unless explicitly opened so it never appears at the bottom of submit pages.
   - Re-center and stabilize all public service submit forms after older width/direction overrides.
   - Add visible red validation state and scroll/focus support for empty required fields.
   - Keep RTL/LTR button placement consistent across all service pages. */

html body.public-body .terms-modal[aria-hidden="true"],
html body.public-body .terms-modal:not(.open){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

html body.public-body .terms-modal.open{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  padding:24px!important;
  background:rgba(0,20,24,.54)!important;
  backdrop-filter:blur(5px)!important;
}

html body.public-body .terms-modal.open .terms-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(0,14,15,.62)!important;
}

html body.public-body .terms-modal.open .terms-modal-card,
html body.public-body .terms-modal.open .service-terms-modal-card{
  position:relative!important;
  z-index:1!important;
  width:min(760px,calc(100vw - 32px))!important;
  max-height:min(86vh,760px)!important;
  overflow:auto!important;
  margin:0!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid rgba(8,56,70,.18)!important;
  box-shadow:0 34px 95px rgba(0,0,0,.30)!important;
  padding:32px!important;
  color:#083846!important;
}

html body.public-body .terms-modal .terms-close{
  position:absolute!important;
  top:14px!important;
  inset-inline-end:14px!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(8,56,70,.18)!important;
  background:#fff!important;
  color:#083846!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body){
  overflow-x:hidden!important;
  background:#eef8f9!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .case-shell.service-submit-shell{
  display:block!important;
  width:100%!important;
  min-height:auto!important;
  padding:clamp(30px,4vw,62px) 0 clamp(64px,7vw,108px)!important;
  margin:0!important;
  background:linear-gradient(180deg,#eef8f9 0%,#ffffff 42%,#eef8f9 100%)!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .case-shell.service-submit-shell > .container{
  display:block!important;
  width:min(calc(100% - 48px),1180px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) form.service-submit-card,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card.vtx-wizard-card{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  padding:clamp(30px,3.6vw,54px)!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.99)!important;
  border:1px solid rgba(8,56,70,.16)!important;
  box-shadow:0 30px 86px rgba(8,56,70,.11)!important;
  overflow:visible!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) form.service-submit-card,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) form.service-submit-card{
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) form.service-submit-card,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) form.service-submit-card{
  direction:ltr!important;
  text-align:left!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .wizard-step{
  width:100%!important;
  max-width:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .wizard-step:not(.active){
  display:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .wizard-step.active{
  display:block!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress{
  width:100%!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:clamp(28px,3.4vw,46px)!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .submit-form-grid,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-grid{
  width:100%!important;
  max-width:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card :where(input,select,textarea){
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-field.invalid :where(input,select,textarea),
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-field.vtx-invalid-field :where(input,select,textarea),
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-upload.invalid,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .form-field.invalid .case-upload,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .terms-check.invalid,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .final-consent-box.invalid{
  border-color:#dc2626!important;
  background:#fff7f7!important;
  box-shadow:0 0 0 4px rgba(220,38,38,.10)!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .vtx-field-error{
  display:block!important;
  width:100%!important;
  margin-top:7px!important;
  color:#dc2626!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:900;
  text-align:inherit!important;
  direction:inherit!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions{
  clear:both!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:14px!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions{
  direction:rtl!important;
  flex-direction:row!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions{
  direction:ltr!important;
  flex-direction:row!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-actions .btn{
  min-width:128px!important;
  min-height:50px!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-layout.final-review-stack-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-payment-summary-card,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-terms-official-card,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-actions-bar{
  width:100%!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-actions-bar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  flex-wrap:wrap!important;
  margin-top:20px!important;
}

@media (max-width:720px){
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .case-shell.service-submit-shell > .container{width:min(calc(100% - 24px),100%)!important;}
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) form.service-submit-card{padding:22px 14px!important;border-radius:26px!important;}
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-actions-bar{display:grid!important;grid-template-columns:1fr!important;}
}

/* =========================================================
   VATAX FIX 16 - SERVICE CHECKBOX SIZE + TAX CASE VAT RETURN STEP LOCK
   Purpose:
   1) Stop generic service input rules from enlarging native checkboxes.
   2) Make submit-tax-case step 3 use the same structured VAT return/checker visual system.
   Loaded last to override older !important conflicts without touching the wizard flow.
   ========================================================= */

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .inline-check,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .terms-check,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .final-consent-box label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  margin:4px 0 6px!important;
  padding:0!important;
  font-size:14.5px!important;
  line-height:1.6!important;
  font-weight:900;
  color:#083846!important;
  cursor:pointer!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card :where(.inline-check,.terms-check,.final-consent-box) input[type="checkbox"]{
  -webkit-appearance:auto!important;
  appearance:auto!important;
  accent-color:#083846!important;
  display:inline-block!important;
  inline-size:20px!important;
  block-size:20px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  padding:0!important;
  border-radius:6px!important;
  border:1px solid rgba(8,56,70,.32)!important;
  background-color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  vertical-align:middle!important;
  cursor:pointer!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .inline-check,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .inline-check,
html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .terms-check,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .terms-check{
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .inline-check,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .inline-check,
html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .terms-check,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .terms-check{
  direction:ltr!important;
  text-align:left!important;
}

/* submit-vat-return: make the structured VAT return step visually match the VAT Return Checker page. */
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-field{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:clamp(18px,2.4vw,28px)!important;
  border-radius:30px!important;
  border:1px solid rgba(8,56,70,.14)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcfd 100%)!important;
  box-shadow:0 22px 58px rgba(8,56,70,.075)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-hint{
  margin:0!important;
  padding:15px 18px!important;
  border-radius:18px!important;
  border:1px solid rgba(8,56,70,.13)!important;
  background:#eef9fa!important;
  color:#083846!important;
  font-size:14.5px!important;
  line-height:1.75!important;
  font-weight:900;
  text-align:inherit!important;
  direction:inherit!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-meta-entry,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .checker-meta-grid.tax-case-vat-meta-entry,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .checker-meta-grid-enhanced.tax-case-vat-meta-entry{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:end!important;
  width:100%!important;
  margin:0!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-meta-entry .form-field{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-meta-entry .form-field label{
  min-height:0!important;
  margin:0!important;
  color:#083846!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  font-weight:1000;
  text-align:inherit!important;
  direction:inherit!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-meta-entry :where(input,select){
  min-height:50px!important;
  height:auto!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  border:1px solid rgba(8,56,70,.20)!important;
  background:#fff!important;
  color:#102f33!important;
  font-size:14px!important;
  font-weight:900;
  box-shadow:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-meta-entry input[readonly]{
  background:#f4fafb!important;
  color:#405c62!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-section{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:26px!important;
  border:1px solid rgba(8,56,70,.14)!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(8,56,70,.055)!important;
  overflow:hidden!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-section + .checker-section{
  margin-top:0!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:56px!important;
  padding:15px 20px!important;
  background:linear-gradient(135deg,#083846,#075c62)!important;
  color:#fff!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-section-title h3{
  margin:0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:1000;
  text-align:inherit!important;
  direction:inherit!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  -webkit-overflow-scrolling:touch!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .tax-case-vat-table-compact{
  width:100%!important;
  min-width:1120px!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  margin:0!important;
  background:#fff!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table th,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table td{
  padding:12px 12px!important;
  border-bottom:1px solid #e2edf0!important;
  color:#163b40!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
  text-align:center!important;
  white-space:normal!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table th{
  background:#eef7f8!important;
  color:#083846!important;
  font-weight:1000;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-desc{
  min-width:260px!important;
  color:#163b40!important;
  font-weight:950;
  text-align:inherit!important;
  direction:inherit!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-box-no{
  width:80px!important;
  color:#083846!important;
  font-weight:1000;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table :where(input,select){
  display:inline-block!important;
  width:132px!important;
  max-width:132px!important;
  min-width:112px!important;
  min-height:42px!important;
  height:42px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  border:1px solid rgba(8,56,70,.22)!important;
  background:#fffdf4!important;
  color:#102f33!important;
  font-size:13.5px!important;
  font-weight:900;
  text-align:center!important;
  direction:ltr!important;
  box-shadow:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table :where(input,select):focus,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-meta-entry :where(input,select):focus{
  outline:none!important;
  border-color:#083846!important;
  box-shadow:0 0 0 4px rgba(8,56,70,.10)!important;
}

html[dir="rtl"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry,
body.lang-ar.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry{
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry,
body.lang-en.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry{
  direction:ltr!important;
  text-align:left!important;
}

@media (max-width:1100px){
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-meta-entry,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .checker-meta-grid.tax-case-vat-meta-entry,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .checker-meta-grid-enhanced.tax-case-vat-meta-entry{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:680px){
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .inline-check,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .terms-check{
    align-items:flex-start!important;
  }
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry{
    padding:16px 12px!important;
    border-radius:24px!important;
  }
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-meta-entry,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .checker-meta-grid.tax-case-vat-meta-entry,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .checker-meta-grid-enhanced.tax-case-vat-meta-entry{
    grid-template-columns:1fr!important;
  }
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .tax-case-vat-table-compact{
    min-width:980px!important;
  }
}

/* =========================================================
   VATAX FIX 17 - WIDE SERVICE WIZARD TABLE + FINAL TERMS POLISH
   Purpose:
   1) Make the public submit card wide enough for the VAT return table on desktop.
   2) Remove the horizontal scrollbar from submit-vat-return VAT table on desktop by using a fitted table layout.
   3) Keep small screens safe with a controlled responsive fallback.
   4) Rebuild the final terms/payment step as a clean official review layout without breaking PHP/JS flow.
   Loaded last to defeat older width/overflow/table !important rules.
   ========================================================= */

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-shell .container,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .case-shell.service-submit-shell > .container{
  width:min(calc(100% - 38px),1520px)!important;
  max-width:1520px!important;
  margin-inline:auto!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) form.service-submit-card,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card{
  width:100%!important;
  max-width:1480px!important;
  margin-inline:auto!important;
  padding:clamp(30px,3vw,52px)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-progress.case-progress{
  width:100%!important;
  max-width:1180px!important;
}

/* Desktop VAT table: show the full table inside the enlarged card, no horizontal bar. */
@media (min-width:1180px){
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry{
    width:100%!important;
    max-width:none!important;
    padding:clamp(20px,2vw,30px)!important;
    overflow:visible!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-section{
    width:100%!important;
    max-width:none!important;
    overflow:hidden!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table-wrap::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .tax-case-vat-table-compact{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table :where(th,td){
    padding:12px 10px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table :where(th:nth-child(1),td:nth-child(1)){
    width:7%!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table :where(th:nth-child(2),td:nth-child(2)){
    width:35%!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table :where(th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5)){
    width:19.333%!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-desc{
    min-width:0!important;
    max-width:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-box-no{
    width:auto!important;
    min-width:0!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table :where(input,select){
    width:min(100%,150px)!important;
    min-width:0!important;
    max-width:150px!important;
    height:42px!important;
    margin-inline:auto!important;
    font-size:13.5px!important;
  }
}

/* Medium screens: keep the table usable, but make the scroll area look controlled and not broken. */
@media (max-width:1179px){
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table-wrap{
    overflow-x:auto!important;
    border-radius:0 0 22px 22px!important;
  }

  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-return-body):not(.admin-body) .service-submit-card .tax-case-vat-return-entry .tax-case-vat-table-compact{
    min-width:980px!important;
  }
}

/* File upload inside submit pages: cleaner centered field after widening the card. */
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-upload{
  min-height:136px!important;
  padding:22px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:center!important;
  align-content:center!important;
  gap:10px!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .case-upload input[type="file"]{
  width:min(100%,520px)!important;
  max-width:520px!important;
  min-height:44px!important;
  height:auto!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(8,56,70,.20)!important;
  color:#173c42!important;
  font-size:14px!important;
  text-align:initial!important;
  direction:initial!important;
}

/* Final terms/payment step: official organized layout. */
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card .terms-payment-step.final-review-step.active{
  display:block!important;
  width:100%!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-official{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-page-head{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  text-align:center!important;
  color:#083846!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-page-head .final-review-page-icon{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef9fa!important;
  color:#083846!important;
  border:1px solid rgba(8,56,70,.16)!important;
  box-shadow:0 14px 34px rgba(8,56,70,.10)!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-page-head h2{
  margin:0 0 8px!important;
  color:#083846!important;
  font-size:clamp(32px,3.8vw,52px)!important;
  line-height:1.16!important;
  font-weight:1000;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-page-head p{
  margin:0!important;
  color:#506a70!important;
  font-size:15px!important;
  line-height:1.9!important;
  font-weight:850;
}

@media (min-width:980px){
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-layout.final-review-stack-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(380px,.78fr)!important;
    gap:22px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:1260px!important;
    margin-inline:auto!important;
  }
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-payment-summary-card,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-terms-official-card{
  width:100%!important;
  max-width:none!important;
  min-height:100%!important;
  margin:0!important;
  border-radius:28px!important;
  border:1px solid rgba(8,56,70,.14)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fcfd 100%)!important;
  box-shadow:0 18px 50px rgba(8,56,70,.075)!important;
  padding:clamp(20px,2vw,28px)!important;
  color:#083846!important;
  box-sizing:border-box!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-payment-summary-card h3,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-terms-official-card h3{
  margin:0 0 16px!important;
  color:#083846!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.25!important;
  font-weight:1000;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-card-title{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin-bottom:18px!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-card-title-icon,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .summary-corner-icon,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-amount-icon{
  color:#083846!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-amount-box,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-secure-note,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-followup-block,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-consent-box{
  border-radius:20px!important;
  border:1px solid rgba(8,56,70,.14)!important;
  background:#f2fbfc!important;
  padding:18px!important;
  box-shadow:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-amount-box{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  background:linear-gradient(135deg,#fff8ea 0%,#ffffff 100%)!important;
  border-color:rgba(223,151,34,.35)!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-amount-box small,
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-amount-box strong{
  display:block!important;
  grid-column:2!important;
  color:#083846!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-amount-box strong{
  font-size:clamp(22px,2.4vw,34px)!important;
  line-height:1.2!important;
  font-weight:1000;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-read-terms-link{
  width:100%!important;
  min-height:52px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  background:#fff!important;
  color:#083846!important;
  border:1px solid rgba(8,56,70,.20)!important;
  font-weight:1000;
  text-decoration:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-consent-box{
  width:100%!important;
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:start!important;
  gap:13px!important;
  cursor:pointer!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-consent-box input[type="checkbox"]{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  opacity:.001!important;
  pointer-events:none!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-consent-check{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  color:transparent!important;
  background:#fff!important;
  border:2px solid rgba(8,56,70,.25)!important;
  box-shadow:inset 0 0 0 2px #fff!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-consent-box:has(input[type="checkbox"]:checked) .final-consent-check{
  background:#083846!important;
  border-color:#083846!important;
  color:#fff!important;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-consent-text strong{
  display:block!important;
  color:#083846!important;
  font-size:15.5px!important;
  line-height:1.7!important;
  font-weight:1000;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-consent-text small{
  display:block!important;
  margin-top:4px!important;
  color:#5b7378!important;
  font-size:13px!important;
  line-height:1.65!important;
  font-weight:850;
}

html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-review-actions-bar{
  width:100%!important;
  max-width:1260px!important;
  margin:0 auto!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(8,56,70,.13)!important;
  background:#fff!important;
  box-shadow:0 16px 44px rgba(8,56,70,.06)!important;
}

@media (max-width:979px){
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-layout.final-review-stack-layout{
    grid-template-columns:1fr!important;
    max-width:100%!important;
  }
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .final-review-page-head{
    display:grid!important;
    justify-items:center!important;
  }
}

@media (max-width:720px){
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-shell .container,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .case-shell.service-submit-shell > .container{
    width:min(calc(100% - 22px),100%)!important;
    max-width:100%!important;
  }
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) form.service-submit-card,
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body) .service-submit-card{
    padding:22px 13px!important;
    border-radius:26px!important;
  }
  html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-consultation-body,.page-submit-vat-return-body):not(.admin-body) .final-consent-box{
    grid-template-columns:26px minmax(0,1fr)!important;
    padding:15px!important;
  }
}

/* ========================================================================
   VATAX vv2-27 USER FIX 2026-06-26
   Fixes based on mobile screenshot:
   - Homepage mobile hero uses the clean tools-page stacked flow.
   - Compass card can never overlay/cut the hero text.
   - AskVATAX panel and team popup stay above the navbar.
   - Floating helpers are compact and do not widen the mobile viewport.
   - Footer copyright VATAX word uses logo colors exactly.
   Scope: public pages only; no dashboard/admin/client/employee selectors.
   ======================================================================== */

html,
html body.public-body:not(.admin-body){
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

html body.public-body:not(.admin-body),
html body.public-body:not(.admin-body) *,
html body.public-body:not(.admin-body) *::before,
html body.public-body:not(.admin-body) *::after{
  box-sizing:border-box!important;
}

html body.public-body:not(.admin-body) :where(img,video,canvas,iframe,svg){
  max-width:100%!important;
}

/* Layer conflicts: modal/chat must win over the sticky navbar, but navbar keeps its layout. */
html body.public-body:not(.admin-body) :where(header.site-header,.site-header,nav.public-navbar,.navbar.public-navbar){
  z-index:120000!important;
}

html body.public-body:not(.admin-body) :where(.mobile-nav-panel,.nav-services-dropdown,.nav-dropdown.nav-services-dropdown){
  z-index:120050!important;
}

html body.public-body:not(.admin-body) .vtx-team-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
  isolation:isolate!important;
}

html body.public-body:not(.admin-body) .vtx-team-modal-card{
  position:relative!important;
  z-index:2!important;
  max-width:min(920px,calc(100vw - 28px))!important;
  max-height:min(86dvh,760px)!important;
  overflow:auto!important;
}

html body.public-body.vtx-team-modal-open:not(.admin-body) :where(.askvatax-widget,.vtx-whatsapp-float){
  pointer-events:none!important;
}

/* AskVATAX: fixed above all normal content/nav, opened panel appears upward from the button. */
html body.public-body:not(.admin-body) .askvatax-widget{
  position:fixed!important;
  z-index:2147483400!important;
  top:auto!important;
  margin:0!important;
  transform:none!important;
  max-width:calc(100vw - 24px)!important;
  isolation:isolate!important;
}

html body.public-body:not(.admin-body) .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget.is-open .askvatax-panel{
  position:absolute!important;
  z-index:2147483410!important;
  width:min(430px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  height:auto!important;
  max-height:calc(100dvh - 112px)!important;
  bottom:72px!important;
  overflow:hidden!important;
  border-radius:22px!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-widget,
html[lang^="ar"] body.public-body:not(.admin-body) .askvatax-widget,
body.public-body.lang-ar:not(.admin-body) .askvatax-widget,
body.public-body.dir-rtl:not(.admin-body) .askvatax-widget,
html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="left"]{
  inset:auto auto 12px 12px!important;
  left:12px!important;
  right:auto!important;
  direction:rtl!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-widget,
html[lang^="en"] body.public-body:not(.admin-body) .askvatax-widget,
body.public-body.lang-en:not(.admin-body) .askvatax-widget,
body.public-body.dir-ltr:not(.admin-body) .askvatax-widget,
html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="right"]{
  inset:auto 12px 12px auto!important;
  right:12px!important;
  left:auto!important;
  direction:ltr!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) .askvatax-panel,
html[lang^="ar"] body.public-body:not(.admin-body) .askvatax-panel,
body.public-body.lang-ar:not(.admin-body) .askvatax-panel,
body.public-body.dir-rtl:not(.admin-body) .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="left"] .askvatax-panel{
  inset:auto auto 72px 0!important;
  left:0!important;
  right:auto!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) .askvatax-panel,
html[lang^="en"] body.public-body:not(.admin-body) .askvatax-panel,
body.public-body.lang-en:not(.admin-body) .askvatax-panel,
body.public-body.dir-ltr:not(.admin-body) .askvatax-panel,
html body.public-body:not(.admin-body) .askvatax-widget[data-vtx-float-side="right"] .askvatax-panel{
  inset:auto 0 72px auto!important;
  right:0!important;
  left:auto!important;
}

html body.public-body:not(.admin-body) .vtx-whatsapp-float{
  position:fixed!important;
  z-index:2147483300!important;
  top:auto!important;
  margin:0!important;
}

html[dir="rtl"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
html[lang^="ar"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
body.public-body.lang-ar:not(.admin-body) .vtx-whatsapp-float,
body.public-body.dir-rtl:not(.admin-body) .vtx-whatsapp-float,
html body.public-body:not(.admin-body) .vtx-whatsapp-float[data-vtx-float-side="left"]{
  inset:auto auto 76px 14px!important;
  left:14px!important;
  right:auto!important;
}

html[dir="ltr"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
html[lang^="en"] body.public-body:not(.admin-body) .vtx-whatsapp-float,
body.public-body.lang-en:not(.admin-body) .vtx-whatsapp-float,
body.public-body.dir-ltr:not(.admin-body) .vtx-whatsapp-float,
html body.public-body:not(.admin-body) .vtx-whatsapp-float[data-vtx-float-side="right"]{
  inset:auto 14px 76px auto!important;
  right:14px!important;
  left:auto!important;
}

/* Homepage mobile: same clean stacked approach used for Tools hero; no overlay and no clipped text. */
@media screen and (max-width:980px){
  html body.public-body.page-index-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero{
    height:auto!important;
    min-height:auto!important;
    display:block!important;
    align-items:initial!important;
    overflow:hidden!important;
    padding:76px 0 92px!important;
  }

  html body.public-body.page-index-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero .classic-hero-grid,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero .classic-hero-grid,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero .classic-hero-grid{
    width:min(calc(100% - 28px),560px)!important;
    max-width:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "card"!important;
    gap:24px!important;
    align-items:center!important;
    justify-items:center!important;
    align-content:center!important;
    text-align:center!important;
    padding:0!important;
    margin-inline:auto!important;
    transform:none!important;
  }

  html body.public-body.page-index-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero .classic-hero-copy,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero .classic-hero-copy,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero .classic-hero-copy{
    grid-area:copy!important;
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    position:relative!important;
    z-index:4!important;
    display:grid!important;
    justify-items:center!important;
    text-align:center!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
  }

  html[dir="rtl"] body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy,
  html[dir="rtl"] body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy :where(h1,p),
  body.public-body.lang-ar.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy,
  body.public-body.lang-ar.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy :where(h1,p){
    direction:rtl!important;
    text-align:center!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-pill-clean,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-pill-clean,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-gcc-animated-pill{
    max-width:100%!important;
    margin:0 auto 12px!important;
    padding:8px 12px!important;
    white-space:normal!important;
    line-height:1.55!important;
    font-size:12px!important;
    justify-content:center!important;
    text-align:center!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy h1,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy h1{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 12px!important;
    color:#fff!important;
    font-size:clamp(31px,7.8vw,42px)!important;
    line-height:1.16!important;
    letter-spacing:0!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy h1 > span:not(.vtx-brand-word):not(.vtx-brand-letter),
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy h1 > span:not(.vtx-brand-word):not(.vtx-brand-letter){
    display:block!important;
    margin-top:8px!important;
    color:#f5a000!important;
    font-size:clamp(22px,6vw,30px)!important;
    line-height:1.26!important;
    text-wrap:balance!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy p,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy p{
    width:100%!important;
    max-width:34rem!important;
    margin:0 auto!important;
    color:rgba(255,255,255,.93)!important;
    font-size:15px!important;
    line-height:1.85!important;
    text-align:center!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .hero-actions,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .hero-actions{
    width:100%!important;
    max-width:300px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    justify-content:center!important;
    margin:18px auto 0!important;
    gap:12px!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .hero-actions .btn,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-main-start-btn,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .hero-actions .btn,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-main-start-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:52px!important;
    padding:13px 18px!important;
    border-radius:18px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    transform:none!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card.vtx-hero-tool-card,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card.vtx-hero-tool-card,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-hero-tool-card.vtx-home-compass-card{
    grid-area:card!important;
    order:2!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    width:min(100%,330px)!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:20px 17px!important;
    border-radius:28px!important;
    display:grid!important;
    justify-items:center!important;
    align-items:center!important;
    text-align:center!important;
    gap:12px!important;
    z-index:3!important;
    overflow:hidden!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card .vtx-hero-tool-icon,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card .vtx-hero-tool-icon,
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card > span:first-child{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    margin:0 auto!important;
    border-radius:20px!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card :where(h2,h3),
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card :where(h2,h3){
    width:100%!important;
    margin:0 auto!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:clamp(24px,6.5vw,32px)!important;
    line-height:1.18!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card :where(strong,p),
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card :where(strong,p){
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1.75!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-hero-compass-btn,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-hero-compass-btn{
    width:100%!important;
    max-width:220px!important;
    min-height:50px!important;
    padding:12px 16px!important;
    margin:2px auto 0!important;
    border-radius:18px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
  }
}

@media screen and (max-width:520px){
  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero{
    padding-top:54px!important;
    padding-bottom:86px!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-grid,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-grid{
    width:min(calc(100% - 20px),420px)!important;
    gap:18px!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card.vtx-hero-tool-card,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .vtx-home-compass-card.vtx-hero-tool-card{
    width:min(100%,300px)!important;
    padding:18px 15px!important;
    border-radius:26px!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy h1,
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy h1{
    font-size:30px!important;
  }

  html body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy h1 > span:not(.vtx-brand-word):not(.vtx-brand-letter),
  html body.public-body.public-index-body:not(.admin-body) .classic-home-hero.vtx-gcc-home-hero .classic-hero-copy h1 > span:not(.vtx-brand-word):not(.vtx-brand-letter){
    font-size:22px!important;
  }
}

/* Compact floating buttons on mobile so they do not create the crowded screenshot effect. */
@media screen and (max-width:760px){
  html body.public-body:not(.admin-body) .askvatax-fab{
    min-width:0!important;
    width:auto!important;
    max-width:min(188px,calc(100vw - 96px))!important;
    min-height:50px!important;
    padding:8px 10px!important;
    gap:8px!important;
    border-radius:999px!important;
  }

  html body.public-body:not(.admin-body) .askvatax-fab-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex-basis:38px!important;
  }

  html body.public-body:not(.admin-body) .askvatax-brand-label,
  html body.public-body:not(.admin-body) .askvatax-fab-text strong.askvatax-brand-label{
    font-size:13px!important;
    line-height:1.1!important;
  }

  html body.public-body:not(.admin-body) .askvatax-fab-text small{
    display:none!important;
  }

  html body.public-body:not(.admin-body) .vtx-whatsapp-float{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }

  html body.public-body:not(.admin-body) .vtx-whatsapp-float .icon,
  html body.public-body:not(.admin-body) .vtx-whatsapp-float svg{
    width:23px!important;
    height:23px!important;
  }
}

/* Public pages responsive guard: grids/forms/tables must not force horizontal scroll. */
@media screen and (max-width:900px){
  html body.public-body:not(.admin-body) :where(.service-pillar-grid,.home-pillar-grid,.public-service-grid,.service-index-grid,.tools-grid,.team-grid-modern,.team-accordion-grid,.authority-grid,.certificate-icon-grid,.partner-tier-grid,.contact-cards-row,.method-flow-grid,.about-section-grid,.form-grid,.final-review-layout,.vtx-digital-services-grid){
    grid-template-columns:1fr!important;
    max-width:100%!important;
  }

  html body.public-body:not(.admin-body) :where(.hero-actions,.service-card-actions,.form-actions,.wizard-actions,.checker-actions-row,.result-actions){
    max-width:100%!important;
  }

  html body.public-body:not(.admin-body) :where(.hero-actions .btn,.service-card-actions .btn,.form-actions .btn,.wizard-actions .btn,.checker-actions-row .btn,.result-actions .btn){
    max-width:100%!important;
    justify-content:center!important;
  }
}

html body.public-body:not(.admin-body) :where(.table-responsive,.table-wrap,.data-table-wrap,.vat-table-wrap,.checker-table-wrap,.vtx-table-scroll,.final-review-table-wrap){
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

html body.public-body:not(.admin-body) :where(input,select,textarea,button,.btn){
  max-width:100%!important;
}

/* Services page requested heading size. */
html body.public-body.page-services-body:not(.admin-body) .tools-home-section .section-head .section-title,
html body.public-body.page-services-body:not(.admin-body) .tools-home-section h2.section-title,
html body.public-body.page-services-body:not(.admin-body) .vtx-tools-before-submit-title,
html body.public-body.page-services-body:not(.admin-body) .vtx-tools-free-title{
  font-size:28px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

/* Footer copyright VATAX word: logo colors (navy letters + gold T), no white override. */
html body.public-body:not(.admin-body) footer.footer .footer-bottom .footer-copyright .vtx-footer-copyright-brand,
html body.public-body:not(.admin-body) footer.footer .footer-bottom .footer-copyright .vtx-footer-copyright-brand .vtx-brand-word{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0 .12em!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
  line-height:1!important;
  gap:.025em!important;
  color:#073944!important;
  -webkit-text-fill-color:#073944!important;
  font-weight:1000;
}

html body.public-body:not(.admin-body) footer.footer .footer-bottom .footer-copyright .vtx-footer-copyright-brand .vtx-brand-letter{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  line-height:1!important;
  color:#073944!important;
  -webkit-text-fill-color:#073944!important;
}

html body.public-body:not(.admin-body) footer.footer .footer-bottom .footer-copyright .vtx-footer-copyright-brand .vtx-brand-v,
html body.public-body:not(.admin-body) footer.footer .footer-bottom .footer-copyright .vtx-footer-copyright-brand .vtx-brand-a1,
html body.public-body:not(.admin-body) footer.footer .footer-bottom .footer-copyright .vtx-footer-copyright-brand .vtx-brand-a2,
html body.public-body:not(.admin-body) footer.footer .footer-bottom .footer-copyright .vtx-footer-copyright-brand .vtx-brand-x{
  color:#073944!important;
  -webkit-text-fill-color:#073944!important;
}

html body.public-body:not(.admin-body) footer.footer .footer-bottom .footer-copyright .vtx-footer-copyright-brand .vtx-brand-t{
  color:#E8A11D!important;
  -webkit-text-fill-color:#E8A11D!important;
}

/* VATAX submit-vat-return final: reuse VAT Return Checker visual structure inside the service wizard. */
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry.vat-checker-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(22px,3vw,38px)!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(8,56,70,.14)!important;
  box-shadow:0 28px 78px rgba(8,56,70,.10)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-topbar,
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .checker-topbar.tax-case-vat-topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(270px,340px)!important;
  gap:24px!important;
  align-items:stretch!important;
  margin:0 0 26px!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-topbar > div:first-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-topbar h2{
  margin:8px 0 10px!important;
  font-size:clamp(28px,3vw,44px)!important;
  line-height:1.15!important;
  color:#083846!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
  text-align:inherit!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-topbar p{
  max-width:780px!important;
  margin:0!important;
  color:#587178!important;
  line-height:1.85!important;
  font-size:15.5px!important;
  font-weight:750!important;
  text-align:inherit!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-topbar .checker-status-card{
  min-width:0!important;
  width:100%!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#083846,#075c62)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 22px 54px rgba(8,56,70,.18)!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-summary-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.58fr)!important;
  gap:18px!important;
  padding:20px!important;
  align-items:start!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-summary-table-wrap{
  border:1px solid rgba(8,56,70,.12)!important;
  border-radius:0 0 24px 24px!important;
  background:#fff!important;
  overflow:auto!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .risk-panel{
  border-radius:24px!important;
  border:1px solid rgba(8,56,70,.13)!important;
  background:linear-gradient(180deg,#f5fbfc,#fff)!important;
  box-shadow:0 16px 40px rgba(8,56,70,.06)!important;
  padding:18px!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-recommendation{
  margin:0 20px 20px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:#fff8ea!important;
  border:1px solid rgba(194,137,44,.28)!important;
  color:#083846!important;
  font-weight:900!important;
  line-height:1.75!important;
  text-align:inherit!important;
  direction:inherit!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table.tax-case-vat-table-full{
  min-width:1320px!important;
  table-layout:auto!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table.tax-case-vat-table-full .checker-desc{
  min-width:240px!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table.tax-case-vat-table-full .checker-notes{
  min-width:180px!important;
  font-weight:850!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .risk-flag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:106px!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:12.5px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .risk-flag.low,
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .low{color:#0b6b4f!important;background:#eafaf2!important;border-color:#c9efd9!important;}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .risk-flag.medium,
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .medium{color:#9a6500!important;background:#fff6dc!important;border-color:#f1d991!important;}
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .risk-flag.high,
html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .high{color:#9f1d1d!important;background:#fff0f0!important;border-color:#f4c4c4!important;}
@media (min-width:1180px){
  html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table-wrap{
    overflow-x:auto!important;
    scrollbar-width:thin!important;
  }
  html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table.tax-case-vat-table-full{
    min-width:1320px!important;
    table-layout:auto!important;
  }
}
@media (max-width:1080px){
  html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-topbar,
  html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .checker-topbar.tax-case-vat-topbar,
  html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-summary-grid{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:680px){
  html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry.vat-checker-card{
    padding:20px 12px!important;
    border-radius:26px!important;
  }
  html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-recommendation{
    margin-inline:0!important;
  }
  html body.public-body.page-submit-vat-return-body:not(.admin-body) .service-submit-card .tax-case-vat-return-entry .checker-table.tax-case-vat-table-full{
    min-width:1180px!important;
  }
}

/* ========================================================================
   VATAX FINAL COMPASS HERO CARD SIZE + MOTION PATCH - 2026-07-05
   Scope: homepage hero Compass card + Tools page hero Compass card only.
   Purpose: make the homepage card compact like the Tools hero card, while
   adding a gentle compass motion without touching the VATAX title markup.
   ======================================================================== */
@media screen{
  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card{
    width:min(100%,350px)!important;
    max-width:350px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:28px 26px!important;
    gap:12px!important;
    border-radius:28px!important;
    box-sizing:border-box!important;
  }

  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon::before,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon::before,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon::before{
    content:""!important;
    position:absolute!important;
    inset:9px!important;
    border-radius:50%!important;
    border:1px solid rgba(0,90,92,.20)!important;
    background:radial-gradient(circle,rgba(232,161,29,.22),rgba(232,161,29,0) 64%)!important;
    opacity:.55!important;
    z-index:0!important;
    pointer-events:none!important;
    animation:vtxCompassHeroPulse 3.4s ease-in-out infinite!important;
  }

  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass{
    position:relative!important;
    z-index:1!important;
    transform-origin:50% 50%!important;
    transform-box:fill-box!important;
    animation:vtxCompassHeroDrift 4.2s ease-in-out infinite!important;
    will-change:transform!important;
  }

  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass path:last-child,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass path:last-child,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass path:last-child{
    transform-origin:50% 50%!important;
    transform-box:fill-box!important;
    animation:vtxCompassNeedleSweep 3.1s ease-in-out infinite!important;
    will-change:transform!important;
  }

  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card:hover .vtx-hero-tool-icon .icon-compass,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card:hover .vtx-hero-tool-icon .icon-compass,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card:hover .vtx-hero-tool-icon .icon-compass{
    animation-duration:2.6s!important;
  }
}

@keyframes vtxCompassHeroPulse{
  0%,100%{opacity:.34;transform:scale(.88);}
  50%{opacity:.72;transform:scale(1.08);}
}

@keyframes vtxCompassHeroDrift{
  0%,100%{transform:translateY(0) rotate(-2deg);}
  50%{transform:translateY(-3px) rotate(2deg);}
}

@keyframes vtxCompassNeedleSweep{
  0%,100%{transform:rotate(-8deg);}
  50%{transform:rotate(14deg);}
}

@media screen and (max-width:760px){
  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card{
    width:min(100%,320px)!important;
    max-width:320px!important;
    padding:22px 18px!important;
    gap:11px!important;
  }
}

@media screen and (max-width:520px){
  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card,
  html body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card{
    width:min(100%,300px)!important;
    max-width:300px!important;
    padding:18px 15px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon::before,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon::before,
  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass,
  html body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced article.vtx-home-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass path:last-child,
  html body.public-body:not(.admin-body) .vtx-page-standard-hero.has-hero-tool-card article.vtx-tools-hero-compass-card.vtx-hero-tool-card .vtx-hero-tool-icon .icon-compass path:last-child{
    animation:none!important;
  }
}