.slider{position:relative;width:-webkit-fill-available;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a}.slides{display:flex;transition:transform .5s ease-in-out}.slide{min-width:100%}.slide img{width:100%}.navigation{position:absolute;width:100%;top:50%;display:flex;justify-content:space-between;transform:translateY(-50%)}.nav-button{background-color:#5f4935;color:#fff;cursor:pointer;border-radius:50%;user-select:none;padding:10px 18px;margin:0 20px}.dots{text-align:center;position:absolute;width:100%;bottom:10px}.dot{display:inline-block;width:15px;height:15px;margin:0 5px;background-color:#5f4935;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:#fff}.desktop{display:block}@media screen and (max-width:768px){.desktop{display:none}}