html {
  font-size: 10px;
}

@media (max-width: 1550px) {
  html {
    font-size: 7px;
  }
}
.section-team .title {
  margin-bottom: 4.8rem;
}
.section-team .team-box {
  background-color: #EDF2F7;
  border-radius: 15px;
  cursor: pointer;
  height: auto;
  margin: 1.2rem 0;
  padding: 2rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  perspective: 1000px;
}
.section-team .team-box-hover {
  background-color: #008EB2;
  border-radius: 15px;
  padding: 1.5rem;
  z-index: 5;
}
.section-team .team-box-hover .inner {
  margin-bottom: 2rem;
}
.section-team .team-box-hover h4 {
  color: #fff;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 3.4rem;
  margin-bottom: 1rem;
}
.section-team .team-box-hover small {
  color: #fff;
  font-size: 1.5rem;
}
.section-team .team-box-hover p {
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.section-team .team-pic img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.flip-box {
  background-color: transparent;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-back {
  position: absolute;
  top: 0;
}
.flip-box-front img{
  
  max-width: 100%;
}
.flip-box-front,
.flip-box-back {
  width: 100%;
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
  backface-visibility: hidden;
}
.flip-box-front{
  height: auto !important;
}

.flip-box-back {
  transform: rotateY(180deg);
}/*# sourceMappingURL=about-us.css.map */