/* Carousel */
.swiper {
    width: 80vw;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "";
}

.swiper-button-prev {
    background: url('/images/swl.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 50px;
    left: 30px;
    z-index: 9; background-size: cover;
}

.swiper-button-prev:hover,
.swiper-button-prev:hover:focus {
    background: url('/images/sbr.svg');
    rotate: 180deg;
    background-repeat: no-repeat;
    background-position: center; background-size: cover;
}

.swiper-button-next {
    background: url('/images/swl.svg');
    rotate: 180deg;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 50px;
    right: 30px; background-size: cover; 
}

.swiper-button-next:hover,
.swiper-button-next:hover:focus {
    background: url('/images/sbr.svg');
    background-repeat: no-repeat;
    background-position: center;
    rotate: 0deg !important; background-size: cover;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    display: none !important;
}

.swiper-custom-btn-c {
    position: relative;
}

.swiper {
    width: 80vw
}

@media screen and (max-width: 500px) {

    .swiper-button-next,
    .swiper-button-prev {
        top: 45%
    }
}
.close{top: 10%;}