html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    max-width: 100%;
    overflow-x: hidden;
}

html[dir="rtl"] *,
html[dir="rtl"] *::before,
html[dir="rtl"] *::after {
    box-sizing: border-box;
}

html[dir="rtl"] img,
html[dir="rtl"] video,
html[dir="rtl"] iframe,
html[dir="rtl"] canvas,
html[dir="rtl"] svg {
    max-width: 100%;
}

html[dir="rtl"] .container,
html[dir="rtl"] .container-fluid,
html[dir="rtl"] .row {
    max-width: 100%;
}

html[dir="rtl"] .row {
    margin-right: calc(-.5 * var(--bs-gutter-x, 1.5rem));
    margin-left: calc(-.5 * var(--bs-gutter-x, 1.5rem));
}

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

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="password"] {
    direction: ltr;
    text-align: right;
}

html[dir="rtl"] .offcanvas-start {
    right: 0;
    left: auto;
    transform: translateX(100%);
}

html[dir="rtl"] .offcanvas-start.show,
html[dir="rtl"] .offcanvas-start.showing {
    transform: none;
}

html[dir="rtl"] .offcanvas-end {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}

html[dir="rtl"] .offcanvas-end.show,
html[dir="rtl"] .offcanvas-end.showing {
    transform: none;
}

@media (max-width: 1199.98px) {
    html[dir="rtl"] body {
        margin: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    html[dir="rtl"] .container,
    html[dir="rtl"] .container-fluid {
        width: 100%;
        padding-right: 12px;
        padding-left: 12px;
    }

    html[dir="rtl"] .offcanvas {
        width: min(92vw, 400px) !important;
        max-width: 92vw;
        margin: 0 !important;
    }

    html[dir="rtl"] .offcanvas-backdrop {
        width: 100vw !important;
        height: 100vh !important;
        margin: 0 !important;
    }

    html[dir="rtl"] .slick-list,
    html[dir="rtl"] .swiper,
    html[dir="rtl"] .owl-stage-outer {
        max-width: 100vw;
        overflow: hidden;
    }
}