:root {
  --grid-gutter-width: 30px;
  --border-opacity: 1;
}

@media (max-width: 767px) {
  :root {
    --grid-gutter-width: 40px;
  }
}
.team-listing__item {
  padding: 3rem 5rem;
  position: relative;
  text-align: left;
  border: none;
  border-bottom: 0.2px solid #b4bd9a !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  cursor: pointer;
  transition: background 0.3s;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
}
.team-listing__item:hover {
  background: rgba(255, 255, 255, 0.1);
}
.team-listing__item:after {
  content: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.42488" y1="16.3329" x2="6.72889" y2="10.1324" stroke="white" stroke-width="1.63191"/><line x1="9.4696" y1="8.18206" x2="0.788958" y2="0.756433" stroke="white" stroke-width="1.63191"/></svg>');
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translate(0, -50%);
}
.team-listing__item--link {
  border-bottom: none;
  padding: 3rem 5rem;
}
.team-listing__item--link:after {
  display: none;
}
.team-listing__item--link a {
  gap: 2.1rem;
  border: none;
}
.team-listing__item--link a span {
  font-family: "TT Firs Neue Normal", sans-serif;
}
.team-listing__item--link a:hover {
  border: none;
  color: #cdf35c;
}
.team-listing__item .h5 {
  width: 52%;
}
.team-listing__item .p2 {
  flex: 1;
}
.team-listing__item-img {
  position: absolute;
  height: 100%;
  width: 100%;
  animation: hoverDef 0.5s forwards;
}
.team-listing__item-img.active {
  animation: hoverSetRevers 0.5s forwards;
  z-index: 15 !important;
}
.team-listing__item-img.active img {
  transform: scale(1.05);
}
.team-listing__item-img.was-active {
  z-index: 14 !important;
}
.team-listing__item-img.was-active + .active {
  animation: hoverSet 0.5s forwards;
}
.team-listing__item-img img {
  position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1.8s;
}
.team-listing__in {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.5rem;
}
.team-listing__list {
  width: 66%;
}
.team-listing__list > h2 {
  max-width: 715px;
  margin-bottom: 12rem;
}
.team-listing__list-img {
  flex: 1;
}
.team-listing__list-img-in {
  position: relative;
  padding-bottom: 133%;
}

.team-carousel {
  margin: 0 -1rem;
}
.team-carousel .slick-list {
  overflow: visible;
}
.team-carousel__slide {
  width: 88vw;
}
.team-carousel__item {
  margin: 0 1rem;
  display: block;
  border-bottom: none !important;
}
.team-carousel__item-bio {
  padding: 2rem;
  background: rgba(255, 255, 255, 0.14);
  position: relative;
}
.team-carousel__item-bio:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" fill="none"><line x1="1.42488" y1="16.9994" x2="6.72889" y2="10.7989" stroke="%23CDF35C" stroke-width="1.63191"/><line x1="9.4696" y1="8.84905" x2="0.788958" y2="1.42342" stroke="%23CDF35C" stroke-width="1.63191"/></svg>');
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translate(0, -50%);
}
.team-carousel__item-img {
  padding-bottom: 132%;
  width: 100%;
  position: relative;
}
.team-carousel__item-img img {
  position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .team-listing {
    padding-top: 5rem;
  }
  .team-listing__button-mobile {
    gap: 1rem;
    margin-bottom: 4rem;
  }
  .team-listing__button-mobile svg {
    color: #cdf35c;
  }
}

/*# sourceMappingURL=team-listing.css.map */