.swiper {
    width: 100%;
    /* max-width: 900px; */
    background: radial-gradient(#2ac1d562, transparent 60%) no-repeat;
    background-position: 50% 100%;
    background-size: 100% 50%;
}


.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    text-align: center;
    color: white;
    overflow: hidden;
    border-radius: 10px;
    /* transition: opacity 0.5s ease-in-out; */
}
.swiper-slide img {
    width: 200%;
    border-radius: 10px;
    transition: all 0.3s !important;
}
/* Dim the active slide */
/* .swiper-slide-active{
    transition: scale 0.5s !important;
    scale: 1.3;
} */
.swiper-slide-active img{
    filter: blur(0px);
    scale: 1;
    rotate: 0deg;
}
.slide-title, .slide-description {
    position: absolute;
    transition: opacity 1s !important;
    opacity: 0;
    /* transform: translateY(20px); */
}
.slide-title {
    font-size: 24px;
    font-weight: bold;
    top: 20px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    color: white;
    /* mix-blend-mode: difference; */
}
.slide-description {
    font-size: 18px;
    bottom: 20px;
    width: 80%;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    color: white;
    /* mix-blend-mode: difference; */
}
/* Show text only on active slide */
.swiper-slide-active .slide-title,
.swiper-slide-active .slide-description {
    opacity: 0;
    transform: translateY(0);
}
/* On hover: Brightness returns to normal & hide text */
.swiper-slide-active:hover img{
    filter: blur(20px);
    scale: 1.3;
    rotate: 10deg;
}
.swiper-slide-active:hover .slide-title,
.swiper-slide-active:hover .slide-description {
    opacity: 1;
}
/* Progress Ring */
/* .progress-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
    top: 0;
    left: 0;
    circle {
        transform: rotate(-90deg);
        transform-origin: center;
        transition: stroke-dashoffset 0.5s linear;
        stroke: var(--dark-primary1);
        &.progress-circle{
            stroke: var(--primary);
        }
    }
}*/

.swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right{
    background-image: none;
}