.dts-slider{

    width:100%;
    overflow:hidden;
    padding:30px 10px 50px;

}



.swiper-wrapper{

    display:flex;

}



.swiper-slide{

    flex-shrink:0;

}



.dts-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.15);

    transition:.4s;

}



.dts-card:hover{

    transform:translateY(-10px);

}





.dts-top{

    position:absolute;

    z-index:2;

    top:15px;

    left:15px;

    right:15px;

    display:flex;

    justify-content:space-between;

}





.dts-rating{

    background:white;

    padding:8px 12px;

    border-radius:30px;

    color:#f5a623;

    font-weight:bold;

}



.dts-rating span{

    color:#333;

}





.dts-badge{

    background:#f58220;

    color:white;

    padding:8px 15px;

    border-radius:30px;

    font-size:13px;

    font-weight:bold;

}





.dts-image{

    height:260px;

    overflow:hidden;

}



.dts-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}



.dts-card:hover img{

    transform:scale(1.1);

}





.dts-card h3{

    text-align:center;

    font-size:22px;

    padding:20px;

    margin:0;

}





.dts-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 20px 25px;

}





.dts-price{

    color:#777;

}



.dts-price strong{

    display:block;

    font-size:25px;

    color:#f58220;

}





.dts-button{

    background:#f58220;

    color:white;

    padding:12px 25px;

    border-radius:30px;

    text-decoration:none;

    font-weight:bold;

}



.dts-button:hover{

    background:#222;

    color:white;

}





@media(max-width:768px){

.dts-image{

height:220px;

}

}