.flex-layout.vacancy_swiper {
	overflow: visible;
}

.flex-layout.vacancy_swiper .intro-col {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: max(1rem, calc(2 * var(--su)));
	margin-bottom: max(2rem, calc(3 * var(--su)));
}

.flex-layout.vacancy_swiper .vacancy-swiper {
	overflow: visible;
}

.flex-layout.vacancy_swiper .swiper-slide {
	height: auto;
}

.flex-layout.vacancy_swiper .swiper-slide .vacancy-card {
	width: 100%;
}

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

	.flex-layout.vacancy_swiper .intro-col {
		flex-direction: column;
		align-items: flex-start;
	}

}