html[dir="rtl"],
html[dir="rtl"] body {
    overflow-x: hidden;
}

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: "El Messiri", "Segoe UI", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] [data-ltr] {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .menu-sub,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .table {
    text-align: right;
}

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