.carrossel-areas {
	--areas-carousel-background: var(--color-white);
	--areas-carousel-border: var(--color-text);
	--areas-carousel-text: var(--color-text);
	width: 100%;

	&.owl-carousel {
		&:not(:first-child){
			margin-top: 60px !important;
		}
	}
}

.carrossel-areas .owl-stage {
	display: flex;
	align-items: stretch;
}

.carrossel-areas .owl-item {
	display: flex;
	width: auto;
}

.carrossel-areas__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 62px;
	padding: 15px 28px;
	border: 1px solid var(--areas-carousel-border);
	border-radius: 999px;
	background: var(--areas-carousel-background);
	color: var(--areas-carousel-text);
	white-space: nowrap;
}

.carrossel-areas__icone {
	display: inline-flex;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
}

.carrossel-areas__imagem {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.carrossel-areas__texto {
	font-family: var(--font-body);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
}
@media (max-width: 991px) {

	.carrossel-areas__texto {
		font-size: 17px;
	}


}
@media (max-width: 767px) {
	.carrossel-areas__item {
		min-height: 42px;
		gap: 8px;
		padding: 0px 20px;
	}

	.carrossel-areas__icone {
		display: inline-flex;
		width: 18px;
		height: 18px;
	}
	.carrossel-areas__texto {
		font-size: 16px;
	}
}