.elementor-7337 .elementor-element.elementor-element-e48de09{--display:flex;}.elementor-7337 .elementor-element.elementor-element-08ed630{background-color:var( --e-global-color-dark );}/* Start custom CSS *//* 1. POSITIONING & GHOST EFFECT */
body .elementor-swiper-button {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999999 !important; /* Increased z-index to stay above new layers */
    pointer-events: all !important; /* Forces the mouse to recognize the button */
    
    /* Subtle Ghost Look */
    opacity: 0.25 !important; 
    transition: opacity 0.5s ease, transform 0.3s ease !important;
    background: none !important; 
    border: none !important; 
}

/* 2. REVEAL ON HOVER */
body .elementor-swiper-button:hover,
body .elementor-swiper-button:active {
    opacity: 0.8 !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* 3. PIN TO EDGES */
body .elementor-swiper-button-prev { left: 15px !important; }
body .elementor-swiper-button-next { right: 15px !important; }

/* 4. "END OF JOURNEY" LOGIC */
body .elementor-swiper-button.swiper-button-disabled {
    opacity: 0 !important; 
    pointer-events: none !important; 
    transition: opacity 0.8s ease !important;
}

/* 5. ICON SIZE & COLOR FIX */
body .elementor-swiper-button i {
    font-size: 40px !important; 
    color: #121212 !important; /* Forces color visibility against the paper background */
    text-shadow: 0px 0px 10px rgba(0,0,0,0.1); 
}/* End custom CSS */