.cards-slider .module-container {
    position: relative
}

.cards-slider__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 72px
}

.cards-slider__nav .swiper-button-next, .cards-slider__nav .swiper-button-prev {
    height: 32px;
    margin: 0;
    top: 0;
    width: 32px
}

.cards-slider__nav .swiper-button-prev {
    left: 0
}

.cards-slider__nav .swiper-button-next {
    right: 0
}

.cards-slider__nav .swiper-button-next:after, .cards-slider__nav .swiper-button-prev:after {
    content: none
}

.cards-slider__nav .swiper-button-next path, .cards-slider__nav .swiper-button-prev path {
    transition: fill .2s
}

.cards-slider__nav .swiper-button-next:hover path, .cards-slider__nav .swiper-button-prev:hover path {
    fill: var(--accent)
}

.cards-slider__card {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media (max-width: 767px) {
    .cards-slider__nav {
        left: 0;
        margin: 0 auto;
        right: 0;
        top: calc(100% - 40px)
    }

    .cards-slider__swiper {
        padding-bottom: 96px !important
    }

    .cards-slider__title {
        text-align: center
    }
}