/* Scoped RTL fixes for the public site. Loaded only when locale is Arabic. */

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

.banner-home__content {
    text-align: right !important;
}

.banner-home__btn__wrapper {
    float: right !important;
}

.latest-blog__item-text {
    padding-right: 30px !important;
    padding-left: unset !important;
}

.latest-newsletter__content .search button {
    right: unset !important;
    left: 5px;

}

.latest-newsletter__content .search.custom-search input {
    padding-left: 200px;
    padding-right: unset !important;
}

.latest-feature2__media .overlay-heading {
    left: unset !important;
    right: 36px;
}

:root {
    --rr-ff-body: 'NoorRegular', sans-serif;
    --rr-ff-heading: 'NoorBold', sans-serif;
    --rr-ff-subtitle: 'NoorLight', sans-serif;
}

.backtotop-wrap {
    right: unset;
    left: 30px !important;
}

#whatsapp-widget {
    right: 25px;
}

#whatsapp-btn {
    right: 25px;
}

.latest-about2__all-shape-bg-shape {
    left: -150px;
    right: unset;
}

.latest-about2__all-shape-circle-shape {
    right: unset;
    left: -200px;
}
/* RTL version for Arabic */
.breadcrumb__menu ul li:not(:last-child)::before {
    content: "\f104"; /* left arrow */
}

.accordion-button::after {
    margin-right: unset;
    margin-left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .latest-about2__all-shape-circle-shape {
        left: -115px;
        right: unset;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    /* In RTL, mirror the large-screen services navigation buttons
       so they don't overlap and visually match the content flow. */
    .services-5__navigation .services-5__button {
        right: 46% !important;
        left: unset !important;
    }

    .services-5__navigation .services-5__button-prev {
        left: 46% !important;
        right: unset !important;
    }
}

/* On smaller screens keep the two arrows on opposite sides.
   Place the "next" button on the right and "prev" on the left in RTL. */
.services-5__navigation .services-5__button {
    right: 8%;
    left: auto;
}

.services-5__navigation .services-5__button-prev {
    left: 8%;
    right: auto;
}
.main-menu ul li .submenu li a::before{
    left: unset;
    right: 25px;
}