/* Write your css codes here */
[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

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

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

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

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

[dir="rtl"] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

[dir="rtl"] .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

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

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

[dir="rtl"] .dashboard .dashboard_profile {
    left: auto;
    right: 0;
}

[dir="rtl"] .dashboard-container-wrap {
    margin-left: 0;
    /* Match the fixed dashboard sidebar width to avoid empty gap */
    margin-right: 300px;
}

@media (max-width: 1199px) {
    [dir="rtl"] .dashboard-container-wrap {
        margin-right: 0;
    }
}

[dir="rtl"] .sidebar-menu {
    left: auto;
    right: 0;
}

@media screen and (max-width: 1199px) {
    [dir="rtl"] .sidebar-menu {
        right: 0;
        left: auto;
        transform: translateX(100%);
    }
    [dir="rtl"] .sidebar-menu.show-sidebar {
        transform: translateX(0);
    }
}

/* --- Banner (Hero removed) fixes --- */
.hero.hero--trimmed {
    padding: 80px 0 40px;
}

.hero.hero--trimmed .how-work-banner {
    position: static;
    bottom: auto;
}

[dir="rtl"] .hero.hero--trimmed .banner-info-box .content-wrap .title,
[dir="rtl"] .hero.hero--trimmed .banner-info-box .content-wrap .sub-title {
    text-align: right;
}

[dir="rtl"] .sidebar-menu__close {
    right: auto;
    left: 12px;
}

[dir="rtl"] .sidebar-menu-list__item.has-dropdown > a:after {
    right: auto;
    left: 20px;
    content: "\f104";
}

[dir="rtl"] .sidebar-menu-list__item.has-dropdown.active > a:after {
    transform: rotate(90deg);
}

[dir="rtl"] .sidebar-submenu-list__item {
    left: auto;
    right: 38px;
}

[dir="rtl"] .sidebar-submenu-list__item::before {
    left: auto;
    right: 10px;
}

[dir="rtl"] .sidebar-submenu-list__link {
    padding-right: 35px !important;
    padding-left: 20px !important;
}

[dir="rtl"] .dashboard .dashboard_profile__details ul li a i {
    margin-right: 0;
    margin-left: 10px;
}

.swal2-container {
    z-index: 20000 !important;
}

.swal2-container .colored-toast {
    z-index: 20001 !important;
}

/* --- RTL: Home Hero/Banner text direction --- */
[dir="rtl"] .hero-left-content {
    text-align: right;
}

[dir="rtl"] .hero-left-content .hero-title,
[dir="rtl"] .hero-left-content .hero-subtitle {
    text-align: right;
}

[dir="rtl"] .hero-left-content .hero-grp-btn {
    width: 100%;
    direction: rtl;
    justify-content: flex-start;
}

[dir="rtl"] .hero-left-content .top-users .total-user .title,
[dir="rtl"] .hero-left-content .top-users .total-user .sub-title {
    text-align: right;
}

[dir="rtl"] .hero-left-content .top-users .thumb-wrap .thumb2 {
    left: auto;
    right: -13px;
}

[dir="rtl"] .hero-left-content .top-users .thumb-wrap .thumb3 {
    left: auto;
    right: -24px;
}

[dir="rtl"] .hero-left-content .top-users .thumb-wrap .thumb4 {
    left: auto;
    right: -35px;
}

[dir="rtl"] .banner-info-box .content-wrap .title,
[dir="rtl"] .banner-info-box .content-wrap .sub-title {
    text-align: right;
}