/* RTL */
html[dir="rtl"],
body[dir="rtl"] {
    font-family: "Noto Sans Arabic", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

html[dir="rtl"] .align-left { text-align: right !important; }

html[dir="rtl"] .align-right { text-align: left !important; }

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

html[dir="rtl"] .modal a.modal-close {
    right: unset;
    left: .5rem;
}

html[dir="rtl"] .input-with-arrow-trigger-wrapper button svg { transform: rotate(180deg); }

html[dir="rtl"] .main-nav-options-wrapper a.dropdown::before {
    right: unset;
    left: 0;
}

html[dir="rtl"] .main-nav-options-wrapper .submenu {
    left: unset;
    right: 0;
}

html[dir="rtl"] .submenu a { padding: 1rem 1rem 1rem 3rem; }

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

html[dir="rtl"] .rich-text ul {
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] .destinations-list-country-wrapper {
    margin-left: 0;
    margin-right: -0.5rem;
    text-align: right;
}

html[dir="rtl"] #city-country-header::before {
    left: unset;
    right: 0;
}

html[dir="rtl"] .blog-search-breadcrumbs a { unicode-bidi: plaintext; }

html[dir="rtl"] #home-hero-title { text-align: right; }

html[dir="rtl"] #home-slider-main-image { float: right; }

html[dir="rtl"] #home-slider-secondary-image {
    padding-left: 0;
    padding-right: 50%;
}

html[dir="rtl"] #home-slider-header { text-align: right; }

html[dir="rtl"] .home-slider-index { padding-top: 4px; }

html[dir="rtl"] .home-slider-title {
    padding-left: 100px;
    padding-right: 85px;
    text-align: right;
}

html[dir="rtl"] .home-slider-content {
    padding-left: 0;
    padding-right: 85px;
}

html[dir="rtl"] .owner-story-wrapper { text-align: right; }

html[dir="rtl"] .owner-story-author::before {
    left: unset;
    right: 0;
}

html[dir="rtl"] #travel-stories-trigger { text-align: right; }

html[dir="rtl"] #travel-stories-trigger svg path {
    transform: rotate(180deg);
    transform-origin: center;
}

html[dir="rtl"] #travel-stories-trigger:hover svg {
    transform: translateX(-10px);
}

html[dir="rtl"] .footer-actions-title { text-align: right; }

html[dir="rtl"] .owner-travel-story-container { text-align: right; }

html[dir="rtl"] .user-dashboard-tool-content { unicode-bidi: plaintext; }

html[dir="rtl"] .layout-with-left-sidebar aside nav a::before {
    right: unset;
    left: 0.75rem;
    transform: translateY(-50%) rotate(180deg);
}

html[dir="rtl"] .next-upcoming-trip-info-wrapper .user-dashboard-tool-title::before {
    left: unset;
    right: 0;
}

html[dir="rtl"] .upcoming-trip-cancel-trigger-wrapper { text-align: left; }

html[dir="rtl"] #seasonality-room-selection {
    margin-left: 0;
    margin-right: 1rem;
}

html[dir="rtl"] .user-dashboard-tool-title::before {
    left: unset;
    right: 1rem;
}

html[dir="rtl"] .user-dashboard-tool-button > * {
    margin-left: 0;
    margin-right: 0.5rem;
}

html[dir="rtl"] .user-dashboard-tool-button-arrow svg { transform: rotate(180deg); }

html[dir="rtl"] .member-category-name {
    left: unset;
    right: 0;
}

html[dir="rtl"] .user-dashboard-footer-title::before {
    left: unset;
    right: 0;
}

html[dir="rtl"] .member-category-name::before {
    right: unset;
    left: -200px;
    border-width: 200px 200px 0 0;
}

html[dir="rtl"] .member-category-name.elite-ruby::before { border-color: transparent var(--elite-ruby) transparent transparent; }

html[dir="rtl"] .member-category-name.elite-diamond::before { border-color: transparent var(--elite-diamond) transparent transparent; }

html[dir="rtl"] .member-category-name.elite-jade::before { border-color: transparent var(--elite-jade) transparent transparent; }

html[dir="rtl"] .member-category-name.elite-platinum::before { border-color: transparent var(--elite-platinum) transparent transparent; }

html[dir="rtl"] .member-category-name.elite-royal::before { border-color: transparent var(--elite-royal) transparent transparent; }

html[dir="rtl"] #member-categories-characteristics-charts-wrapper ol {
    padding-left: 0;
    padding-right: 14px;
}

html[dir="rtl"] .kbe-rooms-list-wrapper .show-as-list .kbe-room-card-price-and-selection-wrapper { padding: 40px 0 40px 40px; }

html[dir="rtl"] .kbe-card-description-toggle { text-align: right; }

html[dir="rtl"] #footer-actions-wrapper { transform: translateX(15px); }

html[dir="rtl"] #footer-actions-wrapper > div {
    margin-left: 0;
    margin-right: 30px;
}

html[dir="rtl"] .offcanvas {
    left: unset;
    right: -300px;
    transition: right 0.2s ease-in-out;
}

html[dir="rtl"] .offcanvas-open .offcanvas {
    left: unset;
    right: 0;
    transition: right 0.2s ease-in-out;
}

html[dir="rtl"] .offcanvas-menu {
    margin-left: 0;
    margin-right: -20px;
}

html[dir="rtl"] .offcanvas-menu a { text-align: right; }

@media (max-width: 768px) {
    html[dir="rtl"] .footer-actions-title { text-align: center; }
}

@media (min-width: 1024px) {
    html[dir="rtl"] #home-slider-wrapper {
        float: left;
        padding-left: 0;
        padding-right: 20px;
    }
}

@media (min-width: 1200px) {
    html[dir="rtl"] #home-slider-wrapper {
        padding-left: 0;
        padding-right: 60px;
    }
}

@media (min-width: 1201px) {
    html[dir="rtl"] #hotel-profile-cta-buttons-wrapper {
        text-align: left;
    }
}