/* ========================================================= RTL SUPPORT Activated by dir="rtl" on , toggled in main.js Most spacing already uses logical properties (inset-inline, margin-inline). This file covers the remaining physical properties and mirrored elements. ========================================================= */ [dir="rtl"]{ text-align:right; } [dir="rtl"] .btn .arrow{ transform:scaleX(-1); } [dir="rtl"] .btn:hover .arrow{ transform:scaleX(-1) translateX(4px); } [dir="rtl"] .main-nav a::after{ left:auto; right:0; } [dir="rtl"] .avatar-stack{ flex-direction:row-reverse; } [dir="rtl"] .avatar{ margin-inline-end:0; margin-inline-start:-12px; } [dir="rtl"] .hero-caption{ text-align:start; } [dir="rtl"] .planet-earth{ right:auto; left:6%; } [dir="rtl"] .program-body li{ padding:4px 18px 4px 0; } [dir="rtl"] .program-body li::before{ left:auto; right:0; } [dir="rtl"] .section-head.split{ text-align:right; } [dir="rtl"] .why-copy, [dir="rtl"] .portal-copy{ text-align:right; } [dir="rtl"] .testimonials{ text-align:right; } [dir="rtl"] .reveal[data-reveal="left"]{ transform:translateX(-48px); } [dir="rtl"] .reveal[data-reveal="right"]{ transform:translateX(48px); } [dir="rtl"] .back-to-top{ inset-inline-end:auto; inset-inline-start:26px; } [dir="rtl"] .footer-legal{ flex-direction:row-reverse; } [dir="rtl"] .hamburger{ order:-1; } @media (max-width: 860px){ [dir="rtl"] .nav-close{ margin-inline-start:0; margin-inline-end:auto; } }