\
.slider {
width: 100%;
height: 100%;
background-color: #fff;
}
.slides {
display: flex;
flex-wrap: wrap;
}
.slide {
width: 25%;
height: 100%;
margin: 10px;
}
.dots {
display: flex;
justify-content: center;
align-items: center;
}
.dot {
cursor: pointer;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ccc;
}
.dot.active {
background-color: #000;
}
