.team {
  padding-top: 7em;
  padding-left: 1em;
  padding-right: 1em;
}

.team-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3em;
}

.team-navigations {
  display: flex;
  gap: 0.6em;
  z-index: 2;
}

.team-navigations img {
  display: block;
  width: 40%;
  transition: all 0.3s ease-out;
}

.team-prev,
.team-next {
  width: 4.5em;
  height: 4.5em;
  border-radius: 0.4em;
  background-color: var(--gray-3);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.team-prev:hover,
.team-next:hover {
  background-color: var(--purple);
}

.team-prev:hover img,
.team-next:hover img {
  filter: invert(1) brightness(999);
}

.team-item {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  width: calc(50% - 0px) !important;
}

.team-item__image {
  width: calc(50% - 1em / 2);
}
.team-item__image img {
  display: block;
  width: 100%;
  border-radius: 0.6em;
}

.team-item__text {
  width: calc(50% - 1em / 2);
}

.team-item__text h3 {
  font-size: 1.7em;
  margin-bottom: 0.3em;
  line-height: 1.2;
}

.team-item__text p {
  color: var(--gray-1);
  font-weight: 600;
  font-size: 0.8em;
}

.team-item__text h5 {
  color: var(--gray-1);
  font-size: 1.15em;
  line-height: 1.3;
  font-weight: 600;
  margin-top: 1.2em;
}

@media only screen and (max-width: 767px) {
  .team-item {
    flex-direction: column;
  }

  .team-item__text,
  .team-item__image {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .team-item {
    width: 100% !important;
  }
}