h1 {
	margin-bottom: 80px;
}

section {
	margin-bottom: 80px;
	max-width: 800px;
	background-color: #2c3e507c;
	padding: 40px;
	border-radius: 10px;
}

ul {
	margin-left: 30px;
}

h2,
p {
	margin-bottom: 32px;
}

h3 {
	margin-bottom: 24px;
}
.hero-content-container {
	display: flex;
	gap: 24px;
	align-items: flex-end;
	margin-bottom: 80px;
	max-width: 1000px;
}
.hero-content-container p {
	margin: 0;
}
.hero-content-container img {
	width: 100%;
	max-width: 310px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 10px;
}

/*mob*/
@media (max-width: 720px) {
	h1 {
		margin-bottom: 40px;
	}

	section {
		margin-bottom: 40px;
		padding: 20px;
	}

	ul {
		margin-left: 20px;
	}

	h2,
	p {
		margin-bottom: 24px;
	}

	h3 {
		margin-bottom: 16px;
	}

	.hero-content-container {
		flex-direction: column;
		align-items: center;
		gap: 16px;
		margin-bottom: 40px;
	}

	.hero-content-container img {
		max-width: 100%;
	}
}