/* AdvanSEM education-training industry page: right-to-left overrides for the Arabic page (load after education-training.css). Only rules that do not mirror on their own. */
/* text that was left-aligned reads from the right */
html[dir="rtl"] .asx .map,
html[dir="rtl"] .asx .node,
html[dir="rtl"] .asx .sym button,
html[dir="rtl"] .asx .q button,
html[dir="rtl"] .asx .fit button,
html[dir="rtl"] .asx .gfx-read,
html[dir="rtl"] .asx .lp-legend button,
html[dir="rtl"] .asx button.tier,
html[dir="rtl"] .elementor .gx-price-w .price-sub,
html[dir="rtl"] .sm-tip::after,
html[dir="rtl"] .gx-dx-opts button{text-align:right}

/* layer map: the flow row clears the tag column, which is now on the right */
html[dir="rtl"] .asx .flow{padding:12px 132px 12px 0}
html[dir="rtl"] .asx .flow span:after{left:auto;right:-4px}

/* accent borders move to the right edge */
html[dir="rtl"] .asx .map-read{border-left:1px solid var(--line-navy);border-right:3px solid var(--em)}
html[dir="rtl"] .asx .rx-card.start{border-left:1px solid var(--line);border-right:3px solid var(--em)}
html[dir="rtl"] .asx .rx-card.avoid{border-left:1px solid var(--line);border-right:3px solid #94A3B8}
html[dir="rtl"] .asx .verdict{border-left:1px solid var(--line);border-right:3px solid var(--line)}
html[dir="rtl"] .asx .verdict.yes{border-right-color:var(--em)}
html[dir="rtl"] .asx .verdict.mixed{border-right-color:#94A3B8}
html[dir="rtl"] .asx .fit-lead{padding-left:0;padding-right:15px;border-left:0;border-right:3px solid var(--em)}
html[dir="rtl"] .gx-dx-res .gx-dx-week{border-left:1px solid var(--ln);border-right:3px solid var(--em);border-radius:12px 0 0 12px}

/* service bullets */
html[dir="rtl"] .asx .svc li{padding-left:0;padding-right:18px}
html[dir="rtl"] .asx .svc li:before{left:auto;right:0}

/* first-days table: the dividers swap sides */
html[dir="rtl"] .asx .day .n{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .asx .day .c + .c{border-left:0;border-right:1px solid var(--line)}
@media(max-width:760px){
html[dir="rtl"] .asx .day .n{border-left:0}
html[dir="rtl"] .asx .day .c + .c{border-right:0}
}

/* price block: the promise sits to the left of the price, divider on its right */
html[dir="rtl"] .elementor .gx-price-w .price-tag{background:linear-gradient(202deg,#F1F7F4,#FFFFFF)}
html[dir="rtl"] .elementor .gx-price-w .promise{padding:0 40px 0 0;border-left:0;border-right:1px solid #DCEAE3}
@media(max-width:760px){
html[dir="rtl"] .elementor .gx-price-w .promise{padding:16px 0 0;border-right:0}
}

/* inline links that nudge forward on hover: forward is now to the left */
html[dir="rtl"] .elementor .bz-band .li .from,
html[dir="rtl"] .elementor .bz-band .notin-c .add{margin-left:0;margin-right:-7px}
html[dir="rtl"] .elementor .bz-band .li .from:hover,
html[dir="rtl"] .elementor .bz-band .notin-c .add:hover,
html[dir="rtl"] .elementor .gx-fitset .verdict .jump:hover{transform:translateX(-3px)}
html[dir="rtl"] .gx-dx-opts button:hover{transform:translateX(-4px)}

/* problem cards and KPI rows: the accent bar sits on the right */
html[dir="rtl"] .elementor .gx-prob:before{left:auto;right:0}
html[dir="rtl"] .elementor .gx-kpi{transition:background .22s,padding-right .22s}
html[dir="rtl"] .elementor .gx-kpi:hover{padding-left:0;padding-right:14px}
html[dir="rtl"] .elementor .gx-kpi:after{left:auto;right:0}

/* pricing card badge sits in the top-left corner */
html[dir="rtl"] .mb-tier-badge{right:auto;left:18px}

/* info tip and unit suffixes: the gap is on the other side */
html[dir="rtl"] .sm-tip{margin-left:0;margin-right:6px}
html[dir="rtl"] .ix-mx .ix-mo{margin-left:0;margin-right:1px}

/* intake timeline: the range input runs right to left natively, so its track gradient flips with it */
html[dir="rtl"] .elementor .gx-tin .hint::before{margin-right:0;margin-left:8px}
html[dir="rtl"] .elementor .gx-tin .tin-r::-webkit-slider-runnable-track{background:linear-gradient(270deg,rgba(52,211,153,.5),rgba(244,143,177,.65))}
html[dir="rtl"] .elementor .gx-tin .tin-r::-moz-range-track{background:linear-gradient(270deg,rgba(52,211,153,.5),rgba(244,143,177,.65))}
html[dir="rtl"] .elementor .gx-tin .tin-cost em{margin-left:0;margin-right:8px}

/* the 4 questions */
html[dir="rtl"] .elementor .gx-q4 .hint::before{margin-right:0;margin-left:8px}
html[dir="rtl"] .elementor .gx-q4 .q4-q{text-align:right}
html[dir="rtl"] .elementor .gx-q4 .q4-card{border-left:1px solid rgba(255,255,255,.13);border-right:3px solid #34D399}

/* same course, 2 students */
html[dir="rtl"] .elementor .gx-stu .hint::before{margin-right:0;margin-left:8px}
html[dir="rtl"] .elementor .gx-stu .stu-ad .im{background:linear-gradient(225deg,#1A3160,#2C5AA0)}
html[dir="rtl"] .elementor .gx-stu .stu-lp li{padding-left:0;padding-right:16px}
html[dir="rtl"] .elementor .gx-stu .stu-lp li::before{left:auto;right:0}

/* Arabic is never letter-spaced */
html[dir="rtl"] .asx .layer-tag{letter-spacing:0}
html[dir="rtl"] .asx .layer-tag em{letter-spacing:0}
html[dir="rtl"] .asx .rx-l{letter-spacing:0}
html[dir="rtl"] .asx .pk-c .nm{letter-spacing:0}
html[dir="rtl"] .asx .day .n{letter-spacing:0}
html[dir="rtl"] .asx .day .l{letter-spacing:0}
html[dir="rtl"] .asx .tier .badge{letter-spacing:0}
html[dir="rtl"] .elementor .gx-pnum p{letter-spacing:0}
html[dir="rtl"] .elementor .gx-rnum p{letter-spacing:0}
html[dir="rtl"] .elementor .gx-price-w .price .n{letter-spacing:0}
html[dir="rtl"] .elementor .gx-prob .gx-pnum p{letter-spacing:0}
html[dir="rtl"] .elementor .gx-tin .hint{letter-spacing:0}
html[dir="rtl"] .elementor .gx-tin .tin-h strong{letter-spacing:0}
html[dir="rtl"] .elementor .gx-tin .tin-cost s{letter-spacing:0}
html[dir="rtl"] .elementor .gx-tin .tin-cost strong{letter-spacing:0}
html[dir="rtl"] .elementor .gx-tin .tin-w b{letter-spacing:0}
html[dir="rtl"] .elementor .gx-q4 .hint{letter-spacing:0}
html[dir="rtl"] .elementor .gx-q4 .q4-card s{letter-spacing:0}
html[dir="rtl"] .elementor .gx-stu .hint{letter-spacing:0}
html[dir="rtl"] .mb-tier-badge.elementor-widget-heading .elementor-heading-title{letter-spacing:0}
html[dir="rtl"] .gx-dx-res h3{letter-spacing:0}