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

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

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

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

.hero_secondary .pk-row .text-col {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hero_secondary .scroll-arrow {
	position: absolute;
	bottom: 80px;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 110px;
}

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

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