.meetTeamGridSection .memberCardsPopupRow { position: relative;}
.meetTeamGridSection .memberCardPopupOuter { opacity:0; visibility: hidden; position: fixed; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5)!important; z-index: 10000; height: 100%;}
.meetTeamGridSection .memberCardPopupOuter.showMemberCard { opacity: 1; visibility: visible;}
.meetTeamGridSection .memberCardPopupInner { height:100%; padding: 120px 80px; width: 100%; max-width: 1700px; margin-left: auto; background-color: #fff;}
.meetTeamGridSection .memberCardPopupProfile { height: 100%; max-height: 449px; max-width: 350px; min-height: 449px; margin-left: -140px; background: #fff;}
.meetTeamGridSection .memberCardPopupLeft { width: 100%; max-width: 350px;}
.meetTeamGridSection .memberCardPopupRight { width: 100%; max-width: 750px;}
.meetTeamGridSection .memberCardPopupProfile img { width: 100%; height: 100% !important; transition: all .2s;}
.meetTeamGridSection .memberCardPopupContactDetails { gap: 32px;}
.meetTeamGridSection .memberCardPopupDescription * {padding: 20px 0 0;}
.meetTeamGridSection .memberCardPopupContactDetails > div a { gap: 8px; color: #8D741E!important;text-decoration: underline;}
.meetTeamGridSection .memberCardPopupContactDetails > div a svg path { fill: #8D741E!important;}
.meetTeamGridSection .memberCardPopupContactDetails > div a:hover { gap: 8px; color: #8D741E!important;text-decoration: none;}
 
.meetTeamGridSection .memberCard { margin: 1px; padding-bottom: 20px;}
.meetTeamGridSection .memberCard a { position: absolute; width: 100%; height: 100%;}
.meetTeamGridSection .memberCard a:hover + .memberCardInner .memberProfile { -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.4); transition: all .2s;} */
.meetTeamGridSection .memberCardPopupDescription { height: 100%; max-height: 400px; overflow-y: auto;}
.memberPopupCloseBtn { background-color: #8D741E!important; cursor: pointer; width: 88px; height: 88px; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.meetTeamGridSection .meetTeamGridCardsRow {gap: calc(5% + 10px);}

@media(max-width:1550px){
  .meetTeamHighlightSection .meetTeamHighlightRightCol {max-width: 404px;}
	.meetTeamGridSection .memberCardPopupInner { max-width: 1080px;}
	.meetTeamGridSection .memberCardPopupDescription { max-height: 370px; }
}


@media(max-width:991px){
  .meetTeamGridSection .meetTeamGridCardsRow {gap: calc(5% + 5px);}
  .meetTeamHighlightSection .meetTeamHighlightInner { flex-direction: column; justify-content: center; gap: 32px;}
  .meetTeamHighlightSection .meetTeamHighlightInner { flex-direction: column; gap: 32px;}
  .meetTeamHighlightSection .meetTeamHighlightRightCol { margin: 0 auto; }  
}

@media(max-width:640px){
  .meetTeamHighlightSection .meetTeamHighlightRightCol {max-width: 215px;}
  .meetTeamHighlightSection .memberLinkedIn { left: -10%; transform: translate(-10%, -50%);}
  .meetTeamHighlightSection .memberLinkedIn a { width: 56px; height: 56px; padding:15px; }
  .meetTeamGridSection .meetTeamGridCardsRow {
		gap: 30px;
		display: grid;
		grid-template-columns: auto auto;
	}
	.memberCardInner {
		max-width: 138px;
	}
  .meetTeamGridSection .memberCard {width: 45%;}
	.meetTeamGridSection .memberCardPopupInner {
			background-color: #fff;
			height: 100%;
			margin-left: auto;
			max-width: 600px;
			padding: 60px;
			width: 100%;
			flex-direction: column;
		}
	.meetTeamGridSection .memberCardPopupProfile {
		background: #fff;
		height: 100%;
		margin-left: 0;
		max-height: 200px;
		max-width: 200px;
		min-height: 200px;
	}
	.meetTeamGridSection .memberCardPopupContactDetails {
    gap: 20px;
		padding: 20px 0;
		display: flex;
		flex-direction: column;
		align-items: start;
	}
	.meetTeamGridSection .memberCard .memberProfile {
		max-width: 150px;
	}
	
	
}

@media (max-width: 450px) {
    .meetTeamGridSection .memberCard {
        width: 100%;
    }
}