.mwb-team {
  position: relative;
}

.mwb-team__wrapper .mwb-team__card-col-img img {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.mwb-team__card-col-wrap {
  position: relative;
}


.mwb-team__wrapper .mwb-team__card-col-wrap {
  overflow: hidden;
}

.mwb-team__wrapper .mwb-team__card-icon {
  display: inline-block;
  margin-right: 10px;
}

.mwb-team__card .mwb-team__card-icon:last-child {
  margin-right: 0;
}

.mwb-team__card-name {
  margin: 0 0 5px 0;
}

.mwb-team__card-name .mwb-team__card-link,
.mwb-team__card-name .mwb-team__card-link:hover {
  font-weight: 500;
}

.mwb-team__card .mwb-team__card-icon svg {
  display: block;
  margin-right: 24px;
}

.mwb-team__card-col-img img {
  display: block;
  width: 100%;
}

.mwb-team__card-icon svg:last-child {
  margin-right: 0;
}

.mwb-team__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.mwb-team__card .mwb-team__card-three,
.mwb-team__card .mwb-team__card-four {
  flex: 0 0 100%;
  margin-bottom: 40px;
  max-width: 100%;
}

.mwb-team .mwb-team__card-col-content {
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease-in-out 0s;
  width: 100%;
}

.mwb-team__card-col-overlay {
  bottom: 0;
  height: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease-in-out 0s;
  width: 100%;
}

.mwb-team .mwb-team__card-col-wrap:hover > .mwb-team__card-col-content {
  opacity: 1;
  bottom: 5%;
}

.mwb-team .mwb-team__card-four .mwb-team__card-col-wrap:hover > .mwb-team__card-col-content {
  top: 75%;
}

.mwb-team .mwb-team__card-col-wrap:hover .mwb-team__card-col-overlay {
  opacity: 1;
}

.mwb-team__card-icon svg {
  height: 24px;
  width: 24px;
}

@media only screen and (min-width: 768px) { 
  .mwb-team__card .mwb-team__card-three {
    flex: 0 0 50%;
    margin-right: 45px;
    max-width: calc(50% - 23px);
  }

  .mwb-team__card .mwb-team__card-three:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) { 
  .mwb-team__card .mwb-team__card-three {
    flex: 0 0 33.33%;
    margin-right: 45px;
    max-width: calc(33.33% - 30px);
  }

  .mwb-team__card .mwb-team__card-three:nth-child(2n) {
    margin-right: 45px;
  }

  .mwb-team__card .mwb-team__card-three:nth-child(3n) {
    margin-right: 0;
  }
}

.mwb-team__card-designation {
  margin: 0 0 15px 0;
}

.mwb-team .mwb-team__card-col .mwb-team-card-social {
  margin-top: 15px;
}