.section-wrapper.team {
  background: var(--c-primary);
  position: relative;
}
.btns--box.btns__team {
  margin-top: min(5.1rem, 4vw);
}

.team-imgtitle {
  max-width: 39rem;
  margin-bottom: 2rem;
}

.team--imgs {
  display: grid;
  grid-template-columns: repeat(17, 5.8%);
  grid-template-rows: repeat(1, 5.8%);
  /* grid-template-columns: repeat(17, 3.8rem); */
  /* grid-template-rows: repeat(10, 3.8rem); */
}
.mobile .team--imgs {
  grid-template-columns: repeat(17, 7.5%);
  grid-template-rows: repeat(1, 7.5%);
}
.team--content {
  color: var(--c-white);
  margin-top: 3rem;
}
.team--content .team__editor {
  font-size: var(--fs-18);
}
.img__team {
  width: 100%;
  background-color: var(--c-primary-500);
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  aspect-ratio: 7 / 10;
  height: 100%;
}
.img__team .img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.img__team img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.img-team-wrap {
  width: 100%;
  padding: 0.7rem;
}
.sw--team {
  width: 100%;
  height: 100%;
  /* height: 9rem; */
  border-radius: 0.8rem;
  overflow: hidden;
}
.team--imgs .swiper {
  width: 100%;
  height: 100%;
}
.team--imgs .swiper-slide {
  transition-timing-function: var(--ease2);
  width: 100% !important;
}

.team--imgs .manager img {
  position: static;
}
#img0 {
  grid-column: 6 / 2 span;
  grid-row: 1 / 2 span;
}
#img1 {
  grid-column: 3 / 3 span;
  grid-row: 2 / 3 span;
}

#img2 {
  grid-column: 1 / 2 span;
  grid-row: 3 / 2 span;
}
#img3 {
  grid-column: 1 / 2 span;
  grid-row: 5 / 2 span;
}
#img4 {
  grid-column: 3 / 3 span;
  grid-row: 5 / 3 span;
  /* height: 16rem; */
}
#img5 {
  grid-column: 4 / 2 span;
  grid-row: 8 / 2 span;
}
#img6 {
  grid-column: 6 / 3 span;
  grid-row: 8 / 3 span;
  /* height: 16rem; */
}
#img7 {
  grid-column: 9 / 2 span;
  grid-row: 8 / 2 span;
}
#img8 {
  grid-column: 11 / 2 span;
  grid-row: 4 / 2 span;
}
#img9 {
  grid-column: 11 / 3 span;
  grid-row: 6 / 3 span;
}

#img11 {
  grid-column: 14 / 2 span;
  grid-row: 6 / 2 span;
}
#img12 {
  grid-column: 14 / 2 span;
  grid-row: 8 / 2 span;
}
#img13 {
  grid-column: 16 / 2 span;
  grid-row: 7 / 2 span;
}
#img14 {
  grid-column: 11 / 3 span;
  grid-row: 9 / 3 span;
}
#img10 {
  grid-column: 6 / 5 span;
  grid-row: 3 / 5 span;
}
#img11 .img__team,
#img14 .img__team,
#img6 .img__team,
#img1 .img__team {
  /* background-color: var(--c-primary-500); */
}
/* .mobile .team--content .btns--box .btn:first-child {
  width: 100%;
  flex: none;
}
.mobile .team--content .btns--box .btn {
  flex: 1;
} */
.mobile .team-imgtitle {
  max-width: 30rem;
  margin-right: auto;
  margin-left: auto;
}
.team--content .heading--right {
  margin-bottom: 1rem;
}
/* team btn */
.teams-btn {
  display: flex;
  align-items: center;
  gap: 2.7rem;
  margin-top: 3rem;
}
.teams-btn--badge {
  width: 9.1rem;
  height: 9.1rem;
  background-color: var(--c-primary-500);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-white);
  border-radius: 50%;
  font-size: 4.2rem;
  position: relative;
  flex: none;
}
.teams-btn--badge .icon {
  display: flex;
  position: relative;
  width: 4rem;
}

.teams-btn--badge .num {
  position: absolute;
  top: 0;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background-color: var(--c-secondary);
  font-size: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  right: 0;
  font-weight: bold;
  font-family: var(--ff-en);
}
.teams-btn--title {
  display: flex;
  flex-direction: column;
}
.teams-btn--title .en {
  font-size: var(--fs-26);
  color: var(--c-secondary);
  text-transform: uppercase;
  font-family: var(--ff-en);
  font-weight: bold;
  line-height: 1.5;
}
.teams-btn--title .fa {
  font-size: var(--fs-20);
  font-variation-settings: var(--fw-500);
  line-height: 1.4;
}
.teams-btn--title .subtitle {
  font-size: var(--fs-16);
}
.portfolio--tabs .text-center {
  margin-top: 4rem;
}
.btns__portfolio {
  justify-content: center;
  margin-bottom: 6rem;
}
/**************************/
/* BELOW 360px */
/**************************/
@media (min-width: 22.5em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 36em) {
}

/**************************/
/* ABOVE 800px */
/**************************/

@media (min-width: 50em) {
  .img-team-wrap {
    padding: 1rem;
  }
  .team-wrapper {
    display: flex;
    align-items: start;
    padding: 0 calc(var(--padding-section-base) * 5);
  }
  .team--imgs {
    width: 52%;
    flex: none;
  }
  .team--content {
    flex: 1;
    padding: 0 7rem;
  }
  .team-imgtitle {
    margin-right: -16rem;
  }
  .team--content {
    margin-top: 7rem;
  }
}