.contact-hero {
	background: #031625 url('../img/Daylit-Kuala-Lumpur-office-with-holographic-analytics.jpg') center 42% / cover no-repeat;
	background-image: image-set(url('../img/Daylit-Kuala-Lumpur-office-with-holographic-analytics-1254.avif') type('image/avif'), url('../img/Daylit-Kuala-Lumpur-office-with-holographic-analytics-1254.webp') type('image/webp'), url('../img/Daylit-Kuala-Lumpur-office-with-holographic-analytics.jpg') type('image/jpeg'));
	overflow: hidden;
	padding-bottom: 120px;
	padding-top: 180px;
	position: relative;
}

.contact-hero__overlay {
	background:
		radial-gradient(circle at 72% 35%, rgba(47, 126, 255, 0.16), transparent 42%),
		linear-gradient(110deg, rgba(3, 22, 37, 0.94), rgba(3, 22, 37, 0.66));
	inset: 0;
	position: absolute;
}

.contact-hero__content {
	position: relative;
	z-index: 1;
}

.contact-hero h1 {
	text-shadow: 0 3px 24px rgba(0, 0, 0, 0.4);
}

@media (max-width: 639px) {
	.contact-hero {
		background-position: 58% center;
		padding-bottom: 90px;
		padding-top: 145px;
	}
}