.service-area {
	padding-top: var(--section-spacing);
}

.service-area-grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 70px;
	align-items: center;
}

.service-area-content {
	max-width: 480px;
}

.service-area-content h2 {
	margin: 15px 0 20px;
}

.service-area-content p {
	margin-bottom: 30px;
}

.service-area-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--corner-radius, var(--radius));
}

@media (max-width: 767px) {

	.service-area-grid {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.service-area-content {
		max-width: none;
	}

}