.recruiting {
	--recruiting_height: 0;
	--recruiting_pos_y: 0;
}

.recruiting__title,
.recruiting__caption,
.recruiting__phase-title,
.recruiting__phase-caption,
.recruiting__phase-link {
	color: var(--recruiting_color, var(--primary_color));
}
.recruiting__title {
	margin-bottom: var(--spacer_xsm);
}
.recruiting__caption > *:last-child {
	margin-bottom: 0;
}

.recruiting__image-list {
	width: 50%;
	display: grid;
	grid-template-columns: 1fr;
	align-items: start;
}
@media (max-width: 991px) {
	.recruiting__image-list {
		display: none;
	}
}
.recruiting__image-item {
	grid-row-start: 1;
	grid-column-start: 1;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--slow_transition), visibility var(--slow_transition);
}

.recruiting__container {
	margin-top: var(--spacer_xxl);
}

.recruiting__container-inner {
	width: 50%;
	padding-right: var(--spacer_lg);
}
@media (max-width: 991px) {
	.recruiting__container-inner {
		width: 100%;
		padding-right: var(--spacer_sm);
	}
}
.recruiting__phase-list {
	position: relative;
	padding-top: var(--spacer_xs);
	padding-bottom: var(--spacer_xs);
}
.recruiting__phase-list::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: var(--white_color);
}
.recruiting__phase-list::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: var(--recruiting_height, 33.3%);
	transform: translateY(var(--recruiting_pos_y, 0px));
	background-color: var(--secondary_color);
	transition: height var(--slow_transition), transform var(--slow_transition);
}
@media (max-width: 991px) {
	.recruiting__phase-list::after {
		height: 0px;
		transform: translateY(0px);
		transform-origin: bottom;
		animation: fullHeight 10s linear infinite;
	}
}
@keyframes fullHeight {
	from, to {
		height: 0px;
		transform: translateY(0px);
	}
	75% {
		height: 100%;
		transform: translateY(0px);
	}
	85%,
	100% {
		height: 100%;
		transform: translateY(0px) scaleY(0);
	}
}

.recruiting__phase-item {
	padding-left: var(--spacer_sm);
	opacity: 0.7;
	transition: opacity var(--slow_transition);
}
@media (max-width: 991px) {
	.recruiting__phase-item {
		opacity: 1;
	}
}
.recruiting__phase-item:not(:last-of-type) {
	margin-bottom: var(--spacer_md);
}

.recruiting__phase-title {
	margin-bottom: var(--spacer_xxxs);
	text-transform: uppercase;
}
.recruiting__phase-caption > *:last-child {
	margin-bottom: 0;
}
.recruiting__phase-caption {
	margin-bottom: var(--spacer_xsm);
}

.recruiting__button-container {
	margin-top: var(--spacer_md);
}

.recruiting__phase-image {
	height: 100%;
	max-height: 654px;
	object-fit: cover;
	width: calc(100% + ((100vw - var(--container_width)) / 2) + var(--dnd_section_padding_value));
}

@media screen and (min-width: 1441px) {
	.recruiting__phase-image {
		width: calc(100% + ((100vw - var(--container_width)) / 2));
	}
}

@media (max-width: 1280px) {
	.recruiting__phase-image {
		width: calc(100% + var(--dnd_section_padding_value));
	}
}