@media only screen and (max-width:600px){.carousel{height:144px!important;width:328px!important}.slides img{height:144px!important;border-radius:8px}.pagination{padding:4px 10px!important;gap:5px!important;bottom:-20px!important}.pagination-dot{width:5px;height:5px}}.carousel{cursor:pointer;position:relative;overflow:hidden;width:788px;margin:auto;user-select:none;height:296px;box-sizing:border-box}.slides{display:flex;transition:transform 0.5s ease-in-out;width:100%}.slide{flex-shrink:0;width:100%;position:relative;padding:0 16px}.slides img{width:100%;height:296px;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;border-radius:8px}.nav-btn{opacity:0;position:absolute;top:50%;transform:translateY(-50%);background-color:rgb(0 0 0 / .3);border:none;padding:10px;padding-bottom:2px!important;cursor:pointer;z-index:10;border-radius:100px;transition:200ms;margin:0 16px}.nav-btn:hover{background-color:rgb(0 0 0 / .5)}#prevBtn{left:10px}#nextBtn{right:10px}.carousel:hover .nav-btn{opacity:1!important}.pagination{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background-color:rgb(108 107 107 / 40%);padding:8px 12px;border-radius:20px;backdrop-filter:blur(5px)}.pagination-dot{width:10px;height:10px;border-radius:50%;background-color:rgb(255 255 255 / .7);cursor:pointer;transition:all 0.3s ease;border:1px solid rgb(255 255 255 / .3)}.pagination-dot.active{background-color:rgb(255 255 255);transform:scale(1.3);box-shadow:0 0 5px rgb(255 255 255 / .5)}.pagination-dot:hover{background-color:rgb(255 255 255 / .9);transform:scale(1.1)}