.custom-swiper {
    margin: auto;
}

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

.custom-swiper-button-next img,
.custom-swiper-button-prev img {
    width: 100%;
    height: auto;
}

.custom-swiper-button-next,
.swiper-rtl .custom-swiper-button-prev {
    right: 5px;
    left: auto;
}

.custom-swiper-button-prev,
.swiper-rtl .custom-swiper-button-next {
    left: 5px;
    right: auto;
}

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

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

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

@media (min-width: 768px) {

    .custom-swiper-button-next,
    .custom-swiper-button-prev {
        
    }

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

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