.fc_team_listing {
	display: flex;
	flex-flow: column;
	gap: var(--gap-xl);
	.team_wrapper {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: var(--gap-m);
		* {
			color: var(--white);
		}
	}
	&.grid_3 {
		.team_wrapper {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	&.grid_2 {
		.team_wrapper {
			grid-template-columns: repeat(2, 1fr);
		}
	}
	.team_heading {
		color: var(--tertiary);
	}
	.team-item {
		display: flex;
		flex-flow: column;
		align-items: flex-start;
		gap: 35px;
		.image {
			aspect-ratio: 1 / 1;
			width: 100%;
			border-radius: var(--border-radius-m);
			margin-bottom: 20px;
		}
		.h5 {
			font-weight: 700;
		}
	}
	.button {
		word-break: break-all;
		padding: 8px 16px;
		font-size: 16px;
		margin: 0 5px 5px 0;

		&.phone_icon::before {
			width: 17px;
			height: 22px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 23'%3E%3Cpath fill='%23fff' d='M5.2.6a4 4 0 0 1 1.5.7L6.4 8a4 4 0 0 1-2.2.6c.5 3.5 2.5 6.6 5.4 8.4a4 4 0 0 1 1.5-2l6.2 2.4a4 4 0 0 1-4.8 5A15.9 15.9 0 0 1 .3 4 4 4 0 0 1 5.2.6Z'/%3E%3C/svg%3E");
		}
		&.email_address::before {
			width: 24px;
			height: 21px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 21'%3E%3Cpath fill='%23fff' d='M20 .8a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4zm-16 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-12a2 2 0 0 0-2-2zm15 2.7a1 1 0 0 1 .7 1.8l-4 3.6 4 3.6a1 1 0 1 1-1.4 1.4l-4.1-3.7a4 4 0 0 1-4.4 0l-4.1 3.7a1 1 0 1 1-1.4-1.4l4-3.6-4-3.6a1 1 0 1 1 1.4-1.5l5 4.5a2 2 0 0 0 2.7 0l5-4.5z'/%3E%3C/svg%3E");
		}
		&.linkedin::before {
			width: 24px;
			height: 24px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cpath fill='%23fff' d='M2.4 9.2h4.2V22H2.4zm2.1-6.1q-2.2.2-2.3 2.2c0 1.2.9 2.2 2.3 2.2C6 7.5 7 6.5 7 5.3q-.2-2-2.4-2.2M17 8.9a4 4 0 0 0-3.8 2.1V9.2H9V22h4.2v-7l.1-1.1q.4-1.4 2.2-1.6 2.2.2 2.1 3V22h4.2v-7.3c0-3.9-2-5.7-4.8-5.7'/%3E%3C/svg%3E");
		}
		&:hover {
			transform: translate(-2px, -3px);
			&:before {
				transform: none;
			}
		}
	}
}

@media (width <= 1200px) {
	.fc_team_listing {
		.team_wrapper {
			grid-template-columns: repeat(3, 1fr);
		}
		&.grid_3 {
			.team_wrapper {
				grid-template-columns: repeat(3, 1fr);
			}
		}
		&.grid_2 {
			.team_wrapper {
				grid-template-columns: repeat(2, 1fr);
			}
		}
	}
}

@media (width <= 850px) {
	.fc_team_listing {
		.team_wrapper {
			grid-template-columns: repeat(2, 1fr);
		}
		&.grid_3 {
			.team_wrapper {
				grid-template-columns: repeat(2, 1fr);
			}
		}
	}
}

@media (width <= 600px) {
	.fc_team_listing {
		.team_wrapper {
			grid-template-columns: repeat(1, 1fr);
		}
		&.grid_3 {
			.team_wrapper {
				grid-template-columns: repeat(1, 1fr);
			}
		}
		&.grid_2 {
			.team_wrapper {
				grid-template-columns: repeat(1, 1fr);
			}
		}
	}
}