@font-face {
    font-family: "Noto Sans Arabic";
    src: url("../fonts/NotoSansArabic-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

html[lang="ar"][dir="rtl"] #topbar a[href^="tel:"],
html[lang="ar"][dir="rtl"] #topbar a[href^="mailto:"] {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
}

@media (max-width: 767px) {
    html[lang="ar"][dir="rtl"] #topbar .header-widget {
        flex: 1 1 100%;
        min-width: 0;
        justify-content: space-between;
        gap: 8px;
    }

    html[lang="ar"][dir="rtl"] #topbar .header-widget > .topbar-widget {
        margin: 0;
        padding: 6px 0 10px !important;
        font-size: 12px;
    }

    html[lang="ar"][dir="rtl"] #topbar .header-widget > .topbar-widget a {
        font-size: clamp(11px, 3.08vw, 12px);
    }

    html[lang="ar"][dir="rtl"] #topbar .header-widget > .topbar-widget:nth-child(n + 3),
    html[lang="ar"][dir="rtl"] #topbar .social-icons {
        display: none;
    }
}

html[lang="ar"][dir="rtl"] body,
html[lang="ar"][dir="rtl"] button,
html[lang="ar"][dir="rtl"] input,
html[lang="ar"][dir="rtl"] select,
html[lang="ar"][dir="rtl"] textarea {
    font-family: "Noto Sans Arabic", Manrope, Arial, sans-serif;
}

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

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

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

html[lang="ar"][dir="rtl"] .row > [class*="col-"] {
    float: right;
}

html[lang="ar"][dir="rtl"] .navbar-nav,
html[lang="ar"][dir="rtl"] .dropdown-menu,
html[lang="ar"][dir="rtl"] .de-flex,
html[lang="ar"][dir="rtl"] .d-flex {
    direction: rtl;
}

html[lang="ar"][dir="rtl"] #home-slider,
html[lang="ar"][dir="rtl"] .swiper-container,
html[lang="ar"][dir="rtl"] .swiper-wrapper,
html[lang="ar"][dir="rtl"] .swiper-slide {
    direction: ltr;
}

html[lang="ar"][dir="rtl"] #home-slider .swiper-slide,
html[lang="ar"][dir="rtl"] #home-slider .swiper-slide > * {
    direction: rtl;
    text-align: right;
}

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

html[lang="ar"][dir="rtl"] input[type="email"],
html[lang="ar"][dir="rtl"] input[type="tel"],
html[lang="ar"][dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: right;
}

html[lang="ar"][dir="rtl"] .fa-angle-left,
html[lang="ar"][dir="rtl"] .fa-chevron-left,
html[lang="ar"][dir="rtl"] .fa-arrow-left {
    transform: scaleX(-1);
}

html[lang="ar"][dir="rtl"] .fa-angle-right,
html[lang="ar"][dir="rtl"] .fa-chevron-right,
html[lang="ar"][dir="rtl"] .fa-arrow-right {
    transform: scaleX(-1);
}