.teacher h2 {
  transition: color 200ms;
}
.teacher img {
  display: block;
  border-radius: 8px;
  transition: transform 500ms;
}
.teacher .zoom-wrap {
  overflow: hidden;
  border-radius: 10px;
}
.teacher:hover img {
  transform: scale(1.1);
}
.teacher:hover h2 {
  color: #88b2b2;
}

.values {
  background-color: #126565;
  border-radius: 20px;
  margin-left: -40px;
  margin-right: -40px;
  overflow: hidden;
  padding: 40px 0;
  max-width: 1520px;
  margin: 0 auto;
}
.values h2 {
  color: #fff;
}
.values .value {
  opacity: 0.75;
  transition: opacity 500ms;
  padding: 30px 40px;
  background-color: #004544;
  transition: background-color 500ms;
  border-radius: 20px;
}
.values .value__icon {
  display: flex;
  align-items: center;
}
.values .value__icon img {
  display: block;
  object-fit: contain;
  height: 70px;
  width: 80px;
  filter: saturate(0) brightness(10);
  margin-right: 20px;
}
.values .value__icon h3 {
  font-family: "Rossanova", sans-serif;
  color: #fff;
}
.values .value__text {
  margin-top: 30px;
  filter: blur(3px);
}
.values .value.is-active {
  border: none !important;
  opacity: 1;
  background-color: #fff9ed;
}
.values .value.is-active h3 {
  color: inherit;
}
.values .value.is-active img {
  filter: saturate(1) brightness(1);
}
.values .value.is-active .value__text {
  filter: blur(0);
}

#classes .container {
  background-color: rgba(220, 232, 232, 0.75);
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 20px;
}

/*# sourceMappingURL=about.css.map */