*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f4f4f4}
.slider{position:relative;max-width:1920px;margin:40px auto;overflow:hidden;border-radius:10px; margin-top:120px;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.slide.active{opacity:1;position:relative}
.slide img{width:100%;display:block}
.caption{position:absolute;left:30px;bottom:30px;color:#fff;background:rgba(0,0,0,.5);padding:12px 18px;border-radius:5px}
.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;padding:12px 16px;cursor:pointer;font-size:22px}
.prev{left:10px}.next{right:10px}
.dots{position:absolute;bottom:12px;width:100%;text-align:right; right:25px;}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#6b6f74;margin:0 4px;cursor:pointer}
.dot.active{background:#1bace8}