.swiper-title{
position: relative;
overflow: hidden !important;
clip-path: inset(0 round 7px);
}
.swiper {
display: grid;
place-items: center;
width: 100%;
height: 19vw;
margin-top: 3.5vw;
}
.swiper-wrapper {
display: flex;
align-items: center;
}
.swiper-slide {
scale: 1;
transition: scale 250ms ease-in-out;
}
.swiper-slide.swiper-slide-active {
position: relative;
overflow: hidden;
scale: 2;
z-index: 10;
}
.swiper-slide.swiper-slide-prev,
.swiper-slide.swiper-slide-next {
scale: 1.5;
z-index: 5;
transition-duration: 150ms;
}
.swiper-slide.swiper-slide-next + .swiper-slide {
z-index: 2;
}
.swiper-slide img {
display: block;
border-radius: 7px !important;
width: 100%;
height: 100%;
object-fit: cover;
user-select: none;
}

.swiper-slide.swiper-slide-active::after {
content: "";
position: absolute;
top: -100%;
left: -120%;
width: 60%;
height: 300%;
background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100%);
transform: rotate(25deg);
transition: all 0.6s ease;
}
.swiper-slide.swiper-slide-active:hover::after {
top: -20%;
left: 120%;
}

.swiper-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 20;
color: rgba(255, 255, 255, 0);
font-size: 3vw;
background: rgba(0, 0, 0, 0);
border-radius: 50%;
-webkit-text-stroke: 1px #FFF;
transition: all 0.25s ease;
}
.swiper-button-prev {
left: 10px;
}
.swiper-button-next {
right: 10px;
}
.swiper-button:hover {
color: #FF99FF;
transform: translateY(-50%) scale(1.1);
}