:root{
    --swiper-navigation-sides-offset: 50px;
}
.swiper-button-next::after, .swiper-button-prev::after {
    content: "";
}
.swiper-slide .card{
    filter:brightness(0.8);
}
.swiper-slide-active .card{
    filter:brightness(1);
}
.swiper-button-next, .swiper-button-prev{
    width:40px;
    font-size:40px;
    color: var(--union-yellow);
    background-color: transparent;
    border-radius:50%;
    transition:.3s ease;
}

.swiper-button-next i, .swiper-button-prev i {
    color: var(--union-yellow);
    background-color: var(--union-white);
    border-radius: 50%;
}

.swiper-button-next:hover, .swiper-button-prev:hover{
    opacity:0.8;
}