/* Apply Rubik Font */
body {
    font-family: 'Rubik', sans-serif !important;
}

/* RTL Fixes for Header Nav Only */
@media (max-width: 1199px) {
    /* Align Nav Items to Right */
    .site-header .header-nav ul {
        align-items: flex-start; /* Aligns to right in RTL column flex */
    }

    /* Position Dropdown Menu to the Left of the Sidebar */
    .site-header .dropdown.full-width .dropdown-menu {
        left: auto !important;
        right: 90px !important;
    }

    /* Adjust Header User Padding if visible */
    .site-header .header-user {
        padding-left: 0 !important;
        padding-right: 8px !important;
    }
}

/* Hero Section RTL Fixes */

/* 1. Hero Button Icon Flip */
.hero .hero-btn i {
    transform: scaleX(-1);
}

/* 2. Hero Mobile Background Position */
@media (max-width: 991px) {
    .hero {
        background-position: top left !important;
    }
}

/* 3. Hero Slider Text Content Position */
.hero-slider .main-slider .swiper-slide .txt-content {
    left: auto !important;
    right: 73px !important;
    align-items: flex-start; /* Ensure cross-axis alignment is correct */
}

@media (max-width: 991px) {
    .hero-slider .main-slider .swiper-slide .txt-content {
        right: 30px !important;
    }
}

/* 4. Hero Slider Side Bar (Color Bar) */
.hero-slider .main-slider .swiper-slide:before {
    left: auto !important;
    right: 0 !important;
    border-radius: 10px 0 0 10px !important;
}

/* 5. Sub-Hero Item Hover Icon */
.sub-hero .sub-item .hover-icon {
    left: auto !important;
    right: 2px !important;
    border-radius: 6px 0 0 6px !important;
}

.sub-hero .sub-item .hover-icon i {
    transform: scaleX(-1);
}