.elementor-6573 .elementor-element.elementor-element-71b534a{--display:flex;}.elementor-6573 .elementor-element.elementor-element-71b534a:not(.elementor-motion-effects-element-type-background), .elementor-6573 .elementor-element.elementor-element-71b534a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#213319;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6573 .elementor-element.elementor-element-0eb9029{padding:12px 12px 12px 12px;text-align:center;}.elementor-6573 .elementor-element.elementor-element-0eb9029 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;}.elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_logo_box img{width:170px!important;min-width:170px!important;}.elementor-6573 .elementor-element.elementor-element-fc937e3 .top_bar {background:#213319;}.elementor-6573 .elementor-element.elementor-element-fc937e3 .top_bar .top_inner .common_css .contntent i {color:#BB994D;}.elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_content_collapse .navigation_menu .navbar_nav li a.nav-link:hover , .elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_content_collapse .navigation_menu .navbar_nav li.active a.nav-link  {color:#BB994D;}.elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_content_collapse .navigation_menu .navbar_nav li:hover .dropdown-btn span:before , .elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn span:before {color:#BB994D;}.elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_content_collapse .navigation_menu .navbar_nav li:hover .dropdown-btn .fa-angle-down , .elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_content_collapse .navigation_menu .navbar_nav li.active .dropdown-btn .fa-angle-down {color:#BB994D;}.elementor-6573 .elementor-element.elementor-element-fc937e3  .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li a.nav-link:hover , .elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li:hover .dropdown-btn span:before 
                    , .elementor-6573 .elementor-element.elementor-element-fc937e3 .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li:hover .dropdown-btn .fa-angle-down  {color:#BB994D!important;}@media(max-width:767px){.elementor-6573 .elementor-element.elementor-element-0eb9029{padding:10px 10px 10px 10px;}.elementor-6573 .elementor-element.elementor-element-0eb9029 .elementor-heading-title{font-size:14px;line-height:1.5em;}}/* Start custom CSS for creote-header-v1, class: .elementor-element-fc937e3 *//* ==============================================
   1. MAIN NAVIGATION & LINKS (Global/Desktop)
   ============================================== */
.navigation_menu ul.navbar_nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navigation_menu ul.navbar_nav li.nav-item a.nav-link {
    font-family: 'Almarai', sans-serif !important;
    color: #213319 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
    position: relative;
}

.navigation_menu ul.navbar_nav li.nav-item a.nav-link:hover {
    color: #ba974c !important;
}

.navigation_menu ul.navbar_nav li.current-menu-item a.nav-link {
    color: #ba974c !important;
}

/* Underline Effect */
.navigation_menu ul.navbar_nav li.nav-item a.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 0;
    height: 2px;
    background-color: #ba974c;
    transition: all 0.3s ease;
}

.navigation_menu ul.navbar_nav li.nav-item a.nav-link:hover::after {
    width: 60%;
    right: 20%;
}

.navigation_menu ul.navbar_nav li.nav-item {
    margin: 0 5px !important;
}

/* Last Menu Item (Button Style) */
.navigation_menu ul.navbar_nav li:last-child a.nav-link {
    background-color: #ba974c;
    color: #fff !important;
    border-radius: 5px;
    padding: 8px 18px !important;
    margin-right: 15px;
}

.navigation_menu ul.navbar_nav li:last-child a.nav-link:hover {
    background-color: #213319;
}

/* ==============================================
   2. TOP BAR SECTION
   ============================================== */
.top_inner {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: auto !important;
    background-color: #213319 !important;
}

.top_inner .text small {
    font-size: 15px !important;
    color: #bb994d !important;
    font-family: 'Almarai', sans-serif !important;
}

.top_inner .text span, 
.top_inner .text a {
    font-size: 14px !important;
    color: #ffffff !important;
    font-family: 'Almarai', sans-serif !important;
    text-decoration: none !important;
}

.top_inner .contntent.phone .text a,
.top_inner .contntent.phone .text span {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block !important;
}

.top_inner i {
    font-size: 14px !important;
    color: #ba974c !important;
    margin-left: 5px !important;
}

.top_inner a:hover {
    color: #ba974c !important;
    transition: 0.3s;
}

.top_inner .contntent.media .text a i {
    color: #ffffff !important;
    transition: all 0.3s ease-in-out !important;
}

.top_inner .contntent.media .text a:hover i {
    color: #bb994d !important;
}

/* ==============================================
   3. DROPDOWNS (General)
   ============================================== */
.navigation_menu ul.navbar_nav li.dropdown {
    position: relative !important;
}

.navigation_menu ul.navbar_nav li.dropdown > ul.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    min-width: 240px !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important; 
    border: none !important;
    display: none !important;
    text-align: right !important;
    direction: rtl !important;
    z-index: 9999 !important;
    overflow: hidden !important; 
}

.navigation_menu ul.navbar_nav li.dropdown:hover > ul.dropdown-menu {
    display: block !important;
}

.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li a {
    background-color: transparent !important;
    color: #213319 !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: block !important;
    border-radius: 0 !important;
    transition: all 0.25s ease-in-out !important;
    position: relative;
    z-index: 1;
}

.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li a:hover {
    background-color: #f7f5f0 !important;
    color: #213319 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li:first-child a:hover {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li:last-child a:hover {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* Dropdown Toggle Button (Base Style) */
.menu-item-has-children .dropdown-btn {
    margin-right: 5px !important; 
    margin-left: 0 !important;        
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    top: 1px;  
}

/* ==============================================
   4. SUBMENU LINK COLORS
   ============================================== */
.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li a {
    color: #000000 !important;
}

.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li.current-menu-item > a,
.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li.current_page_item > a,
.navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li a[aria-current="page"] {
    color: #ba974c !important;
}

/* ==============================================
   5. MOBILE RESPONSIVE (@media max-width 991px)
   ============================================== */
@media (max-width: 991px) {

    /* --- General Mobile Menu Structure --- */
    .menu-box {
        background-color: #ffffff !important;
        width: 100% !important;
        height: 100% !important;
        padding-top: 60px !important;
    }

    .menu-outer {
        width: 100% !important;
        display: block !important;
    }

    .navigation_menu {
        width: 100% !important;
    }

    .navigation_menu ul.navbar_nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 0 20px !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .navigation_menu ul.navbar_nav li.nav-item {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    .navigation_menu ul.navbar_nav li.nav-item:last-child {
        border-bottom: none !important;
        margin-top: 15px !important;
    }

    .navigation_menu ul.navbar_nav li.nav-item a.nav-link {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 18px 0 !important;
        font-family: 'Almarai', sans-serif !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        color: #213319 !important;
        text-decoration: none !important;
        text-align: right !important;
        direction: rtl !important;
    }

    .navigation_menu ul.navbar_nav li.nav-item a.nav-link span {
        display: inline-block !important;
    }

    .navigation_menu ul.navbar_nav li.nav-item.active a.nav-link,
    .navigation_menu ul.navbar_nav li.nav-item a.nav-link:hover {
        color: #ba974c !important;
    }

    .navigation_menu ul.navbar_nav li:last-child a.nav-link {
        background-color: #ba974c !important;
        color: #ffffff !important;
        border-radius: 8px !important;
        padding: 12px 20px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .close-btn {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        font-size: 24px !important;
        color: #213319 !important;
        z-index: 999 !important;
        cursor: pointer !important;
    }

    /* --- Mobile Header Layout --- */
    header.mobile_header {
        display: flex !important;
        flex-direction: row-reverse !important; 
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 15px !important;
        background: #fff !important;
        border-bottom: 1px solid #eee !important;
    }

    header.mobile_header .mobile_logo, 
    header.mobile_header .bottom_content {
        width: auto !important;
        margin: 0 !important;
        padding: 10px !important;
    }

    header.mobile_header .container {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0px !important;
    }

    /* --- Mobile Active States --- */
    .navigation_menu ul.navbar_nav li:last-child.active a.nav-link,
    .navigation_menu ul.navbar_nav li:last-child a.nav-link:hover {
        color: #ffffff !important; 
    }

    #menu-item-7228.active a.nav-link, 
    #menu-item-7228 a.nav-link:hover {
        color: #ffffff !important;
    }

    /* --- Mobile Dropdown / Submenu Handling --- */
    .navigation_menu ul.navbar_nav li.menu-item-has-children {
        position: relative !important;
    }

    .navigation_menu ul.navbar_nav li.menu-item-has-children > a.nav-link {
        padding-right: 15px !important;   
        padding-left: 45px !important;    
    }

    /* Initial Dropdown Button Logic (Overridden later in code) */
    .navigation_menu ul.navbar_nav .menu-item-has-children .dropdown-btn {
        position: absolute !important;
        left: 10px !important;
        right: auto !important;
        top: 22px !important;   
        transform: none !important;
        width: 30px !important;
        height: 30px !important;
        background: #f0f0f0 !important;
        border-radius: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 5 !important;
    }

    /* Initial Submenu Display Logic */
    .navigation_menu ul.navbar_nav li.dropdown > ul.dropdown-menu {
        position: static !important;
        width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: #f7f5f0 !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: none !important;
    }

    .navigation_menu ul.navbar_nav li.dropdown.active > ul.dropdown-menu,
    .navigation_menu ul.navbar_nav li.dropdown.open > ul.dropdown-menu {
        display: block !important;
    }

    .navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li a {
        display: block !important;
        padding: 12px 15px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #213319 !important;
        text-align: right !important;
        direction: rtl !important;
        border-bottom: 1px solid #e5e5e5 !important;
        background: transparent !important;
    }

    .navigation_menu ul.navbar_nav li.dropdown ul.dropdown-menu li:last-child a {
        border-bottom: none !important;
    }

    .navigation_menu ul.navbar_nav li.menu-item-has-children .dropdown-menu {
        display: none !important;
    }
    
    .navigation_menu ul.navbar_nav li.menu-item-has-children.manual-open .dropdown-menu {
        display: block !important;
    }

    /* --- OVERRIDE: Force Dropdown Open & Hide Arrow --- */
    /* This section ensures the dropdown is always open on mobile and the button is hidden */
    
    .navigation_menu ul.navbar_nav .menu-item-has-children .dropdown-btn {
        display: none !important;
    }

    .navigation_menu ul.navbar_nav li.menu-item-has-children > ul.dropdown-menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        min-width: 100% !important;
        background-color: #f7f5f0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .navigation_menu ul.navbar_nav li.dropdown:hover > ul.dropdown-menu,
    .navigation_menu ul.navbar_nav li.dropdown.active > ul.dropdown-menu,
    .navigation_menu ul.navbar_nav li.dropdown.open > ul.dropdown-menu,
    .navigation_menu ul.navbar_nav li.menu-item-has-children.manual-open > ul.dropdown-menu {
        display: block !important;
    }
}/* End custom CSS */