.elementor-1545 .elementor-element.elementor-element-8dbb742{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1545 .elementor-element.elementor-element-a90b9a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1545 .elementor-element.elementor-element-805618b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1545 .elementor-element.elementor-element-02c6c9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1545 .elementor-element.elementor-element-e5b395e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-1545:not(.elementor-motion-effects-element-type-background), body.elementor-page-1545 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for container, class: .elementor-element-8dbb742 *//* 1. The Main Container Background */
.elementor-1545 .elementor-element.elementor-element-8dbb742 {
    position: relative;
    background-color: #000000 !important;
    overflow: hidden;
    z-index: 1;
}

/* 2. The Highly Visible Moving Grid */
.elementor-1545 .elementor-element.elementor-element-8dbb742::before {
    content: '';
    position: absolute;
    /* Oversized so it doesn't clip when moving */
    top: -100px; left: -100px; right: -100px; bottom: -100px;
    
    /* CRANKED VISIBILITY: 15% White so the grid heavily pops */
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px), 
        linear-gradient(90deg, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
    background-size: 64px 64px;
    background-position: center center;
    
    /* Wider fade so you see more of the grid */
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 90%);
    mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 90%);
    
    pointer-events: none;
    z-index: 2;
    
    /* Faster Animation (15s) so the motion is immediately noticeable */
    animation: turtlesCinematicDrift 15s linear infinite;
}

/* 3. The Bright Volumetric Glow */
.elementor-1545 .elementor-element.elementor-element-8dbb742::after {
    content: '';
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);
    width: 140%;
    max-width: 1200px;
    height: 600px;
    
    /* CRANKED GLOW: Much brighter white core fading out */
    background: radial-gradient(ellipse at 50% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
    filter: blur(50px);
    
    pointer-events: none;
    z-index: 1;
    
    /* Faster Breathing animation */
    animation: turtlesVolumetricPulse 5s ease-in-out infinite alternate;
}

/* 4. Keep your text and buttons safely on top */
.elementor-1545 .elementor-element.elementor-element-8dbb742 > * {
    z-index: 10 !important;
    position: relative;
}

/* =========================================
   THE ANIMATION KEYFRAMES 
========================================== */

/* Perfect diagonal shift exactly matching the 64px grid size */
@keyframes turtlesCinematicDrift {
    0% { transform: translate(0, 0); }
    100% { transform: translate(64px, 64px); } 
}

/* Aggressive pulsating light */
@keyframes turtlesVolumetricPulse {
    0% { opacity: 0.5; transform: translateX(-50%) scale(0.9); }
    100% { opacity: 1; transform: translateX(-50%) scale(1.1); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-805618b *//* 1. Ensure the container hides overflow and sets positioning */
.elementor-1545 .elementor-element.elementor-element-805618b {
    position: relative;
    overflow: hidden;
}

/* 2. The Fading Grid Overlay */
.elementor-1545 .elementor-element.elementor-element-805618b::before {
    content: '';
    position: absolute;
    inset: 0; /* Stretches to fill container */
    /* Creates the intersecting lines */
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 150px), 
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 4rem 4rem; /* 64px x 64px grid squares */
    
    /* Fades the grid out at the edges just like your Tailwind code */
    -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, #000 70%, transparent 100%);
    mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, #000 70%, transparent 100%);
    
    pointer-events: none; /* Prevents the grid from blocking clicks */
    z-index: 1;
}

/* 3. The Top Glowing Orb */
.elementor-1545 .elementor-element.elementor-element-805618b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 896px; /* Matches Tailwind max-w-4xl */
    height: 300px;
    background-color: rgba(255, 255, 255, 0.05);
    filter: blur(100px);
    border-radius: 9999px;
    pointer-events: none;
    z-index: 1;
}

/* 4. Push the content (Text, Badges, Buttons) ABOVE the grid */
.elementor-1545 .elementor-element.elementor-element-805618b > * {
    z-index: 10;
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5b395e *//* 1. Ensure the container hides overflow and sets positioning */
.elementor-1545 .elementor-element.elementor-element-e5b395e {
    position: relative;
    overflow: hidden;
}

/* 2. The Fading Grid Overlay */
.elementor-1545 .elementor-element.elementor-element-e5b395e::before {
    content: '';
    position: absolute;
    inset: 0; /* Stretches to fill container */
    /* Creates the intersecting lines */
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 150px), 
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 4rem 4rem; /* 64px x 64px grid squares */
    
    /* Fades the grid out at the edges just like your Tailwind code */
    -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, #000 70%, transparent 100%);
    mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, #000 70%, transparent 100%);
    
    pointer-events: none; /* Prevents the grid from blocking clicks */
    z-index: 1;
}

/* 3. The Top Glowing Orb */
.elementor-1545 .elementor-element.elementor-element-e5b395e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 896px; /* Matches Tailwind max-w-4xl */
    height: 300px;
    background-color: rgba(255, 255, 255, 0.05);
    filter: blur(100px);
    border-radius: 9999px;
    pointer-events: none;
    z-index: 1;
}

/* 4. Push the content (Text, Badges, Buttons) ABOVE the grid */
.elementor-1545 .elementor-element.elementor-element-e5b395e > * {
    z-index: 10;
    position: relative;
}/* End custom CSS */