.ws-evenements-a-venir {
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
}


.ws-evenements-a-venir__conteneur {
    position: relative;
    max-width: min(calc(100vw - 150px), 100%);
    width: 100%;
}

.ws-evenements-a-venir__mois {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0;
    text-align: center;
}

.ws-evenements-a-venir__mois > i {
    padding-right: 10px;
    color: var(--sporsora-quaternary-color);
}

.ws-evenements-a-venir__evenements {
    display: flex;
    max-width: calc(var(--container-max-width) * 0.75);
    justify-content: center;
    gap: 60px;
}

.ws-evenements-a-venir .swiper-slide {
    height: unset;
}


.ws-evenements-a-venir .ws-block-EventPreview {
    max-width: calc(var(--container-max-width) / 4);
    width: 100%;
}

div.ws-evenements-a-venir__next {
    right: -1.5em;
}

div.ws-evenements-a-venir__prev {
    left: -1.5em;
}

div.ws-evenements-a-venir__next,
div.ws-evenements-a-venir__prev {
    top: 60%;
    font-size: 3em;
    color: var(--sporsora-quaternary-color);
    transition: color 0.4s;
}

div.ws-evenements-a-venir__next:after,
div.ws-evenements-a-venir__prev:after {
    content: none;
}

div.ws-evenements-a-venir__next:hover,
div.ws-evenements-a-venir__prev:hover {
    color: var(--sporsora-primary-color);
}

@media (max-width: 768px) {
    .ws-evenements-a-venir .ws-block-EventPreview {
        max-width: 100%;
    }
    
    div.ws-evenements-a-venir__next,
    div.ws-evenements-a-venir__prev {
        display: none;
    }
}