*{
    box-sizing:border-box;
}

.curved-slider-main{
    width:100%;
    overflow:hidden;
    position:relative;
    padding:60px 0;
}

.curved-slider-track{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    perspective:1400px;
    transform-style:preserve-3d;
    min-height:500px;
}

.slide-item{
    width:320px;
    height:420px;
    transition:all .7s ease;
    position:absolute;
    opacity:0;
}

.slide-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}

.slide-item.center{
    transform:translateX(0) scale(1);
    z-index:5;
    opacity:1;
}

.slide-item.left-1{
    transform:translateX(-280px) rotateY(25deg) scale(.92);
    z-index:4;
    opacity:1;
}

.slide-item.left-2{
    transform:translateX(-520px) rotateY(35deg) scale(.82);
    z-index:3;
    opacity:.7;
}

.slide-item.right-1{
    transform:translateX(280px) rotateY(-25deg) scale(.92);
    z-index:4;
    opacity:1;
}

.slide-item.right-2{
    transform:translateX(520px) rotateY(-35deg) scale(.82);
    z-index:3;
    opacity:.7;
}

.slider-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-top:20px;
}

.slider-btn{
    width:55px;
    height:55px;
    border-radius:50%;
    border:1px solid #000;
    background:#fff;
    cursor:pointer;
    font-size:20px;
}

.slider-category{
    padding:14px 40px;
    border-radius:50px;
    border:1px solid #000;
    background:#fff;
    font-weight:600;
}

@media(max-width:768px){

    .slide-item{
        width:180px;
        height:240px;
    }

    .slide-item.left-1{
        transform:translateX(-120px) rotateY(25deg) scale(.82);
    }

    .slide-item.right-1{
        transform:translateX(120px) rotateY(-25deg) scale(.82);
    }

    .slide-item.left-2,
    .slide-item.right-2{
        display:none;
    }

}