.recommended {
    position: relative;
    margin-top: 0
}

.recommended .custom-slider__head {
    border-top: 1px solid var(--gray);
    padding-top: 39px;
    margin-bottom: 40px
}

@media (min-width: 1200px) {
    .recommended {
        margin-bottom: 36px
    }

    .recommended .custom-slider__arrows {
        top: 60px
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .recommended .swiper-button-next, .recommended .swiper-button-prev {
        top: 15vw
    }
}

@media (max-width: 575.98px) {
    .recommended .swiper-button-next, .recommended .swiper-button-prev {
        top: 30vw
    }
}

.recommended .swiper-button-prev {
    left: 0
}

.recommended .swiper-button-next {
    right: 0
}

.recommended .swiper-pagination--relative {
    margin-top: 40px
}