.swiper {
    width: 75%;
    height: 100%;
    border-radius: 5rem;
    background-color: #eeebdf;
    filter: blur(50%);
    margin: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px;
}

.swiper-slide {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
}

.swiper-button {
    background-color: #223d3c !important;
    color: white;
    font-weight: 900 !important;
    border-radius: 100%;
    padding: 1.15rem;
    width: 3.5rem;
    height: 3.5rem;
    transition: all .2s ease-in-out;
    filter: opacity(25%);
}

.swiper-button:hover {
    filter: opacity(100%);
}


.progress {
    border-radius: 0px !important;
    --bulma-progress-bar-background-color: #eeebdf !important;
    --bulma-progress-value-background-color: #223d3c !important;
}

@media (max-width: 1024px) {
    .swiper {
        width: 100%;
    }
}