.elementor-4818 .elementor-element.elementor-element-988ab13 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4818 .elementor-element.elementor-element-3ac30c6 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-4818 .elementor-element.elementor-element-115d51f .elementor-nav-menu .elementor-item{font-size:14px;font-weight:600;}.elementor-4818 .elementor-element.elementor-element-115d51f{--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-4818 .elementor-element.elementor-element-115d51f .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;}.elementor-4818 .elementor-element.elementor-element-115d51f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-4818 .elementor-element.elementor-element-115d51f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-3ac30c6 */.ai-video-card, .ta-video-wrapper, .payroll-right-wrapper, .sol-ebook-size{
display:none !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-115d51f */.elementor-element-115d51f  {
    position: absolute !important;
    top: -40px;    /* Distance from the TOP of the header */
    right: 32px; /* Distance from the RIGHT of the header */
    z-index: 99999; /* Ensures it sits on top of other items */
}

@media (max-width: 1300px) and (min-width: 769px) {
    .elementor-element-115d51f  {
    position: absolute !important;
    top: -40px;    /* Distance from the TOP of the header */
    right: 75px; /* Distance from the RIGHT of the header */
    z-index: 99999; /* Ensures it sits on top of other items */
}

.rtl .elementor-element-115d51f {
    right: 65%;
}
}

.rtl .elementor-element-115d51f {
    right: 86%;
}

@media (max-width: 768px) {
    
    /* 1. Default state: HIDDEN */
    .elementor-element-115d51f {
        display: none !important;
    }

    /* 2. Active State: No space before .show-on-mobile */
    .elementor-element-115d51f.show-on-mobile {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        
        /* --- POSITIONING GUIDE --- */
        position: absolute !important;
        top: -43px !important; /* Adjust this to move it UP or DOWN */
        /* transform: translateY(-50%) !important; Use this if you want perfect vertical centering based on 'top: 50%' */
        right: 150px !important; /* Adjust this to move it LEFT or RIGHT */
        z-index: 10000005 !important; /* Must be higher than navbar */
        /* ------------------------- */
        
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* 3. Force Internal Wrapper to Flex Row (No space before .show-on-mobile) */
    .elementor-element-115d51f.show-on-mobile .elementor-widget-container,
    .elementor-element-115d51f.show-on-mobile .elementor-icon-box-wrapper,
    .elementor-element-115d51f.show-on-mobile .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;
    }

    /* 4. Fix the Icon */
    .elementor-element-115d51f.show-on-mobile .elementor-icon-box-icon,
    .elementor-element-115d51f.show-on-mobile .elementor-icon-list-icon,
    .elementor-element-115d51f.show-on-mobile i,
    .elementor-element-115d51f.show-on-mobile svg {
        position: static !important; 
        display: inline-flex !important;
        width: auto !important;
        height: auto !important;
        margin-right: 10px !important; /* Gap between icon and text */
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        transform: none !important;
        flex-shrink: 0 !important;
    }

    /* 5. Fix the Text */
    .elementor-element-115d51f.show-on-mobile .elementor-icon-box-content,
    .elementor-element-115d51f.show-on-mobile .elementor-icon-box-title,
    .elementor-element-115d51f.show-on-mobile .elementor-icon-list-text,
    .elementor-element-115d51f.show-on-mobile a,
    .elementor-element-115d51f.show-on-mobile span,
    .elementor-element-115d51f.show-on-mobile p {
        white-space: nowrap !important;
        width: auto !important;
        display: inline-block !important;
        margin: 0 !important;
        line-height: 1 !important;
        flex-grow: 0 !important;
    }
}

@media (max-width: 768px) {
    
    /* 1. LOCK THE PSEUDO-ELEMENT IN PLACE */
    .elementor-element-115d51f.show-on-mobile .elementor-item::before,
    .elementor-element-115d51f.show-on-mobile .weglot-lang::before {
        position: absolute !important;
        
        /* Lock it to an edge so it cannot be pushed by the text */
        left: 0 !important; 
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }

    /* 2. MOVE ONLY THE TEXT */
    .elementor-element-115d51f.show-on-mobile .elementor-item {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        
        /* --- TEXT POSITIONING CONTROLS --- */
        
        /* Push text to the RIGHT (away from a left-aligned icon) */
        padding-left: 25px !important; 
        
        /* If you need to push it LEFT instead, comment out padding-left and use this: */
        /* padding-right: 25px !important; */
        
        /* --------------------------------- */
    }
    
    /* 3. PULL "AR" CLOSER TO THE SEPARATOR */
    .elementor-element-115d51f.show-on-mobile .weglot-ar .elementor-item {
        /* Override the 25px padding we gave to all items */
        padding-left: 12px !important; 
        
        /* Use a negative margin to physically pull it to the left */
        margin-left: -6px !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 {
        direction: ltr !important; 
        text-align: left !important;
    }
    
    /* ===================================================
       ARABIC RTL FIX: Prevent icon overlapping "AR" on the right
       =================================================== */
    
    /* 1. Add a protective bumper to the right side of the "AR" text */
    html[lang="ar"] .elementor-element-115d51f.show-on-mobile .weglot-ar .elementor-item,
    body.rtl-active .elementor-element-115d51f.show-on-mobile .weglot-ar .elementor-item {
        padding-right: 15px !important; /* Pushes the "AR" text left, away from the icon */
        padding-left: 14px !important;   /* Keeps the spacing next to the | separator */
    }

    /* 2. Lock the pseudo-element securely to the right edge */
    html[lang="ar"] .elementor-element-115d51f.show-on-mobile .elementor-item::before,
    body.rtl-active .elementor-element-115d51f.show-on-mobile .weglot-lang::before {
        left: auto !important;          /* Removes the left anchor from English mode */
        right: 0 !important;            /* Anchors it to the far right */
        top: 50% !important;
        transform: translateY(-50%) !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 {
        
        /* OPTION A: Nudge it from the right side */
        /* Increase this number to push the whole block further to the left */
        right: 165px !important; 
        
        /* OPTION B: Pin it to the LEFT side of the screen instead */
        /* To use this, delete the 'right' line above, and uncomment these two: */
        /* right: auto !important; */
        /* left: 20px !important; */
    }
}/* End custom CSS */