.available-homes-showcase {
	position: relative;
	background: #050c18;
}

.available-homes-showcase__background {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden;
}

.available-homes-showcase__background-image,
.available-homes-showcase__background-overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.available-homes-showcase__background-image {
	display: block;
	object-fit: cover;
	object-position: center center;
}

.available-homes-showcase__background-overlay {
	background:
		linear-gradient(180deg, rgba(5, 12, 24, 0.58) 0%, rgba(5, 12, 24, 0.72) 38%, rgba(5, 12, 24, 0.86) 100%),
		linear-gradient(90deg, rgba(5, 12, 24, 0.72) 0%, rgba(5, 12, 24, 0.34) 50%, rgba(5, 12, 24, 0.72) 100%);
}

.available-homes-showcase__content {
	position: relative;
	z-index: 1;
	margin-top: -100vh;
	padding-block: 5rem 4rem;
}

.available-homes-showcase--journey .available-homes-showcase__background-image {
	object-fit: cover;
	object-position: center center;
}

.available-homes-showcase--journey .available-homes-showcase__background-overlay {
	background:
		linear-gradient(180deg, rgba(5, 12, 24, 0.68) 0%, rgba(5, 12, 24, 0.8) 38%, rgba(5, 12, 24, 0.9) 100%),
		linear-gradient(90deg, rgba(5, 12, 24, 0.78) 0%, rgba(5, 12, 24, 0.48) 50%, rgba(5, 12, 24, 0.78) 100%);
}

.available-homes-showcase--journey .available-homes-buying-process,
.available-homes-showcase--journey .available-homes-locations-section,
.available-homes-showcase--journey .available-homes-testimonials-section {
	background: transparent;
}

@media (max-width: 780px) {
	.available-homes-showcase__content {
		padding-block: 3.5rem 2.6rem;
	}
}