/*-------------------------------------------Background Image---------------------------------------------*/
.bg-video {
    object-fit: cover; /* Ensures the video covers the entire background */
    object-position: center center; /* Centers the video to avoid cropping critical areas */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; 
}

body, html {
    height: 100%;
    margin: 0;
    overflow: hidden; 
}

video {
    object-fit: cover; /* Ensures the video maintains proper scale */
    width: 100%;
    height: 100%;
}


/*-------------------------------------------Redirect Button---------------------------------------------*/
.redirect-btn {
    top: 84%;
    z-index: 1;
}

.redirect-btn img {
    width:80%;
    animation: pulse 0.9s  infinite linear;
}

.logo {
    top: 0%;
}

.logo img {
    width:80%;
}



/*-------------------------------------------Keyframe Animation---------------------------------------------*/
@keyframes pulse {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.9);
    }
}



/*-------------------------------------------Multi Device Screen Size---------------------------------------------*/
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #bg {
        height: 100vh;
    }
}