.elementor-403 .elementor-element.elementor-element-788b5fca{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-403 .elementor-element.elementor-element-788b5fca:not(.elementor-motion-effects-element-type-background), .elementor-403 .elementor-element.elementor-element-788b5fca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-403 .elementor-element.elementor-element-7e9226e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-403 .elementor-element.elementor-element-788b5fca{--width:100vw;--min-height:100vh;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-403 .elementor-element.elementor-element-7e9226e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-7e9226e3 *//* 1. Lock the loader to the screen */
    #custom-loader {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background-color: #0c0c0c; 
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999999 !important; 
        transition: opacity 0.6s ease, visibility 0.6s ease;
    }

    #custom-loader.fade-out {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* 2. Size the SVG container */
    .drawing-svg {
        width: 120px;
        height: 60px;
    }

    /* 3. The SVG Draw Animation */
    .draw-path {
        /* This number needs to be roughly the total length of the path in pixels */
        stroke-dasharray: 200; 
        
        /* Start with the path completely offset (hidden) */
        stroke-dashoffset: 200; 
        
        /* Run the animation infinitely */
        animation: drawLine 2s ease-in-out infinite;
    }

    /* 
      Keyframes: 
      0% - Line is invisible
      50% - Line is fully drawn
      100% - Line erases itself in the same direction 
    */
    @keyframes drawLine {
        0% {
            stroke-dashoffset: 200;
        }
        50% {
            stroke-dashoffset: 0;
        }
        100% {
            stroke-dashoffset: -200;
        }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788b5fca */.locked-fullscreen-screen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important; 
    height: -webkit-fill-available !important; 
    
    /* 1. Forces the container to ignore any Elementor motion effects that break fixed positioning */
    transform: none !important; 
    
    /* 2. Prevents the internal content of the container from accidentally scrolling */
    overflow: hidden !important; 
    
    /* 3. Pushes it above absolutely everything else */
    z-index: 9999 !important; 
}/* End custom CSS */