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

html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .h1,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3,
html[dir="rtl"] .h4,
html[dir="rtl"] .h5,
html[dir="rtl"] .h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] .btn,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button {
    font-family: var(--site-font-ar);
}

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

html[dir="rtl"] .main-wrapper,
html[dir="rtl"] .dealership-hero,
html[dir="rtl"] .latest-collection,
html[dir="rtl"] .dealership-about,
html[dir="rtl"] .merge-section,
html[dir="rtl"] .footer-section {
    direction: rtl;
}

html[dir="rtl"] .row {
    direction: rtl;
}
.dl2-apps-content .bg-circle-shape{
    transform: scaleX(-1);

}

html[dir="rtl"] .at-hero-title,
html[dir="rtl"] .section-title,
html[dir="rtl"] .home-featured-title,
html[dir="rtl"] .filter-card-content,
html[dir="rtl"] .car-card__content,
html[dir="rtl"] .about_content,
html[dir="rtl"] .faq-left,
html[dir="rtl"] .footer-widget {
    text-align: right;
}

html[dir="rtl"] .home-featured-title.text-lg-start {
    text-align: right !important;
}

html[dir="rtl"] .at-subtitle::after,
html[dir="rtl"] .shape-primary::after,
html[dir="rtl"] .shape-primary::before {
    right: auto;
    left: 0;
}

html[dir="rtl"] .at-explore-btn svg,
html[dir="rtl"] .btn-scroll-down svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .at-search-filter {
    direction: rtl;
}

html[dir="rtl"] .at-search-filter .input-field + .input-field {
    border-left: 0;
}

html[dir="rtl"] .at-search-filter .nice-select,
html[dir="rtl"] .at-search-filter input,
html[dir="rtl"] .footer-sb-form input {
    text-align: right;
}

html[dir="rtl"] .footer-sb-form input[type="email"] {
    padding-left: 140px;
    padding-right: 20px;
}

html[dir="rtl"] .footer-sb-form button {
    right: auto;
    left: 0;
    border-radius: 4px 0 0 4px;
}

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

html[dir="rtl"] .car-info li,
html[dir="rtl"] .card-feature-box,
html[dir="rtl"] .product_meta,
html[dir="rtl"] .d-flex {
    direction: rtl;
}

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

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

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

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

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

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

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

html[dir="rtl"] .filter-card-item .date {
    left: 16px;
    right: auto;
}

html[dir="rtl"] .filter-card-item .vehicle-brand-badge {
    left: auto;
    right: 16px;
}

html[dir="rtl"] .product_details .iv-meta {
    justify-content: flex-start;
}

html[dir="rtl"] .filter-card-item .compare-btn {
    left: auto;
    right: 18px;
}

html[dir="rtl"] .filter-card-item .wish-btn {
    left: auto;
    right: 64px;
}

html[dir="rtl"] .card-feature-box .icon-box + .icon-box {
    margin-right: 0;
    margin-left: 18px;
}

html[dir="rtl"] .accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .theme-scrolltop-btn {
    right: auto;
    left: 24px;
}

html[dir="rtl"] .at-hero-social {
    right: auto;
    left: 20px;
}

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

html[dir="rtl"] .home-cinematic-hero {
    margin-top: 0;
}

html[dir="rtl"] .home-hero-about-wave svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper,
html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper .swiper-wrapper,
html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper .swiper-slide,
html[dir="rtl"] .home-cinematic-hero .dl-hero-single {
    min-height: clamp(640px, calc(100vh - 150px), 860px);
}

html[dir="rtl"] .home-cinematic-hero .dl-hero-single::before {
    background:
        linear-gradient(270deg, rgba(5, 7, 13, 0.98) 0%, rgba(5, 7, 13, 0.9) 24%, rgba(5, 7, 13, 0.54) 44%, rgba(5, 7, 13, 0.08) 70%),
        linear-gradient(180deg, rgba(5, 7, 13, 0.44) 0%, rgba(5, 7, 13, 0.08) 36%, rgba(5, 7, 13, 0.78) 100%);
}

html[dir="rtl"] .home-hero-content--side {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

html[dir="rtl"] .home-hero-media img,
html[dir="rtl"] .home-hero-media video {
    object-position: center right;
}

html[dir="rtl"] .home-hero-badge {
    left: 46px;
    right: auto;
}

@media (max-width: 1199.98px) {
    html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper,
    html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper .swiper-wrapper,
    html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper .swiper-slide,
    html[dir="rtl"] .home-cinematic-hero .dl-hero-single {
        min-height: 720px;
    }
}

@media (max-width: 767.98px) {
    html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper,
    html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper .swiper-wrapper,
    html[dir="rtl"] .home-cinematic-hero .at-hero-slider-wrapper .swiper-slide,
    html[dir="rtl"] .home-cinematic-hero .dl-hero-single {
        min-height: 620px;
    }

    html[dir="rtl"] .home-cinematic-hero .dl-hero-single::before {
        background:
            linear-gradient(180deg, rgba(5, 7, 13, 0.84) 0%, rgba(5, 7, 13, 0.6) 44%, rgba(5, 7, 13, 0.92) 100%),
            linear-gradient(270deg, rgba(5, 7, 13, 0.96) 0%, rgba(5, 7, 13, 0.46) 100%);
    }
}

html[dir="rtl"] .slick-slide {
    float: right;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .at-search-filter {
        gap: 14px;
    }

    html[dir="rtl"] .at-search-filter .input-field + .input-field {
        border-right: 0;
    }

    html[dir="rtl"] .card-feature-box {
        flex-wrap: wrap;
        gap: 10px 14px;
    }

    html[dir="rtl"] .card-feature-box .icon-box + .icon-box {
        margin-right: 0;
    }
}
html[dir="rtl"] .at-hero-banner img {
    right: auto;
    left: -55px;
}

html[dir="rtl"] .dealership-hero .swiper-slide-active .at-hero-banner img {
    animation-name: slideInLeft;
}

html[dir="rtl"] .at-hero-title .at-subtitle::after {
    left: auto;
    right: calc(100% + 5px);
}

html[dir="rtl"]
.at-search-box-filter>ul {
    right: 36px;
    left: auto;
}   html[dir="rtl"]
i.fas.fa-arrow-right {
    transform: rotate(180deg);
}   html[dir="rtl"]
.apps-content-wrapper .apps-left {
    padding: 80px 45px 80px 0;
}
@media (max-width: 1199.98px) {
    html[dir="rtl"] .at-hero-banner img {
        left: auto;
    }
}
   html[dir="rtl"]
.about-section .small-circle-shape {
    left: 100px;
    right: auto;
}
 html[dir="rtl"]
.countdown-area {
    left: 0;
    right: auto;
}
html[dir="rtl"] .countdown-area .main-countdown-wrapper {
    padding: 60px 130px 60px 100px;
    -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
}
/* RTL page stability overrides */
html[dir="rtl"],
html[dir="rtl"] body {
    overflow-x: hidden;
    overflow-y: auto;
}

html[dir="rtl"] .dealership-hero,
html[dir="rtl"] .at-hero-slider-wrapper,
html[dir="rtl"] .at-hero-slider-wrapper .swiper-wrapper,
html[dir="rtl"] .at-hero-slider-wrapper .swiper-slide,
html[dir="rtl"] .dl-hero-single {
    min-height: calc(100vh - 75px);
}

html[dir="rtl"] .at-hero-slider-wrapper {
    touch-action: pan-y;
}

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