.loader-wrap {
    position: fixed; /* Position it fixed on the screen */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex; /* Use Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    background: rgba(0, 0, 0, 0.5); /* Optional: Semi-transparent background */
    z-index: 9999; /* Ensure it's on top */
}

/* Preloader styling */
.preloader {
    text-align: center;
    padding: 20px;
    background-color: white; /* Optional: background color for the preloader */
    border-radius: 10px; /* Optional: rounded corners */
}

/* Style for the Lottie loader container */
#lottie-loader {
    width: 350px;    /* Set the width of the Lottie loader */
    height: 350px;   /* Set the height of the Lottie loader */
    margin-left: 200px;
    margin-top: 50px;
}

/* Close button styling (optional) */
.preloader-close {
    font-size: 14px;
    color: #333;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

/* Optional: style for preloader close button hover effect */
.preloader-close:hover {
    background-color: #ddd;
}

@media (max-width: 767px) {
    .header-upper-two {
        display: none;
    }
}

/* Show on desktop */
@media (min-width: 768px) {
    .header-upper-two {
        display: block;
    }
}


#video-loader {
    width: 100%; /* Make it responsive */
    max-width: 400px; /* Maximum size for desktop */
    height: auto; /* Maintain aspect ratio */
}

@media (max-width: 768px) {
    #video-loader {
        max-width: 200px; /* Set size for mobile */
    }
}