/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 20 2025 | 09:48:16 */
.preloader {
    height: 100vh;
    width: 100vw;
    background-color: rgb(30, 58, 138);
    overflow: hidden;
    position: fixed;
    top:0px;
    left:0px;
    display: grid;
    place-content: center;
    color: white;
    font-size: 50px;
    transform: translateY(-100vh);
    animation: slide-in-up-out 2.5s ease-in-out;
    animation-fill-mode: both;
	z-index: 999;
}



@keyframes slide-in-up-out {
    0% {
        transform: translateY(-100vh);
    }
   
    25% {
        transform: translateY(0vh);
    }
    75% {
        transform: translateY(0vh);
        
    }
    100% {
        transform: translateY(100vh);
    }
}

@keyframes fade-in {
    0% {
        
        opacity: 0%;
    }
    40% {
        opacity: 100%;
        

    }
    60% {
        opacity: 0%;
        

    }
    
    100% {
        opacity: 0%;
        

    }

}

body.loaded header,
body.loaded main {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s ease;
}

header,
main {
    opacity: 0;
    pointer-events: none;
}

/* preloader logo */


.logo-wrapper {
    opacity: 0;
    animation: fade-in 3s ease both;
    animation-delay: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-spinner {
    width: 120px;
    height: 120px;
    animation: rotate-logo 2s linear infinite;
}

    
    




@keyframes rotate-logo {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



/* Initial state: content hidden */
body:not(.loaded) #page,
body:not(.loaded) .site-content,
body:not(.loaded) #content,
body:not(.loaded) main,
body:not(.loaded) .elementor {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

/* When loaded, content visible */
body.loaded #page,
body.loaded .site-content,
body.loaded #content,
body.loaded main,
body.loaded .elementor {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s ease;
}

/* For fade-out on navigation */
.fade-out {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.5s ease !important;
}

/* Sweep in from bottom */
@keyframes slide-in-up {
    0% {
        transform: translateY(100vh);
    }
    100% {
        transform: translateY(-100vh);
    }
}


/* ON PAGE LEAVE */
.preloader.show {
    animation: slide-in-up 1s ease forwards;
    display: grid;
	opacity: 1;
}

body.fade-out *:not(.preloader):not(.preloader *) {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease;
}
}