.slider-wrapper{box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.slider-grid{scrollbar-width:none;border-radius:10px;flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;max-width:550px;display:flex;overflow-x:hidden}.slider-grid::-webkit-scrollbar{display:none}.slider-dots{justify-content:center;align-items:center;gap:5px;width:fit-content;padding:10px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.dots{opacity:.8;background-color:#b1b2b4;border-radius:50%;width:12px;height:12px}.dots.visible{opacity:1;background-color:#f0f8ff}.slider-track{box-sizing:border-box;border-radius:10px;flex:0 0 100%;overflow:hidden}.slider-track img{object-fit:fill;border-radius:10px;width:100%;height:100%}.nav{color:#fff;cursor:pointer;z-index:10;opacity:.8;pointer-events:auto;-webkit-user-select:none;user-select:none;background-color:#0000;border:6px solid #fff;width:35px;height:35px;margin:0 1%;position:absolute;top:50%;transform:translate(-50%,-50%)}.nav:hover{opacity:1}.nav.prev{border-top:40px;border-left:40px;left:15px;transform:rotate(-220deg)}.nav.next{border-bottom:40px;border-left:40px;right:15px;transform:rotate(40deg)}@media only screen and (max-width:1080px){.slider-wrapper{width:60%}.slider-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overflow:scroll}.slider-track{scroll-snap-align:start;scroll-snap-stop:always}}@media only screen and (max-width:780px){.slider-wrapper{width:100%}.slider-grid{margin:20px 0}.slider-track{height:275px}.nav{border-width:4px;width:20px;height:20px}.slider-dots{padding-bottom:20px}.dots{width:8px;height:8px}}