.about {
  padding-bottom: 8%;
}

.box {
  display: flex;
  padding-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .box {
    flex-direction: column;
    padding-bottom: 0px;
  }
}
.box .infoBox {
  padding: 50px 50px 8%;
  border-top: 3px solid #000;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .box .infoBox {
    flex-direction: column;
    padding: 20px 20px 100px;
  }
}
.box .title {
  font-weight: 700;
  font-size: 2.25rem;
  margin: 0 0 30px;
  color: #6bcbc5;
}
@media screen and (max-width: 991px) {
  .box .title {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .box .title {
    font-size: 1.5rem;
  }
}
.box .description {
  color: #444444;
  font-size: 1.3125rem;
  font-weight: 300;
  max-width: 560px;
}
@media screen and (max-width: 991px) {
  .box .description {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .box .description {
    font-size: 1rem;
  }
}
.box .font {
  left: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  font-weight: 600;
  line-height: 0.7;
  bottom: 60px;
  color: #cccccc;
  font-size: 15vw;
  opacity: 0.4;
}
@media screen and (max-width: 767px) {
  .box .font {
    font-size: 5rem;
    bottom: 10px;
  }
}
.box .font2 {
  right: 0;
  bottom: 0;
  line-height: 0.7;
  position: absolute;
  font-size: 9.6vw;
  font-weight: 900;
  color: transparent;
  background: linear-gradient(to right, rgb(107, 203, 197) 0%, rgb(36, 97, 173) 33%, rgb(107, 203, 197) 66%, rgb(36, 97, 173) 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  animation: xx 3s linear infinite;
}
@media screen and (max-width: 767px) {
  .box .font2 {
    font-size: 3.125rem;
  }
}

@keyframes xx {
  from {
    background-position: center left;
  }
  to {
    background-position: center right;
  }
}/*# sourceMappingURL=about.css.map */