.team-members-element {
  background-color: #ebebeb;
  color: #04042b;
}
.team-members-element .team-member-image {
  background-image: url("/backgrounds/team-backgound-image.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 23px;
  overflow: hidden;
}
.team-members-element .team-member-image img {
  width: 100%;
}
.team-members-element .team-member-details {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #04042b;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .team-members-element .team-member-details {
    min-height: 100px;
  }
}
.team-members-element .team-member-details .team-member-info {
  flex: 1;
}
.team-members-element .team-member-details .team-member-socials {
  flex: 0 0 32px;
}
.team-members-element .team-member-details .team-member-socials a {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background-color: #4566fe;
  border: 1px solid #4566fe;
  transition: all 0.25s ease;
}
.team-members-element .team-member-details .team-member-socials a svg {
  width: 16px;
  fill: #ffffff;
  transition: all 0.25s ease;
}
.team-members-element .team-member-details .team-member-socials a:hover {
  background-color: transparent;
}
.team-members-element .team-member-details .team-member-socials a:hover svg {
  fill: #4566fe;
}
.team-members-element .team-member-description {
  line-height: 1.5;
}
.team-members-element .team-member-wrapper {
  position: relative;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .team-members-element .team-member-wrapper {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .team-members-element .team-member-wrapper {
    flex: 0 0 25%;
  }
}
@media (min-width: 1400px) {
  .team-members-element .team-member-wrapper {
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-md-1 {
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-md-2 {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-lg-1 {
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-lg-2 {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-lg-3 {
    flex: 0 0 33%;
  }
}
@media (min-width: 992px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-lg-4 {
    flex: 0 0 25%;
  }
}
@media (min-width: 992px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-lg-5 {
    flex: 0 0 20%;
  }
}
@media (min-width: 1400px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-xxl-1 {
    flex: 0 0 100%;
  }
}
@media (min-width: 1400px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-xxl-2 {
    flex: 0 0 50%;
  }
}
@media (min-width: 1400px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-xxl-3 {
    flex: 0 0 33%;
  }
}
@media (min-width: 1400px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-xxl-4 {
    flex: 0 0 25%;
  }
}
@media (min-width: 1400px) {
  .team-members-element .team-member-wrapper.team-member-wrapper-xxl-5 {
    flex: 0 0 20%;
  }
}
/*# sourceMappingURL=../../../dist/css/maps/elements/team-members.css.map */