#s-banner-home {
	width: 100%;
	display: flex;
}
#carousel-home .owl-dots {
	margin-top: 0px;
	position: absolute !important;
	bottom: 5px !important;
	left: calc(50% - 15px);
}

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

#carousel-home .owl-dot.active span,
#carousel-home .owl-dot:hover span {
	background: var(--amarillo);
}
#carousel-home-res .owl-dots {
	margin-top: 0px;
	position: absolute !important;
	bottom: 5px !important;
	left: calc(50% - 15px);
}

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

#carousel-home-res .owl-dot.active span,
#carousel-home-res .owl-dot:hover span {
	background: var(--amarillo);
}

.card-carousel-home {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-carousel-home img {
	width: 100%;
	height: 88vh;
	object-fit: cover;
	object-position: top;
}

#s-banner-home-res {
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
}

#s-contadores {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 120px 0px;
	background-image: url("/src/img/home/fondo-contador.png");
	background-repeat: no-repeat;
	background-size: cover;
}

#s-contadores > div {
	width: 95%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	justify-content: center;
	align-items: center;
	gap: 0px 80px;
}

.content-card-contador {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content-card-contador img {
	width: 40%;
	margin-bottom: 20px;
	margin-left: 20px;
}
.content-card-contador p {
	font-size: 115px;
	font-family: "Montserrat-Bold";
	line-height: 115px;
	letter-spacing: -8px;
}
.content-card-contador span {
	font-size: 16px;
	margin-left: 20px;
	text-transform: uppercase;
	font-family: "Montserrat-Bold";
}

#s-aliados {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 80px 0px;
	gap: 20px;
}

#s-aliados h2 {
	color: #000;
	font-size: 25px;
	font-family: "Montserrat-Bold";
}

#s-aliados p {
	width: 70%;
	color: #000;
	font-size: 20px;
	text-align: justify;
	margin-bottom: 30px;
}

#s-aliados span {
	color: #000;
	font-size: 25px;
}

#content-carousel-marcas {
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0px 80px;
}

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

.content-marca {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 90px;
}
.content-marca img {
	height: 60px;
	object-fit: contain;
	filter: grayscale(100%);
	transition: ease all 0.6s;
	cursor: pointer;
}

.content-marca img:hover {
	filter: grayscale(0);
}
.odometer {
	font-size: 100px;
}

#s-servicios {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 0px 80px;
	gap: 20px;
}

#s-servicios h2 {
	color: #000;
	font-size: 25px;
	font-family: "Montserrat-Bold";
}

#s-servi {
	width: 80%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: center;
	align-items: center;
}

#s-servi a,
#s-servi a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.line-sep {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.line-sep span {
	width: 20%;
	height: 3px;
	border-radius: 20px;
	background-color: var(--gris);
}

@media screen and (max-width: 1024px) {
	#s-contadores > div {
		width: 100%;
		gap: 20px;
		flex-direction: column;
	}

	#s-contadores > div {
		padding: 20px;
		grid-template-columns: 1fr 1fr;
	}

	.content-card-contador img {
		width: 30%;
		margin-bottom: 0px;
		margin-left: 0px;
	}

	.content-card-contador p {
		font-size: 50px;
		line-height: 50px;
		letter-spacing: -2px;
	}

	#s-contadores {
		padding: 20px 0px;
	}

	.content-card-contador span {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}

	#s-aliados {
		padding: 20px 0px;
	}

	#s-aliados p {
		width: 100%;
		padding: 20px;
	}

	#s-aliados span {
		font-size: 20px;
		width: 100%;
		text-align: center;
		padding: 0px 20px;
	}

	.content-marca {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 20px;
	}

	#s-servi {
		width: 100%;
		grid-template-columns: 1fr;
	}

	#s-banner-home-res {
		display: flex;
	}

	#s-banner-home {
		display: none;
	}

	.card-carousel-home img {
		height: auto;
	}
}