.quad-team {
    margin-bottom: 160px;
}

.flip-card {
    background-color: #EBE7E4;
    margin: 40px 0 20px 0;
    /* width: 95%; */
    /* float: left; */
    height: 380px;
    position: relative;
    /* overflow: hidden; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.flip-card img {
    height: 380px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: transform 0.8s;
}

.even-svgs {
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5ms;
    transform: translate(-15%, 15%);
    transition-duration: 0.8s;
}

.odd-svgs-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(100%, 0%);
    transition-duration: 1s;
}

.odd-svgs-top {
    position: absolute;
    top: 0;
    left: 0;
    rotate: 180deg;
    transform: translate(100%, 0%);
    transition-duration: 1s;
}

.popup_is_needed {
    cursor: pointer;
}

.team_member_popup_trigger:nth-child(even) .flip-card:hover .even-svgs {
    transform: translate(25%, -25%);
}

.team_member_popup_trigger:nth-child(odd) .flip-card:hover .odd-svgs-bottom {
    transform: translate(0%, 0%);
}

.team_member_popup_trigger:nth-child(odd) .flip-card:hover .odd-svgs-top {
    transform: translate(0%, 0%);
}

/* .team-member__info {
    position: absolute;
    bottom: -85px;
} */

.team-member__hover-title {
    text-transform: capitalize;
    font: 22px/26px 'NeueHaasGroteskMedium';
    margin: 0px 0px 10px;
    color: #000;
}

.team-member__description {
    font: 18px/26px 'NeueHaasGroteskRegular';
    margin: 10px 0px 4px;
    color: #0F0F0F;
}

.team_member_popup_trigger:nth-child(even) .flip-card:hover {
    background-color: #97DACD;
}

.team_member_popup_trigger:nth-child(odd) .flip-card:hover {
    background-color: #B6B6DE;
}

.team_member_popup_trigger:nth-child(even) .odd-svgs-bottom,
.team_member_popup_trigger:nth-child(even) .odd-svgs-top,
.team_member_popup_trigger:nth-child(odd) .even-svgs {
    display: none;
    width: 0;
    height: 0;
}

.flip-card-front img {
    width: 100%
}

.team-member__name {
    font: 14px/26px 'NeueHaasGroteskRegular';
    margin: 10px 0px 5px;
    color: #0F0F0F;
    text-transform: uppercase;
    /* width:80%; */
}

.team-member__designation {
    font: 14px/16px 'NeueHaasGroteskMedium';
    /* margin: -2px 0px 60px; */
    text-transform: uppercase;
    min-height: 40px;
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}



/* Style the front side (fallback if image is missing) */
.flip-card-front {
    /*background-color: #bbb;*/
    /*color: black;*/
}

/* Style the back side */
.flip-card-back {
    color: white;
    transform: rotateY(180deg);
    background-size: auto;
    padding: 40px;
}

.row.quad-team>.col-md-3 {
    padding-left: 8px;
    padding-right: 8px;
}

.yellow-flip {
    background: url(../img/yellow-flip.png) no-repeat;
}

.light-green-flip {
    background: url(../img/light-green-flip.png) no-repeat;
}

.pink-flip {
    background: url(../img/pink-flip.png) no-repeat;
}

.lightpink-flip {
    background: url(../img/lightpink-flip.png) no-repeat;
}

.green-flip {
    background: url(../img/green-flip.png) no-repeat;
}

.violet-flip {
    background: url(../img/violet-flip.png) no-repeat;
}

.brown-flip {
    background: url(../img/brown-flip.png) no-repeat;
}

.emp_prof a {
    margin: 0px;
    color: #000 !important;
    display: inline-block;
    font: 14px/28px 'NeueHaasGroteskMedium';
    padding: 0px 10px;
}

.emp_prof {
    position: absolute;
    bottom: 5px;
    right: 20px;
    margin: 0;
    display: none;
}