*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


.slider{
    position:relative;
    width:99vw;
    height:75vh;
    overflow:hidden;
}

.slides{
    display:flex;
    height:100%;
    transition:transform .5s ease;
}

.slide{
    min-width:100vw;
    height:100vh;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Точки */

.dots{
    position:absolute;
    bottom:30px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:12px;
    z-index:10;
}

.dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:rgba(255,255,255,.5);
    cursor:pointer;
    transition:.3s;
}

.dot.active{
    background:#fff;
    transform:scale(1.2);
}