.hero_quartair {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero_quartair::before {
	content: ''; position: absolute; inset: 0; z-index: 5;
	background: linear-gradient(180deg, transparent 0%, var(--sc-black) 100%);
}

.hero_quartair .pk-row {
	position: relative; z-index: 10; height: 100%;
	min-height: calc(80vh - var(--pk-header-height));
	padding-block: 180px 40px;
	display: flex;
	align-items: end;
}

.hero_quartair .pk-row, .hero_quartair .pk-row .pk-row-content {
	height: 100%;
}

.hero_quartair .pk-row .text-col {
	text-align: start;
}

.hero_quartair .pk-row .datum {
	margin-bottom: 24px;
}

@media screen and (max-width: 992px) {
	
	.hero_quartair .pk-row {
		padding-block: 100px 0px;
	}
	
	.hero_quartair .scroll-arrow {
		width: 80px;
	}
	
}

@media screen and (max-width: 767px) {
	
	.hero_quartair .pk-row {
		padding-block: 120px 0px;
		min-height: unset;
	}
	
	.hero_quartair .scroll-arrow {
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%, 0%);
		width: 60px;
	}
	
}