.flex-layout.hero_vacancy-layout {
	padding-block: var(--pk-header-height) max(4rem, calc(5 * var(--su)));
	background-color: var(--odnhn-lila);
}

.flex-layout.hero_vacancy-layout .pk-grid-container {
	align-items: center;
}

.flex-layout.hero_vacancy-layout .content-col {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: max(1.5rem, calc(4 * var(--su)));
}

.flex-layout.hero_vacancy-layout .content-col .upper {
	display: flex;
	flex-direction: column;
	gap: max(1rem, calc(1.5 * var(--su)));
}

.flex-layout.hero_vacancy-layout .content-col .pk-heading {
	margin-block: max(1rem, calc(1 * var(--su))) max(1.5rem, calc(1.5 * var(--su)));
	max-width: 90%;
	font-size: var(--scaling-h2) !important;
}

.flex-layout.hero_vacancy-layout .content-col .block-overlay-tag {
	position: static;
}

.flex-layout.hero_vacancy-layout .content-col .vacancy-tags {
	margin-bottom: max(1rem, calc(2 * var(--su)));
}

.flex-layout.hero_vacancy-layout .image-col {
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
}

.flex-layout.hero_vacancy-layout .image-col .pk-image {
	width: 100%;
	height: 100%;
	border-radius: var(--general-border-radius);
	object-fit: cover;
	object-position: center;
}

@media screen and (max-width: 1200px) {

	.flex-layout.hero_vacancy-layout .content-col .pk-heading {
		max-width: 100%;
	}

}


@media screen and (max-width: 768px) {

	.flex-layout.hero_vacancy-layout .pk-grid-container {
		row-gap: 2.5rem;
	}

	.flex-layout.hero_vacancy-layout .image-col {
		aspect-ratio: 37/50;
	}

}