/* Splash screen (ONLY LOGO) */
.splash-wrapper {
    position: fixed;
    z-index: 9999;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none; /* No background on the loader */
}

/* Logo Styling */
.splash-wrapper .logo {
    max-width: 1200px; /* Adjust size as needed */
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

/* Fade out animation (Only affects the logo) */
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; visibility: hidden; }
}