.elementor-5709 .elementor-element.elementor-element-6e694bd{--display:flex;}.elementor-5709 .elementor-element.elementor-element-5eb6720{--display:flex;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5709 .elementor-element.elementor-element-bd2fe91{--lottie-container-width:52%;}/* Start custom CSS *//* ============================================================
   ELEMENTOR NO-FLASH SPACE GALAXY (PURE CSS)
   ============================================================ */

/* 1. Global Dark Background to prevent white flash */
body, .elementor-page {
    background-color: #050505 !important;
}

/* 2. Animated Star & Nebula Layers */
.elementor-page::before,
.elementor-page::after {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1;
    pointer-events: none;
    
    /* Hardware acceleration to stop scroll lag/flashing */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, background-position;
}

/* Base layer: Nebula clouds (Brand colors) + Distant Stars */
.elementor-page::before {
    background-image: 
        radial-gradient(circle at 20% 40%, rgba(203, 108, 230, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 60%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
        radial-gradient(1.5px 1.5px at 20px 30px, #ffffff, transparent),
        radial-gradient(1px 1px at 40px 70px, rgba(203, 108, 230, 0.8), transparent),
        radial-gradient(1.5px 1.5px at 90px 40px, rgba(59, 130, 246, 0.6), transparent);
    background-size: 100% 100%, 100% 100%, 200px 200px, 200px 200px, 200px 200px;
    animation: csMoveStarsRight 80s linear infinite;
    opacity: 0.8;
}

/* Top layer: Closer fast stars */
.elementor-page::after {
    background-image: 
        radial-gradient(2px 2px at 10px 20px, #ffffff, transparent),
        radial-gradient(2.5px 2.5px at 80px 90px, rgba(203, 108, 230, 0.9), transparent),
        radial-gradient(2px 2px at 150px 30px, #ffffff, transparent);
    background-size: 300px 300px;
    animation: csMoveStarsRight 40s linear infinite; 
    opacity: 0.9;
}

@keyframes csMoveStarsRight {
    0% { background-position: 0 0; }
    100% { background-position: -600px 0; }
}

/* 3. Mobile Flash & Performance Fixes */
@media (max-width: 767px) {
    /* Turn off blurs to prevent the iOS white flash glitch */
    .elementor-page *, .elementor-element {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    /* Lock the background on mobile to prevent GPU crashing */
    .elementor-page::before, .elementor-page::after {
        animation: none !important;
    }
}/* End custom CSS */