/*Swiper*/
.swiper-container {
    position: relative;
    overflow: hidden;

    width: 100%;
    height: 450px;
    max-height: 56vw;
}
@media screen and (max-width: 1200px) {
    .swiper-container {
        height: 390px;
    }
}
@media screen and (max-width: 1200px) {
    .swiper-container {
        max-height: 90vw;
    }
}

.swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.swiper-button-next, .swiper-button-prev{
    color: var(--primary-color);
    background-color: rgba(0,0,0,0.4);
    box-shadow: 0px 0px 20px 16px rgba(0,0,0,0.4);
}

.swiper-button-next {
    border-radius: 10px 0 0 10px;
}

.swiper-button-prev {
    border-radius: 0 10px 10px 0;
}


.swiper-pagination-bullet{
    box-shadow: 0px 0px 20px 16px rgba(0,0,0,0.4);
    background-color: var(--primary-color);
}