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

.rate-hero .hero-title{max-width:1000px}


.rate-service-section{background:linear-gradient(180deg,var(--bg),#fff);padding-top:74px}


.rate-layout{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);gap:26px;align-items:start}


.rate-side-card{position:sticky;top:106px;background:linear-gradient(135deg,#00383a,#001819);border-radius:34px;color:#fff;padding:32px;box-shadow:0 28px 70px rgba(0,47,50,.18);overflow:hidden}


.rate-side-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(223,155,34,.18);left:-90px;bottom:-110px}


html[dir="ltr"] .rate-side-card:after{left:auto;right:-90px}


.rate-side-card>*{position:relative;z-index:1}


.rate-side-card .eyebrow{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24);color:#fff}


.rate-side-card h2{font-size:clamp(28px,3vw,40px);line-height:1.25;margin:16px 0 18px;font-weight:1000;color:#fff}


.rate-benefit-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}


.rate-benefit-list li{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:13px 14px;color:#e7fbfb;font-weight:850}


.rate-benefit-list .icon{color:var(--gold);flex:0 0 auto}


.rate-note-box{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:18px}


.rate-note-box strong{color:var(--gold);font-size:18px}


.rate-note-box p{color:#d8eeee;line-height:1.7;margin:8px 0 0}


.rate-form-card{background:#fff;border:1px solid #d7e6e9;border-radius:36px;padding:36px;box-shadow:0 24px 64px rgba(0,47,50,.08);display:grid;gap:26px}


.rate-form-head{display:flex;gap:18px;align-items:flex-start;border-bottom:1px solid #e2ecef;padding-bottom:24px}


.form-section-number{width:54px;height:54px;border-radius:18px;background:var(--gold);color:#111;display:grid;place-items:center;font-size:20px;font-weight:1000;flex:0 0 auto}


.rate-form-head h2{margin:0 0 6px;font-size:clamp(28px,3.2vw,42px);font-weight:1000;color:#071617}


.rate-form-head p{margin:0;color:#60777b;line-height:1.65;font-weight:650}


.rate-question-block{display:grid;gap:16px}


.rate-question-title{display:flex;align-items:center;gap:12px}


.rate-question-title>span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#e8f4f5;color:var(--teal)}


.rate-question-title h3{margin:0;font-size:22px;font-weight:1000;color:#071617}


.rate-question-title em{font-style:normal;font-size:13px;background:#fff3d8;color:#815308;border-radius:999px;padding:4px 10px;margin-inline-start:8px}


.rate-micro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}


.rate-choice-group{border:1px solid #dbe8eb;background:#f8fcfd;border-radius:24px;padding:18px;margin:0}


.rate-choice-group legend{display:flex;align-items:center;gap:8px;font-weight:1000;color:#071617;padding:0 4px 10px;font-size:16px;line-height:1.4}


.rate-choice-group legend span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#e8f4f5;color:var(--teal);flex:0 0 auto}


.rate-option-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}


.rate-option-list label{position:relative;cursor:pointer}


.rate-option-list input{position:absolute;opacity:0;pointer-events:none}


.rate-option-list span{display:block;text-align:center;background:#fff;border:1px solid #e1ecef;border-radius:14px;padding:11px 10px;font-weight:850;color:#37565b;transition:.2s}


.rate-option-list label:hover span,.rate-option-list input:checked+span{background:#e8f4f5;border-color:rgba(0,90,92,.36);color:var(--teal);box-shadow:0 10px 22px rgba(0,90,92,.08)}


.rate-text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}


.rate-permission-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);gap:16px;align-items:stretch}


@media (max-width:1180px){
.about-snapshot-grid,.resources-panel,.rate-layout{grid-template-columns:1fr}
.rate-side-card{position:relative;top:auto}
}


@media (max-width:900px){
.about-stat-board,.client-story-grid,.service-pillar-grid,.authority-grid,.rate-micro-grid,.rate-text-grid,.rate-permission-grid{grid-template-columns:1fr}
}


@media (max-width:620px){
.about-snapshot-grid,.resources-panel,.rate-form-card,.rate-side-card,.feedback-cta-card{border-radius:26px;padding:24px}
.rate-option-list{grid-template-columns:1fr}
.rate-form-head{display:grid}
}


.card,.public-service-card,.service-pillar-card,.tool-card,.contact-mini-card,.contact-form-card-modern,.contact-side-panel,.rate-side-card,.rate-form-card,.service-detail-main,.service-detail-side,.authority-card,.about-info-card,.method-flow-card,.team-card,.client-story-card,.certificate-icon-card,.partner-tier,.vtx-service-card,.vtx-annual-card,.privacy-card,.invoice-box,.vtx-success-card{
  will-change:transform,box-shadow;
  backface-visibility:hidden;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease,background .34s ease;
}


.card:hover .icon-box,.public-service-card:hover .icon-box,.service-pillar-card:hover .service-pillar-icon,.contact-mini-card:hover span,.rate-choice-group:hover legend span,.rate-question-block:hover .rate-question-title>span{
  transform:translateY(-3px) rotate(-3deg) scale(1.04);
  box-shadow:0 16px 34px rgba(0,90,92,.13);
}


html[dir="ltr"] .card:hover .icon-box,
html[dir="ltr"] .public-service-card:hover .icon-box,
html[dir="ltr"] .service-pillar-card:hover .service-pillar-icon,
html[dir="ltr"] .contact-mini-card:hover span,
html[dir="ltr"] .rate-choice-group:hover legend span,
html[dir="ltr"] .rate-question-block:hover .rate-question-title>span{
  rotate:3deg;
}


/* All public cards: smaller and more technical/proportional */
body:not(.admin-body) :where(.card,.public-service-card,.service-pillar-card,.tool-card,.contact-mini-card,.contact-form-card-modern,.contact-side-panel,.rate-side-card,.rate-form-card,.service-detail-main,.service-detail-side,.authority-card,.about-info-card,.method-flow-card,.team-card,.client-story-card,.certificate-icon-card,.partner-tier,.vtx-service-card,.vtx-annual-card,.privacy-card,.invoice-box,.vtx-success-card,.package-card,.service-rich-card,.service-flow-card){
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(8,56,70,.065)!important;
}


.feedback-cta-card,.feedback-hero,.rate-service-hero{background:linear-gradient(135deg,rgba(7,57,68,.88),rgba(13,90,97,.78)),var(--feedback-bg,none)!important;color:#fff!important;}


.feedback-cta-card .section-subtitle,.feedback-cta-card p,.rate-service-hero p{color:rgba(255,255,255,.92)!important;}


/* Rate service: remove measurement side box and make form clean */
.rate-layout-single{
  grid-template-columns:1fr!important;
  max-width:1040px;
  margin-inline:auto;
}


.rate-layout-single .rate-side-card,
.rate-layout-single aside,
.vtx-updates2-rate-page .rate-side-card{ display:none!important; }


.vtx-updates2-rate-page .rate-form-card{ width:100%; }


/* Ensure removed measurement box and helper symbols stay hidden, while manual AskVATAX remains active. */
.rate-side-card,
.rate-measure-card,
.rate-measure-box,
.vtx-updates2-rate-page aside[class*="measure"]{
  display:none!important;
}


/* Google-like star rating form. */
.vtx-google-rate-page .rate-form-card{max-width:920px!important;margin-inline:auto!important;}


.vtx-google-rate-page .rate-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}


.rate-text-grid-single{grid-template-columns:1fr!important;}


@media (max-width:720px){
.vtx-google-rate-page .rate-basic-grid{grid-template-columns:1fr!important;}
}


body.public-body:not(.admin-body) :where(p,li,label,input,textarea,select,td,th,.section-subtitle,.muted,.form-field,.form-field label,.rate-form-card,.service-rich-card p,.package-card p){font-size:var(--vtx-final-body)!important;line-height:1.85!important;}


/* Full Rate Our Service form. */
.vtx-feedback-form-card{max-width:980px!important;margin-inline:auto!important;border-radius:32px!important;padding:clamp(22px,4vw,44px)!important;background:linear-gradient(180deg,#fff,#fbfefe)!important;border:1px solid rgba(7,57,68,.12)!important;box-shadow:0 22px 65px rgba(7,57,68,.10)!important;}


.vtx-feedback-head{align-items:flex-start!important;margin-bottom:28px!important;}


.vtx-feedback-head h2{margin:4px 0 8px!important;}


.vtx-feedback-basic-grid{margin-bottom:28px!important;}


.vtx-feedback-section-title{display:flex!important;align-items:center!important;gap:12px!important;margin:28px 0 14px!important;color:#073944!important;}


.vtx-feedback-section-title span{width:36px!important;height:36px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#eaf6f7!important;color:#073944!important;font-weight:1000;}


.vtx-feedback-section-title strong{font-size:18px!important;font-weight:1000;color:#073944!important;}


.vtx-feedback-question{border:1px solid rgba(7,57,68,.10)!important;border-radius:22px!important;background:#fff!important;padding:18px!important;margin:0 0 16px!important;}


.vtx-feedback-question legend{padding:0 8px!important;color:#061112!important;font-size:16px!important;font-weight:900;line-height:1.6!important;}


.vtx-feedback-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important;}


.vtx-feedback-option{display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:12px 14px!important;border:1px solid #d8e7ea!important;border-radius:16px!important;background:#f9fcfd!important;color:#24464b!important;font-size:16px!important;line-height:1.45!important;cursor:pointer!important;transition:.16s ease!important;}


.vtx-feedback-option:hover{border-color:rgba(242,140,0,.55)!important;background:#fff!important;transform:translateY(-1px)!important;}


.vtx-feedback-option input{width:18px!important;height:18px!important;accent-color:var(--vtx-final-gold)!important;flex:0 0 auto!important;}


.vtx-feedback-option:has(input:checked){border-color:rgba(242,140,0,.72)!important;background:rgba(242,140,0,.08)!important;color:#073944!important;box-shadow:0 10px 24px rgba(242,140,0,.10)!important;}


.vtx-feedback-text-grid textarea{min-height:150px!important;}


.vtx-feedback-submit{width:100%!important;margin-top:12px!important;}


.required-star{color:var(--vtx-final-gold)!important;font-weight:1000;}


html[dir="rtl"] .vtx-feedback-options{direction:rtl!important;}


html[dir="ltr"] .vtx-feedback-options{direction:ltr!important;}


html[dir="rtl"] .vtx-feedback-option{text-align:right!important;}


html[dir="ltr"] .vtx-feedback-option{text-align:left!important;}


@media (max-width:760px){
.vtx-feedback-options{grid-template-columns:1fr!important;}
}

/* VATAX vv22(11) rating page fixes: remove the extra boxed first number and restart question numbering inside each section. */
body.public-body.page-rate-service-body:not(.admin-body):not(.client-body):not(.employee-body) .form-section-number{
  display:none!important;
}

body.public-body.page-rate-service-body:not(.admin-body):not(.client-body):not(.employee-body) .vtx-feedback-section-title span{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  display:inline!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#073944!important;
  line-height:1.2!important;
}

html[dir="rtl"] body.public-body.page-rate-service-body:not(.admin-body):not(.client-body):not(.employee-body) .vtx-feedback-section-title span::after,
body.lang-ar.public-body.page-rate-service-body:not(.admin-body):not(.client-body):not(.employee-body) .vtx-feedback-section-title span::after{
  content:".";
}

html[dir="ltr"] body.public-body.page-rate-service-body:not(.admin-body):not(.client-body):not(.employee-body) .vtx-feedback-section-title span::after,
body.lang-en.public-body.page-rate-service-body:not(.admin-body):not(.client-body):not(.employee-body) .vtx-feedback-section-title span::after{
  content:".";
}