.elementor-163 .elementor-element.elementor-element-6ec8067{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:-175px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-163 .elementor-element.elementor-element-5c7ffb1{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-163 .elementor-element.elementor-element-ce4b92b{--display:flex;}.elementor-163 .elementor-element.elementor-element-7a7072c{--display:flex;}.elementor-163 .elementor-element.elementor-element-7093300{--display:flex;}.elementor-163 .elementor-element.elementor-element-c14ba7f{--display:flex;}.elementor-163 .elementor-element.elementor-element-46d8425{--display:flex;}.elementor-163 .elementor-element.elementor-element-616784c{--display:flex;}.elementor-163 .elementor-element.elementor-element-05102de{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-primary );--n-menu-toggle-icon-color-hover:var( --e-global-color-accent );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-accent );--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-163 .elementor-element.elementor-element-23a6297 .elementor-button{background-color:transparent;font-family:"Tajawal", Sans-serif;font-weight:300;letter-spacing:2.5px;background-image:linear-gradient(135deg, #D4C5AB 0%, var( --e-global-color-accent ) 100%);padding:15px 30px 15px 30px;}.elementor-163 .elementor-element.elementor-element-23a6297{width:auto;max-width:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-163 .elementor-element.elementor-element-6ec8067{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-163 .elementor-element.elementor-element-5c7ffb1{--container-widget-width:18%;--container-widget-flex-grow:0;width:var( --container-widget-width, 18% );max-width:18%;}}/* Start custom CSS for mega-menu, class: .elementor-element-05102de *//* 1. Hide the ugly Google dropdown and attribution */
#google_translate_element2, 
.skiptranslate.goog-te-gadget {
    display: none !important;
}

/* 2. Hide the currently active language flag/link */
.gtranslate_wrapper .gt-current-lang {
    display: none !important;
}
a.glink.gt-current-lang {
    display: none !important;
}
/* 3. Style the Language Switcher Container */
.gtranslate_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

/* 4. Luxury Styling for the Language Link (The one not active) */
.gtranslate_wrapper .glink {
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 0px 5px;
    border: none; /* Dormella Gold */
    border-radius: 2px; /* Sharp, high-end corners */
    background: transparent;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

/* 5. Text Styling inside the link */
.gtranslate_wrapper .glink span {
    font-size: 12px;
    font-weight: 600;
    color: #44554d; /* Dormella Green */
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* 6. Flag Icon Styling */
.gtranslate_wrapper .glink img {
    width: 18px;
    height: auto;
    border-radius: 1px;
    filter: sepia(0.3); /* Subtle vintage/luxury feel */
    transition: transform 0.3s ease;
}

/* 7. Hover Effect - Inverting to Dormella Green */
.gtranslate_wrapper .glink:hover {
    background: #44554d !important; /* Dormella Green */
    border-color: #44554d !important;
}

.gtranslate_wrapper .glink:hover span {
    color: #ffffff !important;
}

.gtranslate_wrapper .glink:hover img {
    transform: scale(1.1);
    filter: sepia(0);
}

/* 8. Fix for the Elementor menu title container spacing */
.e-n-menu-title-container {
    padding: 0 !important;
    display: flex !important;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ec8067 *//* 1. DEFAULT HEADER STATE: Transparent Background */
    .elementor-element-6ec8067 {
        background-color: transparent !important;
        transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
        z-index: 9999;
    }

    /* 2. STICKY STATE: Frosted Glass Effect */
    .elementor-element-6ec8067.elementor-sticky--active {
        background-color: rgba(255, 255, 255, 0.65) !important; 
        backdrop-filter: blur(16px); 
        -webkit-backdrop-filter: blur(16px); 
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08); 
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); 
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* 3. THE LOGO: White on transparent, Original on glass */
    .elementor-element-5c7ffb1 img {
        width: 140px !important; 
        height: auto;
        filter: brightness(0) invert(1); 
        transition: filter 0.4s ease, transform 0.4s ease, width 0.4s ease;
    }
    
    .elementor-element-6ec8067.elementor-sticky--active .elementor-element-5c7ffb1 img {
        filter: none !important; 
        width: 120px !important; 
    }

    /* 4. NAVIGATION TEXT: Desktop & Default */
    .e-n-menu-title-text {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 2.5px !important;
        color: #ffffff !important; /* Starts white */
        transition: color 0.4s ease;
    }

    /* Change text to Dark Green when scrolled */
    .elementor-element-6ec8067.elementor-sticky--active .e-n-menu-title-text {
        color: #44554D !important;
    }

    /* --- MOBILE MENU FIX --- */
    /* Forces menu text to be dark when the mobile toggle is active/open */
    @media (max-width: 1024px) {
        /* This targets the menu items when they are inside the mobile wrapper */
        .e-n-menu-wrapper .e-n-menu-title-text {
            color: #44554D !important; /* Forces dark green so it's visible on the mobile menu bg */
        }
        
        /* If you want the "HOME, ABOUT..." text to stay white only on the main bar but dark inside the dropdown */
        .e-n-menu-heading .e-n-menu-title-text {
             color: #44554D !important;
        }
    }

    /* Hover effect */
    .e-n-menu-title-container:hover .e-n-menu-title-text {
        color: #ac9d83 !important; 
    }

    /* 5. MOBILE MENU TOGGLE: White initially, Dark on glass */
    .e-n-menu-toggle-icon svg {
        width: 24px !important;
        fill: #ffffff !important;
        transition: fill 0.4s ease;
    }

    .elementor-element-6ec8067.elementor-sticky--active .e-n-menu-toggle-icon svg {
        fill: #44554D !important;
    }

    /* Fix for WordPress Admin Bar Overlap */
    .admin-bar .elementor-element-6ec8067.elementor-sticky {
        top: 32px !important;
    }/* End custom CSS */