/* Arabic and other right-to-left locales. Loaded only when the active locale is RTL. */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: Tahoma, Arial, "Noto Sans Arabic", sans-serif;
}

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

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

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

html[dir="rtl"] .float-start,
html[dir="rtl"] .float-left {
    float: right !important;
}

html[dir="rtl"] .float-end,
html[dir="rtl"] .float-right {
    float: left !important;
}

html[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .ms-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .ms-5 { margin-left: 0 !important; margin-right: 3rem !important; }
html[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .me-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
html[dir="rtl"] .me-5 { margin-right: 0 !important; margin-left: 3rem !important; }

html[dir="rtl"] .ps-0 { padding-left: initial !important; padding-right: 0 !important; }
html[dir="rtl"] .pe-0 { padding-right: initial !important; padding-left: 0 !important; }

html[dir="rtl"] .mhq-header-main .main-menu ul,
html[dir="rtl"] .mhq-header-main .main-menu ul li .submenu,
html[dir="rtl"] .main-menu ul,
html[dir="rtl"] .main-menu ul li .submenu,
html[dir="rtl"] .footer-widget,
html[dir="rtl"] .breadcrumb-wrapper,
html[dir="rtl"] .mhq-courses-content,
html[dir="rtl"] .mhq-about-content,
html[dir="rtl"] .mhq-hero-content {
    text-align: right;
}

html[dir="rtl"] .main-menu ul li .submenu,
html[dir="rtl"] .mhq-header-main .main-menu ul li .submenu {
    right: 0;
    left: auto;
}

html[dir="rtl"] .main-menu ul li .submenu li .submenu,
html[dir="rtl"] .mhq-header-main .main-menu ul li .submenu li .submenu {
    right: 100%;
    left: auto;
}

html[dir="rtl"] .nice-select::after {
    right: auto;
    left: 18px;
}

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"] .fa-arrow-up-right,
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-angle-right {
    transform: scaleX(-1);
}

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

html[dir="rtl"] .swiper,
html[dir="rtl"] .swiper-wrapper {
    direction: rtl;
}

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

/* Mirror the complete desktop header composition rather than moving only
   the content. The green shape and its white wordmark move to the right. */
@media (min-width: 1400px) {
    html[dir="rtl"] .header-1 .logo-shape {
        right: 0;
        left: auto;
        transform: scaleX(-1);
    }

    html[dir="rtl"] .header-1 .header-logo2 {
        display: block !important;
    }

    html[dir="rtl"] .header-1 .header-logo {
        display: none !important;
    }
}

@media (max-width: 1399.98px) {
    html[dir="rtl"] .header-1 .header-logo2 {
        display: none !important;
    }

    html[dir="rtl"] .header-1 .header-logo {
        display: block !important;
    }
}

/* Mirror the text/icon spacing and hover fill used by pill buttons. */
html[dir="rtl"] .theme-btn {
    padding: 6px 32px 6px 6px;
}

html[dir="rtl"] .theme-btn i {
    margin-right: 10px;
    margin-left: 0;
}

html[dir="rtl"] .theme-btn::before {
    right: 0;
    left: auto;
}

html[dir="rtl"] .mhq-cta-new-wrapper form .theme-btn {
    right: auto;
    left: 8px;
    /* This text-only submit button must not inherit the compact icon-pill padding. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 19px 20px;
    white-space: nowrap;
}

html[dir="rtl"] .mhq-cta-new-wrapper form input {
    padding-right: 20px;
    padding-left: 150px;
}

/* Mirror the image composition in the "Why choose us" section. The original
   counter extends to the right of a right-hand image; in RTL the image sits
   on the left, so every anchored decoration must extend to the left. */
html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image {
    margin-right: 80px;
    margin-left: 0;
}

html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image .mhq-counter-item {
    right: auto;
    left: -24%;
}

html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image .mhq-choose-image-2 {
    right: -20px;
    left: auto;
}

html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image .mhq-choose-image-3 {
    right: -85px;
    left: auto;
}

@media (max-width: 1600px) {
    html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image .mhq-counter-item {
        right: auto;
        left: -5%;
    }
}

@media (max-width: 1399.98px) {
    html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image {
        margin-right: 20px;
        margin-left: 0;
    }

    html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image .mhq-choose-image-2 {
        right: -20px;
        left: auto;
    }

    html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image .mhq-choose-image-3 {
        right: -20px;
        left: auto;
    }
}

@media (max-width: 1199.98px) {
    html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image {
        margin-right: 0;
    }

    html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image .mhq-choose-image-2 {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] .mhq-choose-us-wrapper .mhq-choose-image .mhq-choose-image-3 {
        right: 0;
        left: auto;
    }
}

html[dir="rtl"] .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}

html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}

html[dir="rtl"] .modal-header .btn-close {
    margin: -.5rem auto -.5rem -.5rem;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .mean-container .mean-nav ul li a,
    html[dir="rtl"] .mobile-menu,
    html[dir="rtl"] .offcanvas__info {
        text-align: right;
    }
}

@media (max-width: 575.98px) {
    html[dir="rtl"] .mhq-cta-new-wrapper form {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    html[dir="rtl"] .mhq-cta-new-wrapper form input {
        padding: 18px 20px;
    }

    html[dir="rtl"] .mhq-cta-new-wrapper form .theme-btn {
        position: static;
        width: 100%;
    }
}
