/* Style for the Swiper Slider Container */
.swiper-container {
    width: 100%;
    max-width: 1080px; /* Set the max width */
    margin: 0 auto; /* Center it */
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px !important; /* Video size */
    height: 200px;
    margin: 0 10px; /* Add margin for spacing between videos */
}

/* Customize navigation buttons */
.swiper-button-next,
.swiper-button-prev {
    color: #dfac58; /* Customize the color of the next and prev buttons */
}

.swiper-pagination {
    text-align: center;
}

/* Make it responsive */
@media (max-width: 768px) {
    .swiper-container {
        width: 100%;
    }

    .swiper-slide {
        width: 100% !important;
        height: auto;
    }
}