


.team-circle .team-photo  {
  border-radius: 0%;
  width: 170px;
  position: relative;
  z-index: 2;
}

.team-circle2 .team-photo2  {
  border-radius: 0%;
  width: 270px;
  position: relative;
  z-index: 2;
}

.team-circle3 .team-photo3  {
  border-radius: 0%;
  width: 150px;
  position: relative;
  z-index: 2;
}

.team-circle4 .team-photo4  {
  border-radius: 0%;
  width: 110px;
  position: relative;
  z-index: 2;
}
.team-circle5 .team-photo5  {
  border-radius: 0%;
  width: 190px;
  position: 50%;
  z-index: 2;
}
.team-circle6 .team-photo6  {
  border-radius: 0%;
  width: 110px;
  position: 50%;
  z-index: 2;
}
.team-circle7 .team-photo7  {
  border-radius: 0%;
  width: 110px;
  position: 50%;
  z-index: 2;
}
.team-circle8 .team-photo8  {
  border-radius: 0%;
  width: 600px;
  position: relative;
  z-index: 2;
}

.team-circle9 .team-photo9  {
  border-radius: 0%;
  width: 600px;
  position: relative;
  z-index: 2;
}

.team-circle .team-photo .expand-trigger {
  cursor: pointer;
  position: absolute;
  top: -12px;
  left: -12px;
  height: calc(100% + 12px);
  width: calc(100% + 12px);
  z-index: 3;
  border-radius: 50%;
  
}

.team-circle2 .team-photo2 .expand-trigger {
  cursor: pointer;
  position: absolute;
  top: -12px;
  left: -12px;
  height: calc(100% + 24px);
  width: calc(100% + 24px);
  z-index: 3;
  border-radius: 50%;
  
}

.team-circle4 .team-photo4 .expand-trigger {
  cursor: pointer;
  position: absolute;
  top: -12px;
  left: -12px;
  height: calc(100% + 0px);
  width: calc(100% + 0px);
  z-index: 3;
  border-radius: 50%;
  
}

.team-circle5 .team-photo5 .expand-trigger {
  cursor: pointer;
  position: absolute;
  top: -12px;
  left: -12px;
  height: calc(60% + 0px);
  width: calc(60% + 0px);
  z-index: 3;
  border-radius: 50%;
  
}

.team-circle6 .team-photo6 .expand-trigger {
  cursor: pointer;
  position: absolute;
  top: -12px;
  left: -12px;
  height: calc(100% + 0px);
  width: calc(100% + 0px);
  z-index: 3;
  border-radius: 50%;
  
}

.team-circle7 .team-photo7 .expand-trigger {
  cursor: pointer;
  position: absolute;
  top: -12px;
  left: -12px;
  height: calc(60% + 0px);
  width: calc(60% + 0px);
  z-index: 3;
  border-radius: 50%;
  
}

.team-circle8 .team-photo8 .expand-trigger {
  cursor: pointer;
  position: absolute;
  top: -12px;
  left: -12px;
  height: calc(100% + 0px);
  width: calc(100% + 0px);
  z-index: 3;
  border-radius: 50%;
  
}

.team-circle9 .team-photo9 .expand-trigger {
  cursor: pointer;
  position: absolute;
  top: -12px;
  left: -12px;
  height: calc(100% + 0px);
  width: calc(100% + 0px);
  z-index: 3;
  border-radius: 50%;
  
}

.team-circle .team-photo:hover .expand-trigger {
  opacity: 1;
}

.team-circle .team-photo:hover:before {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.team-circle .team-info {
  margin-top: 25px;
}

.team-circle .team-name {
  font-weight: 400;
  margin-bottom: 0;
}

.team-circle .team-title {
  color: #16a3fe;
  font-size: 13px;
  display: block;
  margin-bottom: 12px;
}

.team-circle .team-social li {
  display: inline-block;
  margin: 0 7px;
}

.team-circle .team-social li a .fa {
  font-size: 16px;
}

.team-profile {
  max-width: 1200px;
  margin: 30px auto;
  padding: 40px 35px;
  background: #fff;
  position: relative;

}


