*{box-sizing:border-box;margin:0;padding:0}.slider{border-radius:18px;width:80%;height:300px;margin:200px auto;position:relative}.slides-window{border-radius:18px;width:100%;height:300px;overflow:hidden}.slides{height:300px;transition:transform .4s;display:flex}.slide{text-align:center;justify-content:center;align-items:center;min-width:100%;height:300px;font-size:xx-large;font-weight:700;display:flex}.slide:first-child{background-color:#0ff}.slide:nth-child(2){background-color:#deb887}.slide:nth-child(3){background-color:pink}.slide:nth-child(4){background-color:#adff2f}.slide:nth-child(5){background-color:#d2691e}.nextBox{justify-content:space-between;align-items:center;width:100%;height:300px;padding:0 15px;display:flex;position:absolute;top:0;left:0}.next,.prev{text-align:center;background-color:#fff;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;display:flex}.pagination{justify-content:center;gap:10px;width:100%;display:flex;position:absolute;bottom:15px;left:0}.bullet{cursor:pointer;border:1px solid #000;border-radius:50%;width:10px;height:10px}.active-bullet{background-color:#00f}