ml-slide-carousel {
	display: block;
	position: relative;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

ml-slide-carousel .slides {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

ml-slide-carousel .slides .slide {
	min-width: 100%;
	box-sizing: border-box;
}

ml-slide-carousel .dots {
	text-align: center;
	padding: 10px 0;
}

ml-slide-carousel .dots .dot {
	height: 10px;
	width: 10px;
	margin: 0 5px;
	background-color: #D5DCEA;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.3s ease;
	cursor: pointer;
}

ml-slide-carousel .dot.active {
	background-color: #42476A;
}