.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 360px !important;
    height: 200px !important;
}

/* Responsive Styles for Smaller Screens */
@media (max-width: 768px) {
    .swiper-slide {
        width: 250px;
        height: 100px;
    }
}

@media (max-width: 576px) {
    .swiper-slide {
        width: 200px;
        height: 100px;
    }
}

@media (max-width: 400px) {
    .swiper-slide {
        width: 150px;
        height: 150px;
    }
}

/* Optional custom styles for navigation arrows */
.swiper-button-next, .swiper-button-prev {
    color: #007aff; /* Change color of arrows */
    display: none;
}