.elementor-1253 .elementor-element.elementor-element-d74f7ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1253 .elementor-element.elementor-element-d74f7ea:not(.elementor-motion-effects-element-type-background), .elementor-1253 .elementor-element.elementor-element-d74f7ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #02010100 0%, #00000000 100%);}.elementor-1253 .elementor-element.elementor-element-0d1dcb4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1253 .elementor-element.elementor-element-881ec3e > .elementor-widget-container{background-color:#02010100;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-1253 .elementor-element.elementor-element-881ec3e .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-1253 .elementor-element.elementor-element-881ec3e .elementor-nav-menu--dropdown a, .elementor-1253 .elementor-element.elementor-element-881ec3e .elementor-menu-toggle{color:#FFF3F3;fill:#FFF3F3;}.elementor-1253 .elementor-element.elementor-element-881ec3e .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-1253 .elementor-element.elementor-element-881ec3e div.elementor-menu-toggle{color:#FFFFFF;}.elementor-1253 .elementor-element.elementor-element-881ec3e div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-1253 .elementor-element.elementor-element-881ec3e div.elementor-menu-toggle:hover, .elementor-1253 .elementor-element.elementor-element-881ec3e div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-1253 .elementor-element.elementor-element-881ec3e div.elementor-menu-toggle:hover svg, .elementor-1253 .elementor-element.elementor-element-881ec3e div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-1253 .elementor-element.elementor-element-881ec3e{--nav-menu-icon-size:40px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-881ec3e *//* 1. Container Setup (No change needed here from the left-align fix) */
.my-custom-menu-toggle .elementor-menu-toggle {
    position: relative; 
    overflow: hidden; 
    display: flex; 
    justify-content: flex-start; /* Keeps content left-aligned */
    align-items: center; 
    transition: all 0.3s ease-out; 
    margin-right: 5PX !important;
}

/* 2. BASE TEXT ("MENU") - Initial Position (Starts at 0, slides to the RIGHT) */
.my-custom-menu-toggle .elementor-menu-toggle::before {
    content: "TOURS"; 
    
    /* NEW: Starts at 0 (visible) */
    position: relative;
    left: 0; 
    top: 0; 
    transform: none; 
    
    /* Styling */
    font-size: 30px;
    font-weight: 500;
    color: #FFFFFF; 
    margin-right: 8px; 
    
    /* Transition */
    transition: all 0.3s ease-out;
    opacity: 1;
}

/* 3. HOVER TEXT ("Travel") - Initial Position (Starts HIDDEN to the LEFT) */
.my-custom-menu-toggle .elementor-menu-toggle::after {
    content: "TRAVEL"; 
    
    /* NEW: Starts off-screen to the LEFT (e.g., -100%) */
    position: absolute;
    left: -100%; /* Hidden to the left */
    top: 50%; 
    transform: translateY(-50%);
    
    /* Styling */
    font-size: 30px;
    font-weight: 500;
    color: #ffFFFF;
    margin-left:5PX; 
    
    /* Transition */
    transition: all 0.3s ease-out;
    opacity: 0; /* Hidden */
}

/* 4. HOVER EFFECT: "MENU" Slides Out & "Travel" Slides In */
.my-custom-menu-toggle .elementor-menu-toggle:hover::before {
    /* "MENU" slides right and fades out */
    left: 100%; 
    opacity: 0;
}

.my-custom-menu-toggle .elementor-menu-toggle:hover::after {
    /* "Travel" slides right to take the "MENU" position and fades in */
    left: 0;
    opacity: 1;
}/* End custom CSS */