#carousel-contacto .owl-dots {
	margin-top: 0px;
	position: absolute !important;
	bottom: 5px !important;
	left: calc(50% - 15px);
}

#carousel-contacto .owl-dot span {
	width: 15px !important;
	height: 15px !important;
	display: flex;
	background: var(--azul);
	margin: 5px 3px;
}

#carousel-contacto .owl-dot.active span,
#carousel-contacto .owl-dot:hover span {
	background: #fff;
}
#s-contacto {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 100px 0px;
	background-color: var(--gris);
}

#content-contacto {
	width: 90%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: #fff;
}

#content-carousel-contacto {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

#carousel-contacto {
	width: 100%;
	display: block;
}

#content-form-contacto {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 50px;
}

#content-form-contacto > h3 {
	font-size: 45px;
	font-family: "Montserrat-Bold";
	color: var(--morado);
	margin-bottom: 15px;
}

#content-form-contacto form {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.content-input {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	gap: 10px;
}

.content-input label {
	font-size: 18px;
	color: #898989;
	font-family: "Montserrat-Bold";
}
.content-input input {
	width: 100%;
	background-color: #eeeeee;
	border-radius: 30px;
	padding: 10px 20px;
	border: none;
	font-size: 16px;
	text-transform: capitalize;
}

#btn-enviar-mensaje {
	background-color: var(--morado);
	border-radius: 30px;
	color: #fff;
	font-family: "Montserrat-Bold";
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 5px 20px;
}
#btn-enviar-mensaje svg {
	width: 30px;
	fill: #fff;
}

@media screen and (max-width: 1024px) {
	#content-contacto {
		flex-direction: column;
	}

	#content-carousel-contacto {
		width: 100%;
	}

	#content-form-contacto {
		width: 100%;
		padding: 20px;
	}

	#content-form-contacto > h3 {
		font-size: 25px;
	}

	#s-contacto {
		padding: 20px 0px 40px;
	}
}