/*SLIDER*/

.swiper-container {
    position: relative;
    overflow: hidden;
    margin: 0 4rem;
    width: 90%;
}

@media screen and (max-width: 991px) {
    .swiper-container {
        margin: 0 3rem;
    }
}

.swiper-slide {
    width: 100%;
}

.swiper-pagination {
    display: none;
}

.swiper-button-next, .swiper-button-prev {
    display: flex;
    outline: none;
    width: 25px;
    height: 14px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    filter: drop-shadow(0px 4px 8px rgba(99, 153, 153, 0.5));
}

.swiper-button-prev::after, .swiper-button-next::after {
    background-image: url("../images/swiper-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "" !important;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 23px;
    width: 23px;
}

.swiper-button-next::after {
    transform: rotate(180deg);
}