body {
	position: relative;
}
header {
	position: relative;
}

.v-hero {

	margin-top: -6rem;
	height: 46vh;
	position: relative;

	@media all and (min-width: 768px) {
		& {
			height: calc(450px + 6rem);
		}
	}

	.v-main-content {
		position: relative;
		isolation: isolate;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--white);

		.v-title {
			text-transform: capitalize;
			font-size: 2rem;
			@media all and (min-width: 768px) {
				& {
					font-size: 2.8rem;
				}
			}
		}
	}
}
.v-title-container {
	padding-block: 4rem;
}
.v-layer-image {
	height: 120%;
	position: absolute;
	z-index: -1;
	clip-path: polygon(0 0, 100% 0, 100% 81.58%, 0% 81.5%);

	.img-fluid {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}
.v-location {
	padding-block: 3rem 5rem;
	.v-map-container {
		border-radius: 10px;
		overflow: hidden;
	}
	& iframe {
		width: 100%;
	}
}
.v-services {
	.v-title {
		font-weight: 700;
	}
}