html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .topbar .container,
html[dir="rtl"] .site-header .container,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .article,
html[dir="rtl"] .contact-wrap { direction: rtl; }
html[dir="rtl"] .main-nav,
html[dir="rtl"] .lang-switch,
html[dir="rtl"] .hero-ctas,
html[dir="rtl"] .form-actions { flex-direction: row-reverse; }
html[dir="rtl"] .hero-img { order: -1; }
html[dir="rtl"] .sec-head,
html[dir="rtl"] .f-brand,
html[dir="rtl"] .site-footer { text-align: right; }
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select { text-align: right; }