/* Home Section Styles */
#home {
    position: relative;
    width: 100%; /* Full width */
    height: 100vh; /* Full viewport height */
    overflow: hidden; /* Prevent horizontal scrolling */
}

/* Ensure video covers the entire viewport */
#home video.Homepage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the video */
    width: 100vw;  /* Full viewport width */
    height: 100vh; /* Full viewport height */
    object-fit: cover; /* Ensure video covers the area without distortion */
}

/* Adjust video height for smaller screens */
@media (max-width: 768px) {
    #home {
        height: 60vh; /* Adjust height for smaller screens */
    }
    #home video.Homepage {
        height: 50vh;
        object-fit: cover;
        margin-top: 50px;
    }
}

@media (max-width: 480px) {
    #home {
        height: 40vh;
    }
    #home video.Homepage {
        height: 40vh;
    }
}