html[dir="rtl"] body{ direction: rtl; text-align: right; }
html[dir="rtl"] .ml-auto{ margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-2{ margin-right: 0 !important; margin-left: .5rem !important; }

/* Swap icons paddings if you used .mr-* in lists/buttons */
html[dir="rtl"] .fa-li { left: auto; right: -2em; }

/* Owl Carousel: place arrows correctly in RTL */
html[dir="rtl"] .owl-carousel .owl-nav{ direction:ltr; } /* keeps arrows layout sane */