/* =========================================================
   21. LTR / RTL DIRECTION SUPPORT
========================================================= */

/* ---------------------------------------------------------
   RTL & DIRECTION SUPPORT
--------------------------------------------------------- */

html[dir="rtl"],
body.rtl {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .btn i {
    transform: scaleX(-1) !important;
}

html[dir="rtl"] .hero-badge--top {
    right: auto !important;
    left: -4% !important;
}

html[dir="rtl"] .hero-badge--bottom {
    left: auto !important;
    right: -6% !important;
}

html[dir="rtl"] .mobile-menu {
    transform: translateX(-100%);
}

html[dir="rtl"] .mobile-menu.open {
    transform: translateX(0);
}