/* Default  */
.tf-team .image-team {
  position: relative;
  margin-bottom: 25px;
}


.tf-team .image-team .inner-image {
  border-radius: 16px;
  overflow: hidden;
  z-index: 5;
  position: relative;
}

.tf-team .image-team .inner-image .social {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    border-radius: 16px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    background: #24272C;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 5;
    width: max-content;
}

.tf-team:hover .image-team .inner-image .social {
  opacity: 1;
  visibility: visible;
  bottom: 32px;
}

.tf-team .image-team img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.tf-team:hover .image-team img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.tf-team .social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.tf-team .social a {
  padding: 0 20px;
  border: unset;
  border-right: 1px solid rgba(255, 255, 255, 0.2);  ;
  color: #fff;
  font-size: 18px;
}

.tf-team .social a:hover {
  color: var(--theme-primary-color);
}

.tf-team .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.tf-team .position {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;  
  color: #5F615E;
}

.tf-team .name {
  font-size: 20px;
  font-weight: 500;
  line-height: 25.2px;  
  color: #24272C;
  margin-bottom: 2px;
}

.tf-team .content-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 8px;
}

.tf-team .content-right a {
  width: 38px;
  height: 38px;
  border: 1px solid #ECECEC;
  border-radius: 50%;
  color: #5C5E61;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tf-team .content-right a:hover {
  color: #fff;
  background: var(--theme-primary-color);
}