#team2 .hero {
  height: 780px;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(/i/Team_hero.jpg) no-repeat center/cover;
}

#team2 .hero .contain {
  padding-top: 100px;
}

#team2 .hero h1 {
  font-family: 'sofia-pro';
  font-weight: 500;
  letter-spacing: 8.4px;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}

#team2 .hero h2 {
  font-size: 60px;
  font-weight: 100;
  color: #fff;
  line-height: 65px;
  color: #fff;
  text-align: center;
  margin: 20px auto 0 auto;
  max-width: 850px;
  font-family: 'PP Eiko Thin';
}

#team2 .sn2 {
  position: relative;
  padding: 170px 0;
  background: #F9F9F9;
}

#team2 .sn2 h3 {
  color: #134F5C;
  font-size: 38px;
  font-weight: 100;
  line-height: 53px;
  margin: 0 auto;
  max-width: 860px;
  font-family: 'PP Eiko Thin';
}

#team2 .sn2 .team-wrapper {
  margin-top: 150px;
}

#team2 .sn2 .team-wrapper .fx-slider {
  padding-top: 20px;
}

#team2 .sn2 .team-wrapper .fx-list > div {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
}

#team2 .sn2 .team-wrapper button.fx-nav {
  unset: all;
  border: none;
  background: #fff;
  outline: none;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid #D0CFCF;
  transition: all 0.5s ease;
}

#team2 .sn2 .team-wrapper button.fx-nav:hover, #team2 .sn2 .team-wrapper button.fx-nav.fx-on {
  background: #134F5C;
}

#team2 .sn2 .team-wrapper button.fx-nav:hover h4, #team2 .sn2 .team-wrapper button.fx-nav.fx-on h4 {
  color: #fff;
}

#team2 .sn2 .team-wrapper button.fx-nav:hover h5, #team2 .sn2 .team-wrapper button.fx-nav.fx-on h5 {
  color: #76B0BD;
}

#team2 .sn2 .team-wrapper .fx-slides button {
  unset: all;
  border: none;
  background: transparent url(/i/Close-X.svg) no-repeat center/cover;
  width: 80px;
  height: 80px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 20px;
}

#team2 .sn2 .team-wrapper .bio {
  font-family: 'PP Eiko Thin';
  font-weight: 100;
  color: #134F5C;
  font-size: 36px;
  line-height: 50px;
  margin: 0 auto;
  max-width: 1050px;
  padding: 70px 0;
}

#team2 .sn2 .team-wrapper .fx-slides > div > div {
  border-top: 1px solid #D0CFCF;
  margin-top: 15px;
  position: relative;
}

#team2 .sn2 .team-wrapper .fx-slides > div > div.b1::before {
  content: "";
  position: absolute;
  left: calc(16.66% - 10px);
  top: -10px;
  background: url(/i/pointer2.svg) no-repeat center/20px auto;
  display: block;
  width: 20px;
  height: 10px;
}

#team2 .sn2 .team-wrapper .fx-slides > div > div.b2::before {
  content: "";
  position: absolute;
  left: calc(50% - 10px);
  top: -10px;
  background: url(/i/pointer2.svg) no-repeat center/20px auto;
  display: block;
  width: 20px;
  height: 10px;
}

#team2 .sn2 .team-wrapper .fx-slides > div > div.b3::before {
  content: "";
  position: absolute;
  left: calc(83.33% - 10px);
  top: -10px;
  background: url(/i/pointer2.svg) no-repeat center/20px auto;
  display: block;
  width: 20px;
  height: 10px;
}

#team2 .sn2 .team-wrapper .name-wrapper {
  padding: 30px 20px 20px 20px;
  text-align: left;
}

#team2 .sn2 .team-wrapper h4 {
  font-family: 'PP Eiko Thin';
  font-weight: 100;
  font-size: 36px;
  color: #134F5C;
  text-align: left;
  transition: color 0.5s ease;
}

#team2 .sn2 .team-wrapper h4 span {
  font-family: "gotham";
  font-size: 20px;
  letter-spacing: 9.4px;
  text-transform: uppercase;
  font-weight: 400;
  color: #728A97;
  margin-left: 10px;
  position: relative;
}

#team2 .sn2 .team-wrapper h5 {
  font-family: 'sofia-pro';
  font-size: 22px;
  font-weight: 300;
  color: #626567;
  text-align: left;
  transition: color 0.5s ease;
}

#team2 .sn2 .team-wrapper img {
  width: 100%;
  display: block;
}

#team2 .sn2 .team-wrapper .fx-accordion .fx-slide {
  position: relative;
}

#team2 .sn2 .team-wrapper .fx-accordion .fx-slide button {
  unset: all;
  border: none;
  background: transparent url(/i/Close-X.svg) no-repeat center/cover;
  width: 80px;
  height: 80px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media all and (max-width: 1279px) {
  #team2 .sn2 .team-wrapper h4 {
    font-size: 30px;
  }
}

@media all and (max-width: 980px) {
  #team2 .sn2 .team-wrapper .bio {
    padding: 100px 0 50px 0;
  }
  #team2 .sn2 .fx-nav {
    margin-top: 20px;
  }
  #team2 .sn2 .team-wrapper .fx-slider {
    padding-top: 0;
  }
  #team2 .sn2 .team-wrapper button.fx-nav {
    margin: 20px auto 0 auto;
  }
}

@media all and (max-width: 767px) {
  #team2 .hero h2 {
    font-size: 35px;
    line-height: 45px;
  }
  #team2 .sn2 {
    padding: 100px 0;
  }
  #team2 .sn2 h3 {
    font-size: 25px;
    line-height: 38px;
  }
  #team2 .sn2 .team-wrapper {
    margin-top: 100px;
  }
  #team2 .sn2 .team-wrapper .bio {
    font-size: 25px;
    line-height: 38px;
  }
  #team2 .sn2 .team-wrapper h4 {
    font-size: 25px;
    line-height: 38px;
  }
  #team2 .sn2 .team-wrapper .bio {
    padding: 80px 0 50px 0;
  }
  #team2 .sn2 .team-wrapper .fx-accordion .fx-slide button {
    width: 60px;
    height: 60px;
  }
}