/* CSS pour Swiper carousels */

.swiper-wrapper {
    margin-bottom: 4em;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.swiper-pagination-bullet-active {
    background: var(--primaryColor);
}

.swiper-button-prev,
.swiper-button-next {
    color: var(--primaryColor);
    border: 3px solid var(--primaryColor);
    padding: 1em;
    height: 70px;
    width: 70px;
    border-radius: 100%;
}

.swiper-rtl .swiper-button-prev, 
.swiper-rtl~.swiper-button-prev, 
.swiper-button-next {
    right: 1em!important;
}

.swiper-rtl .swiper-button-next, 
.swiper-rtl~.swiper-button-next, 
.swiper-button-prev {
    left: 1em!important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    fill: var(--primaryColor);
    stroke-width: 8;
}

.swiper-button-disabled {
    opacity: 0!important;
}