* {
	font-family: "Rubik", sans-serif;
}

a {
	cursor: pointer;
	text-decoration: none !important;
}

.bg-green {
	background-color: #0C683E;
}

.bg-green-2 {
	background-color: #009B3A;
}

.border-green {
	border-color: #0C683E !important;
}

.text-green {
	color: #0C683E;
}

.ls-3 {
	letter-spacing: 3px;
}

header .logo img {
	height: auto;
	width: 200px;
}

header .menu-principal-container ul li {
	position: relative;
}

header .menu-principal-container ul li a {
	color: #FFF;
	text-decoration: none;
}

header .menu-principal-container ul li button {
	display: none;
}

header .menu-principal-container ul li .sub-menu {
	background-color: #0C683E;
	display: none;
	list-style: none;
	padding: 20px;
	position: absolute;
	width: 100%;
}

header .menu-principal-container ul li:hover .sub-menu {
	display: block;
}

.bg-img { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bg-img-contain { background-position: center center; background-repeat: no-repeat; background-size: contain; }

.text-green-light-1 { color: #D3F4E5; }
.text-green-light-2 { color: #54AA83; }

#carouselHome {
	max-height: 800px;
}

#carouselHome h1 {
	font-size: 62px;
	line-height: 1;
}

#carouselHome .carousel-indicators {
	display: flex;
	gap: 2rem;
}

#carouselHome .carousel-indicators button {
	height: 13px;
	border-radius: 50%;
	width: 13px;
}

#carouselHome .carousel-indicators button.active:after {
	border: 1px solid #FFF;
	border-radius: 50%;
	content: "";
	display: block;
	height: 44px;
	margin: -15px 0 0 -15px;
	width: 44px;
}

#carouselHome .carousel-indicators button.active:before {
	background: #FFF;
	bottom: -16px;
	content: "";
	display: block;
	height: 35px;
	margin-left: 6px;
	position: absolute;
	width: 1px;
}

#brands {
	margin-top: 250px;
}


#contacto img {
	height: 80px;
	width: 80px;
}

.mb-less {
	margin-bottom: -250px;
}

@media (max-width: 1023px) {
	a.logo img {
		width: 150px;
	}

	header .nav {
		background-color: #0C683E;
		display: none;
		left: 0;
		position: absolute;
		padding: 30px;
		top: 113px;
		width: 100%;
	}

	header .nav li {
		margin-bottom: 15px;
	}

	header .nav li:last-child {
		margin-bottom: 0;
	}

	header .menu-principal-container ul li .sub-menu {
		display: block;
		position: inherit;
	}

	#carouselHome {
		max-height: 650px;
	}

	#contact img {
		height: 60px;
		width: 60px;
	}

	.mb-less {
		margin-bottom: -170px;
	}
}