.elementor-236194 .elementor-element.elementor-element-8208717 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-236194 .elementor-element.elementor-element-09e5ea2 > .elementor-widget-container{margin:0px 0px 80px 0px;}.elementor-236194 .elementor-element.elementor-element-881ebb2 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:600;}.elementor-236194 .elementor-element.elementor-element-881ebb2{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-236194 .elementor-element.elementor-element-881ebb2 .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;}.elementor-236194 .elementor-element.elementor-element-881ebb2 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-236194 .elementor-element.elementor-element-881ebb2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for nav-menu, class: .elementor-element-881ebb2 */html[lang="ar"] .elementor-element-881ebb2,
    body.rtl-active .elementor-element-881ebb2 {
        position: absolute !important;
        left: 20px !important;  /* Distance from Left edge */
        right: auto !important; /* Release from Right edge */
       
    }

/* 1. Change Text Color (EN / AR) to White */
.elementor-element-881ebb2 .elementor-nav-menu li a.elementor-item {
    color: #ffffff !important;
}

/* 2. Change Hover Color (Optional - keeping it white or light grey) */
.elementor-element-881ebb2 .elementor-nav-menu li a.elementor-item:hover {
    color: #ffffff !important;
    opacity: 0.8;
}




/* 2. The Separator "|" 
   (Targets the pseudo-element usually found after list items) */
.elementor-element-881ebb2 .elementor-nav-menu li:after,
.elementor-element-881ebb2 .elementor-nav-menu li:before {
    color: #ffffff !important;
    border-color: #ffffff !important; /* Covers cases where it's a border */
}
.language-switcher .lang-icon {
    display: none !important;
}

/* 2. (Safety) Hides any default Weglot flag/icon if present */
.elementor-element-881ebb2 .elementor-nav-menu li a::before,
.elementor-element-881ebb2 .elementor-nav-menu img {
    display: none !important;
}


.elementor-element-881ebb2  {
    position: absolute !important;
    top: 22px;    /* Distance from the TOP of the header */
    right: 30px; /* Distance from the RIGHT of the header */
    z-index: 9999; /* Ensures it sits on top of other items */
    color: white;
}

@media (max-width: 1300px) and (min-width: 769px) {
    .elementor-element-881ebb2  {
    position: absolute !important;
    top: 22px;    /* Distance from the TOP of the header */
    right: 73px; /* Distance from the RIGHT of the header */
    z-index: 9999; /* Ensures it sits on top of other items */
    color: white;
}

.rtl .elementor-element-881ebb2 {
    right: 65%;
}
html[lang="ar"] .elementor-element-881ebb2,
    body.rtl-active .elementor-element-881ebb2 {
        position: absolute !important;
        left: 70px !important;  /* Distance from Left edge */
        right: auto !important; /* Release from Right edge */
       
    }
}

.rtl .elementor-element-881ebb2 {
    right: 86%;
}

@media (max-width: 768px) {
    
    /* 0. DEFAULT STATE: HIDDEN */
    .elementor-element-115d51f,
    .elementor-element-881ebb2 {
        display: none !important;
    }

    /* ACTIVE STATE: VISIBLE WHEN MENU IS OPEN */
    .elementor-element-115d51f.show-on-mobile,
    .elementor-element-881ebb2.show-on-mobile {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: absolute !important;
        top: 27px !important;      /* Adjust top position */
        right: 145px !important;   /* Adjust right position */
        z-index: 10000005 !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* Force Internal Wrapper to Flex Row */
    .elementor-element-115d51f .elementor-widget-container,
    .elementor-element-115d51f .elementor-icon-box-wrapper,
    .elementor-element-115d51f .elementor-icon-list-items,
    .elementor-element-881ebb2 .elementor-widget-container,
    .elementor-element-881ebb2 .elementor-icon-box-wrapper,
    .elementor-element-881ebb2 .elementor-icon-list-items {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        width: auto !important;
    }
    
    /* 1. LOCK THE PSEUDO-ELEMENT IN PLACE */
    .elementor-element-115d51f .elementor-item::before,
    .elementor-element-115d51f .weglot-lang::before,
    .elementor-element-881ebb2 .elementor-item::before,
    .elementor-element-881ebb2 .weglot-lang::before {
        position: absolute !important;
        left: 0 !important; 
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }

    /* 2. MOVE ONLY THE TEXT */
    .elementor-element-115d51f .elementor-item,
    .elementor-element-881ebb2 .elementor-item {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        padding-left: 25px !important; 
    }
    
    /* 3. PULL "AR" CLOSER TO THE SEPARATOR */
    .elementor-element-115d51f .weglot-ar .elementor-item,
    .elementor-element-881ebb2 .weglot-ar .elementor-item {
        padding-left: 12px !important; 
        margin-left: -6px !important; 
    }
    
   /* ===================================================
       ARABIC RTL FIX: Lock Language Switcher to LTR
       =================================================== */
    html[lang="ar"] .elementor-element-115d51f,
    body.rtl-active .elementor-element-115d51f,
    html[lang="ar"] .elementor-element-115d51f ul,
    body.rtl-active .elementor-element-115d51f ul,
    html[lang="ar"] .elementor-element-881ebb2,
    body.rtl-active .elementor-element-881ebb2,
    html[lang="ar"] .elementor-element-881ebb2 ul,
    body.rtl-active .elementor-element-881ebb2 ul {
        direction: ltr !important; 
        text-align: right !important;
    }
    
    /* ===================================================
       ARABIC RTL FIX: Lock Language Switcher to LTR
       =================================================== */
    html[lang="ar"] .elementor-element-115d51f.show-on-mobile,
    body.rtl-active .elementor-element-115d51f.show-on-mobile,
    html[lang="ar"] .elementor-element-115d51f.show-on-mobile ul,
    body.rtl-active .elementor-element-115d51f.show-on-mobile ul,
    html[lang="ar"] .elementor-element-881ebb2.show-on-mobile,
    body.rtl-active .elementor-element-881ebb2.show-on-mobile,
    html[lang="ar"] .elementor-element-881ebb2.show-on-mobile ul,
    body.rtl-active .elementor-element-881ebb2.show-on-mobile ul {
        direction: ltr !important; 
        text-align: left !important;
    }
    
    /* ===================================================
       ARABIC RTL FIX: Move the entire widget's position
       =================================================== */
    html[lang="ar"] .elementor-element-115d51f.show-on-mobile,
    body.rtl-active .elementor-element-115d51f.show-on-mobile,
    html[lang="ar"] .elementor-element-881ebb2.show-on-mobile,
    body.rtl-active .elementor-element-881ebb2.show-on-mobile {
        
        right: 145px !important; /* Adjust this to move the WHOLE cluster in Arabic */
        
    }
    
    /* ===================================================
       ARABIC RTL FIX: Move ONLY the "EN | AR" text
       =================================================== */
       
    /* 1. Reset the spacing so EN and AR stop splitting apart */
    html[lang="ar"] .elementor-element-115d51f.show-on-mobile .elementor-item,
    body.rtl-active .elementor-element-115d51f.show-on-mobile .elementor-item,
    html[lang="ar"] .elementor-element-881ebb2.show-on-mobile .elementor-item,
    body.rtl-active .elementor-element-881ebb2.show-on-mobile .elementor-item {
        margin-left: 0px !important; 
        margin-right: 0px !important;
    }

   /* Push the grouped "EN | AR" text to the LEFT, making room for the icon */
    html[lang="ar"] .elementor-element-115d51f.show-on-mobile .elementor-widget-container,
    body.rtl-active .elementor-element-115d51f.show-on-mobile .elementor-widget-container,
    html[lang="ar"] .elementor-element-881ebb2.show-on-mobile .elementor-widget-container,
    body.rtl-active .elementor-element-881ebb2.show-on-mobile .elementor-widget-container {
        
        padding-left: 145px !important;  
        
       
    }
    
    

    
    
}


.header-th:before{
    position: absolute;
    content: "";
    background: url('https://www.peoplestrong.com/mea/wp-content/uploads/2025/06/language-icon-1.svg');
    background-size: cover;
    filter: brightness(0) invert(1);
    
    
}/* End custom CSS */