/* Lexora RTL overrides — activated by html[dir="rtl"] */
html[dir="rtl"] body{font-family:"DM Sans",sans-serif}
html[dir="rtl"] .site-progress span{transform-origin:right}
html[dir="rtl"] .section-index{left:auto;right:4vw}
html[dir="rtl"] .hero-slide-body{left:auto;right:4vw;text-align:right}
html[dir="rtl"] .hero-slide-scrim{background:linear-gradient(260deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.16) 56%,rgba(0,0,0,.5) 100%)}
html[dir="rtl"] .hero-cards-rail{right:auto;left:4vw}
html[dir="rtl"] .hero-slider-controls{left:auto;right:4vw}
html[dir="rtl"] .hero-slider-index{right:auto;left:4vw}
html[dir="rtl"] .why-stage{direction:rtl}
html[dir="rtl"] .why-copy{padding-left:0;padding-right:7vw}
html[dir="rtl"] .feature-line{text-align:right}
html[dir="rtl"] .feature-line span{grid-column:2;grid-row:1/3}
html[dir="rtl"] .feature-line strong,html[dir="rtl"] .feature-line small{grid-column:1}
html[dir="rtl"] .floating-note{border-left:0;border-right:2px solid var(--ink)}
html[dir="rtl"] .framework-intro{margin-left:0;margin-right:12vw;text-align:right}
html[dir="rtl"] .framework-detail{right:auto;left:6vw;border-left:0;border-right:1px solid #fff;padding:18px 28px 18px 0;text-align:right}
html[dir="rtl"] .node-a{left:auto;right:20%} html[dir="rtl"] .node-b{right:auto;left:-9%}
html[dir="rtl"] .node-c{right:auto;left:20%} html[dir="rtl"] .node-d{left:auto;right:-9%}
html[dir="rtl"] .program-head{direction:rtl}
html[dir="rtl"] .panel-meta{left:22px;right:22px}
html[dir="rtl"] .panel-meta,html[dir="rtl"] .program-panel h3{text-align:right}
html[dir="rtl"] .program-panel h3{left:auto;right:22px}
html[dir="rtl"] .program-panel>a{right:auto;left:22px}
html[dir="rtl"] .outcome-word{left:auto;right:-3vw}
html[dir="rtl"] .metric-line{text-align:right}
html[dir="rtl"] .outcome-image{right:auto;left:5vw}
html[dir="rtl"] .live-outcomes .dashboard-header{text-align:right}
html[dir="rtl"] .live-outcomes .dashboard-topline,
html[dir="rtl"] .live-outcomes .completion-row,
html[dir="rtl"] .live-outcomes .progress-meta,
html[dir="rtl"] .live-outcomes .chart-header,
html[dir="rtl"] .live-outcomes .browser-title{direction:rtl}
html[dir="rtl"] .live-outcomes .browser-title{margin-left:0;margin-right:auto}
html[dir="rtl"] .live-outcomes .kpi-card{direction:rtl}
html[dir="rtl"] .cases-head{margin-left:0;margin-right:10vw;text-align:right}
html[dir="rtl"] .case-story{left:4vw;right:9vw;grid-template-columns:46% 42% 12%}
html[dir="rtl"] .case-number{grid-column:3;grid-row:1}
html[dir="rtl"] .case-image{grid-column:2;grid-row:1}
html[dir="rtl"] .case-copy{grid-column:1;grid-row:1;padding-left:5vw;padding-right:0;text-align:right}
html[dir="rtl"] .journey-title{margin-left:0;margin-right:10vw;text-align:right}
html[dir="rtl"] .journey-line{left:auto;right:50%}
html[dir="rtl"] .step-a{left:auto;right:2%}.step-b{right:auto;left:2%}.step-c{left:auto;right:2%}.step-d{right:auto;left:2%}
html[dir="rtl"] .journey-image{right:auto;left:3vw}
html[dir="rtl"] .final-content{margin-left:0;margin-right:8vw;text-align:right}
html[dir="rtl"] .final-image{right:auto;left:5vw}
html[dir="rtl"] .final-note{right:auto;left:4vw;text-align:left}
html[dir="rtl"] .site-footer p{text-align:left}
html[dir="rtl"] .back-to-top{right:auto;left:24px}
@media(max-width:800px){
html[dir="rtl"] .section-index{right:5vw}
html[dir="rtl"] .hero-copy{padding-left:0}
html[dir="rtl"] .why-copy{padding-right:0}
html[dir="rtl"] .framework-intro{margin-right:0}
html[dir="rtl"] .framework-detail{left:auto;right:5%;border-right:0;padding-right:0}
html[dir="rtl"] .cases-head{margin-right:0}
html[dir="rtl"] .case-story{left:auto;right:auto;display:block}
html[dir="rtl"] .case-copy{padding-left:0}
html[dir="rtl"] .journey-title{margin-right:0}
html[dir="rtl"] .journey-line{left:auto;right:0}
html[dir="rtl"] .journey-track{padding-left:0;padding-right:22px}
html[dir="rtl"] .journey-image{left:auto}
html[dir="rtl"] .final-content{margin-right:0}
html[dir="rtl"] .final-image{left:auto}
html[dir="rtl"] .final-note{left:5vw}
html[dir="rtl"] .back-to-top{left:16px}
}
/* Section 08 redesigned RTL support */
html[dir="rtl"] .journey-split .journey-proof-link{direction:rtl}
html[dir="rtl"] .live-outcomes .dashboard-header{text-align:right}
html[dir="rtl"] .live-outcomes .dashboard-topline,
html[dir="rtl"] .live-outcomes .completion-row,
html[dir="rtl"] .live-outcomes .progress-meta,
html[dir="rtl"] .live-outcomes .chart-header,
html[dir="rtl"] .live-outcomes .browser-title{direction:rtl}
html[dir="rtl"] .live-outcomes .browser-title{margin-left:0;margin-right:auto}
html[dir="rtl"] .live-outcomes .kpi-card{direction:rtl}
@media(max-width:1023px){
html[dir="rtl"] .journey-split .journey-float{
text-align:right;
}
}
/* =========================================================
SECTION 06 — TESTIMONIALS RTL
========================================================= */
html[dir="rtl"] .s6-testimonials {
direction:rtl;
}
html[dir="rtl"] .s6-testimonials-heading,
html[dir="rtl"] .s6-testimonials-intro,
html[dir="rtl"] .s6-testimonial-content,
html[dir="rtl"] .s6-testimonial-tab {
text-align:right;
}
html[dir="rtl"] .s6-testimonials-layout {
direction:rtl;
}
html[dir="rtl"] .s6-testimonial-featured {
direction:rtl;
}
html[dir="rtl"] .s6-testimonial-image-meta {
direction:rtl;
}
html[dir="rtl"] .s6-testimonial-person,
html[dir="rtl"] .s6-testimonial-result {
align-items:flex-start;
}
html[dir="rtl"] .s6-testimonial-tab {
grid-template-columns:30px 1fr 65px;
}
html[dir="rtl"] .s6-testimonial-tab::before {
left:auto;
right:0;
}
html[dir="rtl"] .s6-testimonial-tab.is-active {
padding-left:0;
padding-right:18px;
}
html[dir="rtl"] .s6-tab-number {
grid-column:3;
grid-row:1;
}
html[dir="rtl"] .s6-tab-info {
grid-column:2;
grid-row:1;
}
html[dir="rtl"] .s6-testimonial-tab > i {
grid-column:1;
grid-row:1;
justify-self:start;
transform:rotate(180deg);
}
html[dir="rtl"] .s6-testimonial-tab:hover > i,
html[dir="rtl"] .s6-testimonial-tab.is-active > i {
transform:translate(-3px, -3px) rotate(180deg);
}
html[dir="rtl"] .s6-testimonials-footer {
direction:rtl;
}
html[dir="rtl"] .s6-testimonials-cta {
flex-direction:row-reverse;
}
@media(max-width:650px) {
html[dir="rtl"] .s6-testimonial-tab.is-active {
padding-right:17px;
}
}
/* =========================================================
LEXORA HOME 2 — SECTION 07 RTL
========================================================= */
html[dir="rtl"] #lx-s7-tiers{
direction:rtl;
}
html[dir="rtl"] #lx-s7-tiers .lx-s7-heading,
html[dir="rtl"] #lx-s7-tiers .lx-s7-card{
text-align:right;
}
html[dir="rtl"] #lx-s7-tiers .lx-s7-card-top{
direction:rtl;
}
html[dir="rtl"] #lx-s7-tiers .lx-s7-card-line{
direction:rtl;
}
html[dir="rtl"] #lx-s7-tiers .lx-s7-features li{
flex-direction:row;
text-align:right;
}
html[dir="rtl"] #lx-s7-tiers .lx-s7-cta{
flex-direction:row-reverse;
}
html[dir="rtl"] #lx-s7-tiers .lx-s7-cta:hover i{
transform:translate(-3px,-3px);
}
html[dir="rtl"] #lx-s7-tiers .lx-s7-popular{
left:0;
right:auto;
border-left:0;
border-right:1px solid currentColor;
}
html[dir="rtl"] #lx-s7-tiers .lx-s7-bottom-note{
direction:rtl;
}
/* =========================================================
LEXORA HOME 2 — SECTION 08 RTL
========================================================= */
html[dir="rtl"] #lx-s8-final{
direction:rtl;
}
html[dir="rtl"] #lx-s8-final .lx-s8-content{
text-align:right;
}
html[dir="rtl"] #lx-s8-final .lx-s8-trust{
flex-direction:row-reverse;
text-align:right;
}
html[dir="rtl"] #lx-s8-final .lx-s8-proof{
justify-content:flex-start;
}
html[dir="rtl"] #lx-s8-final .lx-s8-form-card,
html[dir="rtl"] #lx-s8-final .lx-s8-form{
direction:rtl;
text-align:right;
}
html[dir="rtl"] #lx-s8-final .lx-s8-form-heading{
flex-direction:row-reverse;
}
html[dir="rtl"] #lx-s8-final .lx-s8-input-line{
transform-origin:right center;
}
html[dir="rtl"] #lx-s8-final .lx-s8-submit{
flex-direction:row-reverse;
}
html[dir="rtl"] #lx-s8-final .lx-s8-submit-arrow{
transform:rotate(180deg);
}
html[dir="rtl"] #lx-s8-final .lx-s8-submit:hover .lx-s8-submit-arrow{
transform:translateX(-4px) rotate(180deg);
}
html[dir="rtl"] #lx-s8-final .lx-s8-footer-line{
direction:rtl;
text-align:right;
}
@media(max-width:700px){
html[dir="rtl"] #lx-s7-tiers .lx-s7-card,
html[dir="rtl"] #lx-s7-tiers .lx-s7-heading{
text-align:right;
}
html[dir="rtl"] #lx-s8-final .lx-s8-trust{
flex-direction:row-reverse;
}
html[dir="rtl"] #lx-s8-final .lx-s8-footer-line{
align-items:flex-start;
}
}
/* =========================================================
LEXORA ABOUT US — HERO RTL
========================================================= */
html[dir="rtl"] #lxAboutBanner {
direction: rtl;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-content {
align-items: flex-start;
text-align: right;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-index {
flex-direction: row-reverse;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-actions {
flex-direction: row-reverse;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-button {
flex-direction: row-reverse;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-button:hover i {
transform:
translate(-3px, -3px);
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-link {
flex-direction: row-reverse;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-image {
object-position: center center;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-overlay {
background:
linear-gradient(
270deg,
rgba(0,0,0,.96) 0%,
rgba(0,0,0,.82) 30%,
rgba(0,0,0,.48) 58%,
rgba(0,0,0,.58) 100%
);
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-meta {
direction: rtl;
}
/* =========================================================
RTL MOBILE
========================================================= */
@media (max-width: 767px) {
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-content {
padding-left: 24px;
padding-right: 24px;
align-items: flex-start;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-actions {
flex-direction: row-reverse;
justify-content: flex-start;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-overlay {
background:
linear-gradient(
180deg,
rgba(0,0,0,.62) 0%,
rgba(0,0,0,.78) 42%,
rgba(0,0,0,.93) 100%
);
}
}
@media (max-width: 420px) {
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-content {
padding-left: 20px;
padding-right: 20px;
}
html[dir="rtl"]
#lxAboutBanner .lx-about-banner-actions {
flex-direction: column;
align-items: flex-start;
}
}
/* =========================================================
LEXORA ABOUT US — SECTION 2 RTL
========================================================= */
html[dir="rtl"] .lx-about-split {
direction: rtl;
}
html[dir="rtl"] .lx-about-split-content {
text-align: center;
}
html[dir="rtl"] .lx-about-split-number {
direction: rtl;
}
html[dir="rtl"] .lx-about-split-meta {
direction: rtl;
}
html[dir="rtl"] .lx-about-split-scroll {
direction: rtl;
}
html[dir="rtl"] .lx-about-split-progress {
right: auto;
left: 34px;
}
html[dir="rtl"] .lx-about-split-progress-line::after {
left: auto;
right: 0;
}
html[dir="rtl"] .lx-about-split-image-label {
left: auto;
right: 16px;
}
html[dir="rtl"] .lx-about-split-image-label i {
transform: scaleX(-1);
}
@media (max-width: 767px) {
html[dir="rtl"] .lx-about-split-progress {
left: 18px;
right: auto;
}
}
/* =========================================================
ABOUT US — SECTION 03 RTL
========================================================= */
html[dir="rtl"] .lx-about-s3,
body.rtl .lx-about-s3 {
direction: rtl;
}
/* Intro text */
html[dir="rtl"] .lx-about-s3-intro,
body.rtl .lx-about-s3-intro {
text-align: right;
}
/* Description */
html[dir="rtl"] .lx-about-s3-description,
body.rtl .lx-about-s3-description {
text-align: right;
}
/* Founder information */
html[dir="rtl"] .lx-about-s3-founder-info,
body.rtl .lx-about-s3-founder-info {
left: 20px;
right: 20px;
text-align: right;
}
/* Team avatars */
html[dir="rtl"] .lx-about-s3-avatars,
body.rtl .lx-about-s3-avatars {
padding-left: 0;
padding-right: 5px;
}
/* Reverse avatar overlap */
html[dir="rtl"] .lx-about-s3-avatars span,
body.rtl .lx-about-s3-avatars span {
margin-left: 0;
margin-right: -8px;
}
html[dir="rtl"] .lx-about-s3-avatars span:first-child,
body.rtl .lx-about-s3-avatars span:first-child {
margin-right: 0;
}
/* Stat text */
html[dir="rtl"] .lx-about-s3-stat,
body.rtl .lx-about-s3-stat {
text-align: right;
}
/* Team */
html[dir="rtl"] .lx-about-s3-team,
body.rtl .lx-about-s3-team {
text-align: right;
}
/* Profile */
html[dir="rtl"] .lx-about-s3-profile,
body.rtl .lx-about-s3-profile {
text-align: center;
}
/* Button */
html[dir="rtl"] .lx-about-s3-button,
body.rtl .lx-about-s3-button {
direction: rtl;
}
/* Arrow icon direction */
html[dir="rtl"] .lx-about-s3-button i,
body.rtl .lx-about-s3-button i {
transform: scaleX(-1);
}
/* Navigation arrows */
html[dir="rtl"] .lx-about-s3-arrow-prev,
body.rtl .lx-about-s3-arrow-prev {
left: auto;
right: 12px;
}
html[dir="rtl"] .lx-about-s3-arrow-next,
body.rtl .lx-about-s3-arrow-next {
right: auto;
left: 12px;
}
/* Mobile */
@media (max-width: 700px) {
html[dir="rtl"] .lx-about-s3-founder-info,
body.rtl .lx-about-s3-founder-info {
text-align: right;
}
html[dir="rtl"] .lx-about-s3-arrow-prev,
body.rtl .lx-about-s3-arrow-prev {
right: 8px;
left: auto;
}
html[dir="rtl"] .lx-about-s3-arrow-next,
body.rtl .lx-about-s3-arrow-next {
left: 8px;
right: auto;
}
}
/* =========================================================
LEXORA ABOUT US — SECTION 04
RTL
========================================================= */
/* =========================================================
MAIN DIRECTION
========================================================= */
html[dir="rtl"] .lx-about-s4,
body[dir="rtl"] .lx-about-s4,
body.rtl .lx-about-s4 {
direction: rtl;
}
/* =========================================================
TOP LABEL
========================================================= */
html[dir="rtl"] .lx-s4-section-label,
body[dir="rtl"] .lx-s4-section-label,
body.rtl .lx-s4-section-label {
left: auto;
right: 4vw;
direction: rtl;
}
/* =========================================================
COPY MOVES TO RIGHT
========================================================= */
html[dir="rtl"] .lx-s4-copy,
body[dir="rtl"] .lx-s4-copy,
body.rtl .lx-s4-copy {
left: auto;
right: 11vw;
text-align: right;
}
/* =========================================================
ART MOVES TO LEFT
========================================================= */
html[dir="rtl"] .lx-s4-art,
body[dir="rtl"] .lx-s4-art,
body.rtl .lx-s4-art {
right: auto;
left: 10vw;
}
/* =========================================================
KEYWORDS
========================================================= */
html[dir="rtl"] .lx-s4-keywords,
body[dir="rtl"] .lx-s4-keywords,
body.rtl .lx-s4-keywords {
justify-content: flex-start;
direction: rtl;
}
/* =========================================================
PROGRESS MOVES TO LEFT
========================================================= */
html[dir="rtl"] .lx-s4-progress,
body[dir="rtl"] .lx-s4-progress,
body.rtl .lx-s4-progress {
right: auto;
left: 5vw;
flex-direction: row-reverse;
}
/* =========================================================
PROGRESS TEXT
========================================================= */
html[dir="rtl"] .lx-s4-progress-list,
body[dir="rtl"] .lx-s4-progress-list,
body.rtl .lx-s4-progress-list {
direction: ltr;
text-align: left;
}
/* =========================================================
BACKGROUND WORD
========================================================= */
html[dir="rtl"] .lx-s4-bg-word,
body[dir="rtl"] .lx-s4-bg-word,
body.rtl .lx-s4-bg-word {
direction: ltr;
unicode-bidi: isolate;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1050px) {
html[dir="rtl"] .lx-s4-copy,
body[dir="rtl"] .lx-s4-copy,
body.rtl .lx-s4-copy {
left: auto;
right: 7vw;
}
html[dir="rtl"] .lx-s4-art,
body[dir="rtl"] .lx-s4-art,
body.rtl .lx-s4-art {
right: auto;
left: 4vw;
}
html[dir="rtl"] .lx-s4-progress,
body[dir="rtl"] .lx-s4-progress,
body.rtl .lx-s4-progress {
right: auto;
left: 2vw;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 700px) {
html[dir="rtl"] .lx-s4-section-label,
body[dir="rtl"] .lx-s4-section-label,
body.rtl .lx-s4-section-label {
left: auto;
right: 20px;
}
html[dir="rtl"] .lx-s4-copy,
body[dir="rtl"] .lx-s4-copy,
body.rtl .lx-s4-copy {
left: 25px;
right: 25px;
width:
calc(100% - 50px);
text-align: center;
}
html[dir="rtl"] .lx-s4-keywords,
body[dir="rtl"] .lx-s4-keywords,
body.rtl .lx-s4-keywords {
justify-content: center;
}
html[dir="rtl"] .lx-s4-art,
body[dir="rtl"] .lx-s4-art,
body.rtl .lx-s4-art {
left: 50%;
right: auto;
}
html[dir="rtl"] .lx-s4-progress,
body[dir="rtl"] .lx-s4-progress,
body.rtl .lx-s4-progress {
left: 13px;
right: auto;
}
}/* =========================================================
LEXORA ABOUT US — SECTION 05 RTL
========================================================= */
html[dir="rtl"] #lxAboutPerspectives {
direction: rtl;
}
html[dir="rtl"]
#lxAboutPerspectives .lx-perspectives-header {
text-align: center;
}
html[dir="rtl"]
#lxAboutPerspectives .lx-perspectives-index {
direction: rtl;
}
html[dir="rtl"]
#lxAboutPerspectives .lx-perspective-content {
direction: rtl;
text-align: right;
}
html[dir="rtl"]
#lxAboutPerspectives .lx-perspective-top {
direction: rtl;
}
html[dir="rtl"]
#lxAboutPerspectives .lx-perspective-arrow {
right: auto;
left: 24px;
}
html[dir="rtl"]
#lxAboutPerspectives .lx-perspectives-footer {
direction: rtl;
}
@media (max-width: 767px) {
html[dir="rtl"]
#lxAboutPerspectives .lx-perspectives-header {
text-align: right;
}
html[dir="rtl"]
#lxAboutPerspectives .lx-perspectives-index {
justify-content: flex-start;
}
html[dir="rtl"]
#lxAboutPerspectives .lx-perspective-arrow {
right: auto;
left: 20px;
}
}
/* Programs — 01 Banner + 02 Program Tracks */
html[dir="rtl"] .programs-banner-inner{direction:rtl}
html[dir="rtl"] .pg-tracks-grid{direction:rtl}
html[dir="rtl"] .pg-tracks-content{text-align:right}
html[dir="rtl"] .pg-tabs{direction:rtl}
html[dir="rtl"] .pg-panel-meta,html[dir="rtl"] .pg-panel-focus{direction:rtl}
html[dir="rtl"] .pg-panel-desc{text-align:right}
html[dir="rtl"] .programs-banner-cta{direction:rtl}
/* Section 06 — About Us Testimonials (RTL) */
/* Section 06 — About Us Testimonials (RTL) */
html[dir="rtl"] #lxAboutTestimonials .lx-testi2-inner{direction:rtl}
html[dir="rtl"] #lxAboutTestimonials .lx-testi2-content{align-items:flex-end;text-align:right}
html[dir="rtl"] #lxAboutTestimonials .lx-testi2-cta{flex-direction:row-reverse}
html[dir="rtl"] #lxAboutTestimonials .lx-testi2-cta i{transform:scaleX(-1)}
html[dir="rtl"] #lxAboutTestimonials .lx-testi2-stats{flex-direction:row-reverse}
@media(max-width:900px){
html[dir="rtl"] #lxAboutTestimonials .lx-testi2-content{align-items:center;text-align:center}
}
/* Active mobile nav indicator — flip side for RTL */
html[dir="rtl"] .mobile-panel-inner > a[aria-current="page"],
html[dir="rtl"] .mobile-parent[aria-current="page"]{padding-left:0!important;padding-right:16px!important}
html[dir="rtl"] .mobile-panel-inner > a[aria-current="page"]::before,
html[dir="rtl"] .mobile-parent[aria-current="page"]::before{left:auto;right:0}
/* Section 02 — Contact form + info card (RTL) */
/* Grid column order mirrors automatically (inherited direction: rtl
flips CSS Grid track order), so only icon direction needs a flip. */
html[dir="rtl"] .ct-form__submit i{transform:scaleX(-1)}