/* Majoon RTL layer: directional overrides only */

html[dir="rtl"] body {
    direction: rtl;
}

/* Header desktop */
html[dir="rtl"] .tg-header__area-three .tgmenu__nav {
    direction: rtl;
}

html[dir="rtl"] .tg-header__area-three .tgmenu__navbar-wrap > ul {
    direction: rtl;
    margin-right: 132px !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .tg-header__area-three .tgmenu__navbar-wrap > ul > li {
    margin-left: 50px !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .tg-header__area-three .tgmenu__navbar-wrap > ul > li:last-child {
    margin-left: 0 !important;
}

html[dir="rtl"] .tg-header__area-three .tgmenu__action ul {
    direction: rtl;
    margin-right: 162px !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .tg-header__area-three .tgmenu__action ul li {
    margin-right: 40px !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .tg-header__area-three .tgmenu__action ul li:first-child {
    margin-right: 0 !important;
}

html[dir="rtl"] .tg-header__area-three .tgmenu__action ul li.link::after {
    margin-right: 30px;
    margin-left: 0;
}

html[dir="rtl"] .tgmenu__main-menu li.menu-item-has-children > a::after {
    margin-right: 4px;
    margin-left: 0;
}

/* Submenus */
html[dir="rtl"] .tgmenu__navbar-wrap > ul > li .sub-menu {
    right: 0;
    left: auto;
    transform-origin: 100% 0;
}

html[dir="rtl"] .tgmenu__navbar-wrap > ul > li .sub-menu .sub-menu {
    right: 100%;
    left: auto;
}

html[dir="rtl"] .tgmenu__navbar-wrap > ul > li .sub-menu > li {
    text-align: right;
}

html[dir="rtl"] .tgmenu__navbar-wrap > ul > li .sub-menu > li a {
    padding: 11px 25px 5px 15px;
}

html[dir="rtl"] .tgmenu__navbar-wrap > ul > li .sub-menu > li:hover > a {
    transform: translateX(-8px);
}

/* Popup search */
html[dir="rtl"] .popup-search-box button.searchClose {
    left: 40px;
    right: auto;
}

html[dir="rtl"] .popup-search-box form input {
    text-align: right;
    padding: 0 0 0 80px;
}

html[dir="rtl"] .popup-search-box form button {
    left: 0;
    right: auto;
}

/* Offcanvas panel */
html[dir="rtl"] .offCanvas__info {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}

html[dir="rtl"] .offCanvas__info.active {
    transform: translateX(0);
}

html[dir="rtl"] .offCanvas__close-icon {
    text-align: left;
}

html[dir="rtl"] .offCanvas__side-info,
html[dir="rtl"] .project-info-list {
    text-align: right;
}

/* Mobile menu */
html[dir="rtl"] .tgmobile__menu {
    left: 0;
    right: auto;
    padding-left: 30px;
    padding-right: 0;
    transform: translateX(-101%);
}

html[dir="rtl"] .mobile-menu-visible .tgmobile__menu {
    transform: translateX(0%);
}

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

html[dir="rtl"] .tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
    left: 0;
    right: auto;
}

html[dir="rtl"] .tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
    left: 34px;
    right: auto;
}

html[dir="rtl"] .tgmobile__menu .navigation li > a {
    padding: 0 40px 22px 60px;
}

html[dir="rtl"] .tgmobile__menu .navigation li ul li > a,
html[dir="rtl"] .tgmobile__menu .navigation ul li ul li > a {
    margin-right: 20px;
    margin-left: 0;
}

html[dir="rtl"] .tgmobile__menu .navigation li ul li ul li a {
    margin-right: 40px;
    margin-left: 0;
}

html[dir="rtl"] .tgmobile__menu .navigation li ul li ul li ul li a {
    margin-right: 60px;
    margin-left: 0;
}

html[dir="rtl"] .tgmobile__menu .close-btn {
    left: 30px;
    right: auto;
}

/* Breadcrumb + global minor */
html[dir="rtl"] .breadcrumb {
    direction: rtl;
}

html[dir="rtl"] .breadcrumb-separator i {
    transform: scaleX(-1);
}

html[dir="rtl"] .footer-menu-list {
    padding-right: 0;
}

html[dir="rtl"] .project-info-list .list-wrap li strong {
    margin-left: 6px;
    margin-right: 0;
}

html[dir="rtl"] .app-hero__icon {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .btn .fa-arrow-right:before {
    content: "\f060";
}

html[dir="rtl"] .scroll__top {
    left: 50px;
    right: auto;
}

@media (max-width: 1399px) {
    html[dir="rtl"] .tg-header__area-three .tgmenu__action ul {
        margin-right: 30px !important;
    }
}

@media (max-width: 1199.98px) {
    html[dir="rtl"] .tg-header__area-three .tgmenu__navbar-wrap > ul > li {
        margin-left: 45px !important;
    }

    html[dir="rtl"] .tg-header__area-three .tgmenu__action ul li {
        margin-right: 20px !important;
    }
}