.mlk-carousel-wrap{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.mlk-carousel{
    position:relative;
    width:100%;
    height:380px;
    display:flex;
    align-items:center;
    justify-content:center;
    perspective:1200px;
}

.mlk-slide{
    position:absolute;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px;
    transition: transform .55s cubic-bezier(.5,.1,.2,1), opacity .55s;
}

.mlk-slide img{
    height:300px;
    object-fit:cover;
}

.mlk-cap{
    width:200px;
    padding:10px 15px;
    background:#FF9900;
    border-radius:50px;
    color:#000;
    font-size:13px;
    text-align:center;
    font-weight:700;
    opacity:0;
    transition:opacity .3s;
}

.mlk-slide.active .mlk-cap{opacity:1}

.mlk-slide.active{transform:translateX(0) scale(1);z-index:3;opacity:1;}
.mlk-slide.prev{transform:translateX(-170px) scale(.72);opacity:.65;}
.mlk-slide.next{transform:translateX(170px) scale(.72);opacity:.65;}
.mlk-slide.hidden{opacity:0;pointer-events:none;}

.mlk-controls{
    display:flex;
    gap:12px;
    margin-top:20px;
    align-items:center;
}

.mlk-btn{
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid #ddd;
    background:#fff;
    cursor:pointer;
}

.mlk-dots{
    display:flex;
    gap:6px;
}

.mlk-dots span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ccc;
}

.mlk-dots span.on{
    width:22px;
    border-radius:999px;
    background:#c370ca;
}