/*============================================================================================================================================================*/
/*===== who we are =====*/

#who-we-are-main-wrapper strong {
	font-weight: 700 !important;
}

#who-we-are-bottom-background:before {
	content:			 '';
	display:			 block;
	position:			 absolute;
	top:				 0;
	bottom:				 -6rem;
	left:				 0;
	right:				 0;
	background-image:	 url(../../../../themes/AsiaImpact/assets/images/who-we-are-background.svg);
	background-repeat:	 no-repeat;
	background-size:	 cover;
	background-position: center center;
	z-index:			 -2;
}

.team-cards > .col > .card > img {
	aspect-ratio: 1;
	object-fit:	  cover;
}
.team-cards > .col > .card > .card-body {
	background-color: rgba(196, 55, 55, 1);
}
.linkedin-logo {
	width:				 1.875rem;
	height:				 1.875rem;
	margin-top:			 -0.375rem;
	background-image:	 url(../../../../themes/AsiaImpact/assets/images/linkedin.svg);
	background-size:	 contain;
	background-repeat:	 no-repeat;
	background-position: center center;
	filter:				 invert(100%) sepia(0%) saturate(7500%) hue-rotate(192deg) brightness(101%) contrast(101%);
}
.card > .collapseBio {
	width:		calc(300% + 6rem);
	z-index:	1;
	transition: all 0.2s ease-in-out;
}

.team-cards > .col > .card > .card-body {
	width:		calc(300% + 6rem);
	z-index:	1;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 767.98px) {
	.card > .collapseBio {
		width: 100%;
	}
	.team-cards > .col > .card > .card-body {
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.card > .collapseBio {
		width: calc(200% + 3rem);
	}
	.team-cards > .col > .card > .card-body {
		width: calc(200% + 3rem);
	}
}
.team-cards > .col > .card > .card-body.collapsed {
	width: 100%;
}
.team-cards > .col > .card.lower > .card-body {
	margin-top: -5rem;
}


@media (min-width: 992px) {
	.team-cards .col:nth-of-type(3n+2) > .card > .card-body,
	.team-cards .col:nth-of-type(3n+2) .collapseBio {
		margin-left: calc(-100% - 3rem);
	}
	.team-cards .col:nth-of-type(3n+3) > .card > .card-body,
	.team-cards .col:nth-of-type(3n+3) .collapseBio {
		margin-left: calc(-200% - 6rem);
	}
	.team-cards .col:nth-of-type(3n+2) > .card > .card-body.collapsed,
	.team-cards .col:nth-of-type(3n+3) > .card > .card-body.collapsed {
		margin-left: 0;
	}
	
	.team-cards .card .card-img-top {
		transition: all 0.2s ease-in-out;
	}
	.team-cards .card .card-img-top:not(.collapsed) {
		width: calc(100% + 2rem);
	}
	.team-cards .col:nth-of-type(3n+2) .card .card-img-top:not(.collapsed) {
		margin-left: -1rem;
	}
	.team-cards .col:nth-of-type(3n+3) .card .card-img-top:not(.collapsed) {
		margin-left: -2rem;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.team-cards .col:nth-of-type(2n+2) > .card > .card-body,
	.team-cards .col:nth-of-type(2n+2) .collapseBio {
		margin-left: calc(-100% - 3rem);
	}
	.team-cards .col:nth-of-type(2n+2) > .card > .card-body.collapsed {
		margin-left: 0;
	}
	
	.team-cards .card .card-img-top {
		transition: all 0.2s ease-in-out;
	}
	.team-cards .card .card-img-top:not(.collapsed) {
		width: calc(100% + 2rem);
	}
	.team-cards .col:nth-of-type(2n+2) .card .card-img-top:not(.collapsed) {
		margin-left: -2rem;
	}
}

.teamMember {
	transition: all 0.2s ease-in-out;
}

.teamMember > .card {
	background-color: transparent;
}

.mezzi-header {
	aspect-ratio: 20/9;
	object-position: center bottom;
}