.team_highlighted-layout {
	--team-item-bg: var(--pk-color-primary);
	--team-item-text: #ffffff;
}

.site-3 .team_highlighted-layout {
	--team-item-bg: #9acfb5;
}

.team_highlighted-layout .team_highlighted-layout__intro {
	margin-bottom: 2.5rem;
}

.team_highlighted-layout .team_highlighted-layout__intro .subtitle {
	margin-top: 2rem;
	font-weight: 700;
}

.team_highlighted-layout .team_highlighted-layout__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.team_highlighted-layout .team_highlighted-item {
	min-height: 140px;
	padding: 1.5rem 1rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	background-color: var(--team-item-bg);
	color: var(--team-item-text);
	border-radius: var(--pk-button-radius);
	overflow: hidden;
}

.team_highlighted-layout .team_highlighted-item__name {
	margin-bottom: 0rem;
	color: inherit;
	font-size: clamp(20px, 1.84vw, 24px);
}

.team_highlighted-layout .team_highlighted-item__role {
	margin: 0;
	color: var(--pk-color-secondary);
}

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

	.team_highlighted-layout .team_highlighted-layout__list {
		grid-template-columns: repeat(2, 1fr);
	}
}


@media screen and (max-width: 767px) {
	
	.team_highlighted-layout .team_highlighted-layout__list {
		grid-template-columns: repeat(1, 1fr);
	}
}