.flex-layout.team_grid > .pk-grid-container {
	row-gap: var(--pk-row-spacing);
}

.flex-layout.team_grid .team-item {
	overflow: hidden;
}

.flex-layout.team_grid .team-item .image-col {
	position: relative;
	min-height: max(20rem, calc(42.5 * var(--su)));
	border-radius: var(--general-border-radius);
	overflow: hidden;
}

.flex-layout.team_grid .team-item .image-col img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.flex-layout.team_grid .team-item .content-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: max(1.5rem, calc(2.5 * var(--su)));
	background-color: var(--odnhn-lila);
	border-radius: var(--general-border-radius);
}

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

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

.flex-layout.team_grid .team-item .content .upper h4 {
	margin: 0;
}

.flex-layout.team_grid .team-item .content .bottom {
	margin-top: max(1.5rem, calc(1.5 * var(--su)));
}

.flex-layout.team_grid .team-item .content .bottom .function {
	color: var(--odnhn-black-60);
}

@media screen and (min-width: 769px) {

	.flex-layout.team_grid .team-item:nth-child(even) .content-col {
		order: -1;
	}

}

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

	.flex-layout.team_grid .team-item > .pk-grid-container {
		row-gap: 1rem;
	}

	.flex-layout.team_grid .team-item .image-col {
		aspect-ratio: 1;
		min-height: unset;
		order: 2;
	}

}