.transition-opacity {
    transition: opacity 0.6s ease;
}

.swiper-button-prev {
    left: 2% !important; 
    margin-top: 0;
}
.swiper-button-next {
    right: 2% !important; 
    margin-top: 0;
}

.swiper-slide{
    height: 300px;
}

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

@media (min-width: 480px) and (max-width: 767px){
    .swiper-slide{
        height: 661px;
    }
}

@media (min-width: 601px) and (max-width: 810px) {
    .swiper-slide{
        height: 385px;
    }
}

@media (min-width: 810px) and (max-width: 1050px) {
    .swiper-slide{
        height: 350px;
    }
}