.slider-container {
	position: center;
	width: 80%;
	margin: 0 auto;
}

.slider-content {
	display: flex;
}

.slide {
	flex: 0 0 100%;
	display: none;
	color: #EDDD83; 
	font-size:15px; 
	text-align:center;
}

.slider-controls {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.slider-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #3B217B;
	margin: 0 5px;
	cursor: pointer;
}

	.slider-dot.active {
		background-color: #EDDD83;
	}