.elementor-739 .elementor-element.elementor-element-486c9b9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#fp-nav ul li .fp-tooltip,#pp-nav ul li .pp-tooltip,#multiscroll-nav ul li .multiscroll-tooltip{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.ps{{ID}}.fullpage-nav-paginate .slide-nav{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.ps{{ID}}.fullpage-nav-paginate .total-page-nav{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}/* Start custom CSS for container, class: .elementor-element-486c9b9 */.container {
    background: radial-gradient(
        100% 100% at var(--g3-3-x-position) var(--g3-3-y-position),
        #000000 -8%,
        transparent
    ),
    radial-gradient(
        100% 100% at var(--g3-1-x-position) var(--g3-1-y-position),
        #E64C47 -40%,  /* Changed from -150% to -40% to show red earlier */
        transparent
    ),
    radial-gradient(
        100% 100% at var(--g3-2-x-position) var(--g3-2-y-position),
        #1a1a1a -52%,
        transparent
    ),
    #000000;

    animation-name: g-3;
    animation-iteration-count: infinite;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
}

@property --g3-1-x-position {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 16.09375%;
}
@property --g3-1-y-position {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 33.12500000000001%;
}
@property --g3-2-x-position {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 48.55468750000001%;
}
@property --g3-2-y-position {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 9.648437500000002%;
}
@property --g3-3-x-position {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 78.6328125%;
}
@property --g3-3-y-position {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 79.8046875%;
}

:root {
    --g3-1-x-position: 16.09375%;
    --g3-1-y-position: 33.12500000000001%;
    --g3-2-x-position: 48.55468750000001%;
    --g3-2-y-position: 9.648437500000002%;
    --g3-3-x-position: 78.6328125%;
    --g3-3-y-position: 79.8046875%;
}

@keyframes g-3 {
    25% {
        --g3-1-x-position: 35%;
        --g3-1-y-position: 70%;
    }
    50% {
        --g3-1-x-position: 42.69531250000001%;
        --g3-1-y-position: 91.5625%;
        --g3-2-x-position: 91.7578125%;
        --g3-2-y-position: 33.046875%;
        --g3-3-x-position: 5.742187500000001%;
        --g3-3-y-position: 5.546875000000001%;
    }
}/* End custom CSS */