.custom-swiper {
    margin: auto;
}
.elementor-swiper-button-next svg,
.elementor-swiper-button-prev svg {
    fill: var( --e-global-color-primary );
}

.custom-swiper-button-next,
.custom-swiper-button-prev {
    position: absolute;
    top: 40%;
    bottom:auto;
    /* top: auto;
    bottom:-40px; */
    width: 30px;
    height: 30px;
    z-index: 10;
    cursor: pointer;
    transition: ease all .3s;
    background-size: contain;
}

.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: 0;
    cursor: auto;
    pointer-events: none;
}


.custom-swiper.with-space {
    width: calc(100% - 100px);
}

@media (min-width: 768px) {

    .custom-swiper-button-next,
    .custom-swiper-button-prev {
        width: 75px;
        height: 75px;
    }
    
    .custom-swiper-button-next,
    .swiper-rtl .custom-swiper-button-prev {
        right: 0;
    }

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