/* Ensure Swiper slides fill the viewport */
.swiper-container-v2, .swiper-wrapper-v2, .swiper-slide-v2 {
    height: 100vh; /* Full viewport height */
    width: 100vw; /* Full viewport width */
    position: relative;
}
.bg-background-black {
    background-color: #1d1d1b;
}
/* Responsive Video and Image */
.background-content {
    width: 100vw; /* Adjust to the full width of the container */
    height: 100vh; /* Fill the viewport height */
    max-width: 100%; /* Prevent overflow */
    max-height: 100vh; /* Constrain height to the viewport height */
    position: absolute;
  
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}


/* For Smaller Screens */
@media (max-width: 768px) {
    .background-content {
        object-fit: cover; /* Cover the screen for smaller devices */
        top: 50%; /* Center vertically */
        left: 50%; /* Center horizontally */
        transform: translate(-50%, -50%); /* Align the center of the content */
        height: auto; /* Maintain aspect ratio */

        object-fit: contain; /* Scale without cropping or distortion */
        object-position: center; /* Center the content */
    }
}