.custom-swiper-button-next,
.custom-swiper-button-prev {
    position: absolute;
    top: auto;
    bottom:-40px;
    width: 35px;
    height: 35px;
    z-index: 10;
    cursor: pointer;
    transition: ease all .3s;
}

.custom-swiper-button-next:hover,
.custom-swiper-button-prev:hover {
    filter: brightness(1.5);
}

.custom-swiper-button-next,
.swiper-rtl .custom-swiper-button-prev {
    right: 5px;
    left: auto;
    background-image: url("../img/arrow-right.svg");
}

.custom-swiper-button-prev,
.swiper-rtl .custom-swiper-button-next {
    left: 5px;
    right: auto;
    background-image: url("../img/arrow-left.svg");
}

.custom-swiper-button-next.swiper-button-disabled,
.custom-swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}


@media (min-width: 768px) {

    .custom-swiper {
        padding: 0 20px;
    }
    
    .custom-swiper-button-next,
    .custom-swiper-button-prev {
        top: 40%;
        bottom:auto;
    }
    .custom-swiper-button-next,
    .swiper-rtl .custom-swiper-button-prev {
        right: -30px;
    }

    .custom-swiper-button-prev,
    .swiper-rtl .custom-swiper-button-next {
        left: -30px;
    }
}