html[lang="ar"],
    html[lang="ar"] body,
    html[lang="ar"] body * {
        font-family: 'Cairo', sans-serif !important;
    }

    /* Fix social media icons after applying Cairo font */
    .bi,
    .bi::before,
    [class^="bi-"]::before,
    [class*=" bi-"]::before {
        font-family: "bootstrap-icons" !important;
    }

    .bx,
    .bx::before,
    [class^="bx-"],
    [class*=" bx-"] {
        font-family: "boxicons" !important;
    }

    i.bi,
    i.bx {
        font-style: normal !important;
    }

    /* Fix breadcrumb arrow direction in Arabic RTL page */
    html[dir="rtl"] .breadcrumb-section .breadcrumb-content .breadcrumb-list li svg {
        transform: scaleX(-1) !important;
    }
/* إجبار قائمة فرعية محددة على الاتجاه العربي */
    .rtl-submenu {
        direction: rtl !important;
        text-align: right !important;
        right: 0 !important;
        left: auto !important;
    }

    .rtl-submenu li {
        direction: rtl !important;
        text-align: right !important;
    }

    .rtl-submenu li a {
        direction: rtl !important;
        text-align: right !important;
        justify-content: flex-start !important;
    }
/* إجبار جميع نصوص وروابط الفوتر على اللون الأبيض */
    .footer-section.style-2,
    .footer-section.style-2 * {
        color: #ffffff !important;
    }

    /* روابط الفوتر */
    .footer-section.style-2 a,
    .footer-section.style-2 a:hover,
    .footer-section.style-2 a:focus {
        color: #ffffff !important;
    }

    /* عناوين الفوتر */
    .footer-section.style-2 h1,
    .footer-section.style-2 h2,
    .footer-section.style-2 h3,
    .footer-section.style-2 h4,
    .footer-section.style-2 h5,
    .footer-section.style-2 h6,
    .footer-section.style-2 p,
    .footer-section.style-2 span,
    .footer-section.style-2 li {
        color: #ffffff !important;
    }

    /* أيقونات الفوتر */
    .footer-section.style-2 i,
    .footer-section.style-2 svg,
    .footer-section.style-2 svg path {
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    /* روابط قائمة الفوتر تحديدًا */
    .footer-section.style-2 .widget-list li a {
        color: #ffffff !important;
    }

    .footer-section.style-2 .widget-list li a:hover {
        color: #ffffff !important;
        opacity: 0.85;
    }

    /* نص تحميل الملف التعريفي */
    .footer-section.style-2 .company-desk,
    .footer-section.style-2 .company-desk *,
    .footer-section.style-2 .company-desk h6,
    .footer-section.style-2 .company-desk p,
    .footer-section.style-2 .company-desk span {
        color: #ffffff !important;
    }

    /* نص الحقوق أسفل الفوتر */
    .footer-section.style-2 .footer-bottom,
    .footer-section.style-2 .footer-bottom * {
        color: #ffffff !important;
    }
/* تثبيت القوائم الفرعية في صفحة about ومنع اختفائها أثناء انتقال الماوس */
    @media (min-width: 1200px) {
        .header-area .main-menu .menu-list > li.menu-item-has-children {
            position: relative !important;
        }

        .header-area .main-menu .menu-list > li.menu-item-has-children > .sub-menu {
            top: calc(100% - 1px) !important;
            right: 0 !important;
            left: auto !important;
            margin-top: 0 !important;
            z-index: 9999 !important;
            pointer-events: none;
        }

        .header-area .main-menu .menu-list > li.menu-item-has-children:hover > .sub-menu,
        .header-area .main-menu .menu-list > li.menu-item-has-children > .sub-menu:hover {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
            pointer-events: auto !important;
        }

        .header-area .main-menu .menu-list > li.menu-item-has-children::after {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            top: 100%;
            height: 18px;
            z-index: 9998;
        }
    }
/* تكبير شعار صفحة about فقط */
    .header-area.style-2 .header-logo img {
        width: 155px !important;
        max-width: 155px !important;
        height: auto !important;
    }

    /* مسافة بسيطة بين الشعار والقائمة */
    .header-area.style-2 .header-logo {
        margin-left: 15px !important;
    }
/* ضبط اتجاه ومحاذاة أسئلة وأجوبة FAQ */
    .home4-faq-section .accordion-button {
        text-align: right !important;
        direction: rtl !important;
        justify-content: flex-start !important;
    }

    .home4-faq-section .accordion-body {
        text-align: right !important;
        direction: rtl !important;
    }
/* Footer links hover color: text only */
    .footer-section.style-2 a:hover,
    .footer-section.style-2 a:focus,
    .footer-section.style-2 .widget-list li a:hover,
    .footer-section.style-2 .widget-list li a:focus,
    .footer-section.style-2 .footer-bottom a:hover,
    .footer-section.style-2 .footer-bottom a:focus,
    .footer-section.style-2 .company-desk:hover,
    .footer-section.style-2 .company-desk:focus,
    .footer-section.style-2 .company-desk:hover h6,
    .footer-section.style-2 .company-desk:focus h6,
    .footer-section.style-2 .company-desk:hover p,
    .footer-section.style-2 .company-desk:focus p,
    .footer-section.style-2 .company-desk:hover span,
    .footer-section.style-2 .company-desk:focus span {
        color: #C9A151 !important;
        opacity: 1 !important;
    }

    /* Keep social media icons white on hover */
    .footer-section.style-2 .social-list a:hover,
    .footer-section.style-2 .social-list a:focus,
    .footer-section.style-2 .social-list a:hover i,
    .footer-section.style-2 .social-list a:focus i,
    .footer-section.style-2 .social-list a:hover svg,
    .footer-section.style-2 .social-list a:focus svg,
    .footer-section.style-2 .social-list a:hover svg path,
    .footer-section.style-2 .social-list a:focus svg path {
        color: #ffffff !important;
        fill: #ffffff !important;
        opacity: 1 !important;
    }

    /* Keep company profile download icon white on hover */
    .footer-section.style-2 .company-desk:hover .icon,
    .footer-section.style-2 .company-desk:focus .icon,
    .footer-section.style-2 .company-desk:hover .icon *,
    .footer-section.style-2 .company-desk:focus .icon *,
    .footer-section.style-2 .company-desk:hover .icon svg,
    .footer-section.style-2 .company-desk:focus .icon svg,
    .footer-section.style-2 .company-desk:hover .icon svg path,
    .footer-section.style-2 .company-desk:focus .icon svg path {
        color: #ffffff !important;
        fill: #ffffff !important;
        opacity: 1 !important;
    }
.rabiyah-whatsapp-fixed {
        position: fixed;
        left: 24px;
        bottom: 24px;
        width: 58px;
        height: 58px;
        background-color: #25D366;
        color: #ffffff !important;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        z-index: 99999;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
        transition: all 0.3s ease;
        text-decoration: none !important;
    }

    .rabiyah-whatsapp-fixed:hover {
        background-color: #1ebe5d;
        color: #ffffff !important;
        transform: translateY(-3px);
    }

    .rabiyah-whatsapp-fixed i {
        color: #ffffff !important;
        line-height: 1;
    }
html[lang="en"], html[lang="en"] body, html[lang="en"] body *{
    font-family:'Inter','Cairo',sans-serif!important;
}
.bi,.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{font-family:"bootstrap-icons"!important;}
.bx,.bx::before,[class^="bx-"],[class*=" bx-"]{font-family:"boxicons"!important;}
i.bi,i.bx{font-style:normal!important;}
html[dir="ltr"] .rtl-submenu,
html[dir="ltr"] .rtl-submenu li,
html[dir="ltr"] .rtl-submenu li a{
    direction:ltr!important;
    text-align:left!important;
    justify-content:flex-start!important;
}
html[dir="ltr"] .rtl-submenu{left:0!important;right:auto!important;}
html[dir="ltr"] .header-area.style-2 .header-logo{margin-left:0!important;margin-right:15px!important;}
html[dir="ltr"] .breadcrumb-section .breadcrumb-content .breadcrumb-list li svg{transform:none!important;}
html[dir="ltr"] .home4-faq-section .accordion-button,
html[dir="ltr"] .home4-faq-section .accordion-body{
    text-align:left!important;
    direction:ltr!important;
}
html[dir="ltr"] .home4-faq-section .accordion-button{justify-content:flex-start!important;}
html[dir="ltr"] .testimonial-section .testimonial-wrapper .slider-btn-area{direction:ltr!important;}
html[dir="ltr"] .ltr-phone-number{direction:ltr!important;unicode-bidi:embed!important;}
html[dir="ltr"] .rabiyah-first-paragraph-left-align {
        text-align: left !important;
        text-align-last: left !important;
        direction: ltr !important;
    }