@media (min-width: 1024px) {

	.hero {
		padding-top: 1rem;
	}

	.hero-txt .hero-subtitle {
		margin-bottom: 0.5rem !important;
	}

	.hero::before {
		background-size: contain;
		background-position: left;
	}

	.top-bar {
		margin-bottom: 0;
	}

	.logo-container {
		padding: 0 0 0 2rem;
		margin: 0 auto 0 0;
	}

	.hero-content {
		padding: 0;
		align-items: start;
	}

	.hero .hero-txt h1 {
		font-size: 1.65rem;
	}

	.hero-txt p {
		font-size: 1.15rem !important;
		line-height: 1.5rem;
	}

	.treat-area .wanna-btn {
		margin-bottom: 2rem !important;
	}

	.not-alone {
		padding: 3rem 0 0 4rem;
		background-image: url('../../img/val-fundo.png');
		background-size: cover;
		background-position: right;
	}

	.not-alone p {
		width: 50%;
		font-size: 1.25rem;
	}

	.treat h3,
	.treat h4 {
		margin-left: calc(15% + 1.5rem) !important;
		text-align: left;
	}

	.treat {
		gap: 0.5rem;
		justify-content: space-around;
		border: none;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
	}

	.treat a {
		margin-left: 5.25rem;
		font-size: 1rem !important;
		text-align: left !important;
	}

	.treat h3 {
		font-size: 1.25rem;
	}

	.treat h4 {
		font-size: 1rem;
	}

	.treat-content {
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 1.5rem;
	}

	.icon-container {
		width: 15%;
		display: flex;
		align-items: start;
		justify-content: center;
	}

	.icon {
		margin: 0;
	}

	.treat-content p {
		width: 85%;
		font-size: 1.2rem;
	}

	.wanna-btn {
		width: 60%;
		font-size: 1.75rem;
	}

	.wanna-btn:last-child {
		width: 70%;
	}

	.results {
		padding-top: 3rem;
	}

	.about {
		padding: 2rem !important;
	}

	.about-content {
		width: 55%;
	}

	.about-pic-container {
		width: 45%;
	}

	.about-content p {
		font-size: 0.9rem !important;
	}

	footer,
	.social-area {
		flex-direction: row;
	}

	footer {
		height: 25dvh;
		justify-content: space-between;
		padding: 3rem 12rem;
	}

	footer h5,
	footer a {
		font-size: 1.5rem;
	}

	footer i {
		font-size: 3rem !important;
	}

	.footer-logo-area {
		width: 300px;
	}

	.social-area {
		gap: 4rem;
	}

	@media (min-width: 1024px) {
		.carousel img {
			flex: 0 0 calc(100% / 3);
			/* divide o espaço em 3 */
		}
	}

}