.content {
  position: relative;
  margin-top: 50px;
}
@media (min-width: 835px) {
  .content {
    margin-top: 80px;
  }
}
.content-body {
  position: relative;
  font-size: 0.875rem;
  color: #fff;
  font-feature-settings: "palt";
  font-weight: 500;
  line-height: 1.7142857143;
  margin-bottom: 80px;
}
@media (max-width: 834px) {
  .content-body {
    padding: 0 8.33vw;
  }
}
@media (min-width: 835px) {
  .content-body {
    font-size: 1.125rem;
    display: inline-block;
    line-height: 2.2777777778;
    margin-bottom: 154px;
  }
}
.content-body .quoto_open {
  position: absolute;
  top: -13.03vw;
  left: 0vw;
  width: 26.04vw;
}
@media (min-width: 835px) {
  .content-body .quoto_open {
    position: absolute;
    top: -58px;
    left: -42px;
    width: 145px;
  }
}
.content-body .quoto_close {
  position: absolute;
  bottom: -8.34vw;
  right: 0vw;
  width: 26.04vw;
}
@media (min-width: 835px) {
  .content-body .quoto_close {
    position: absolute;
    bottom: -40px;
    right: -58px;
    width: 145px;
  }
}
.content-body .quoto_open,
.content-body .quoto_close {
  opacity: 0;
  transform: translateY(-20%);
  transition: all 0.8s 0.2s ease;
}
.-ready .content-body .quoto_open,
.-ready .content-body .quoto_close {
  opacity: 1;
  transform: translateY(0);
}
.content-body p {
  clip-path: inset(0 100% 0 0);
  transition: all 0.5s 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.content-body p:nth-of-type(2) {
  transition-delay: 0.2s;
}
.content-body p:nth-of-type(3) {
  transition-delay: 0.3s;
}
.content-body p:nth-of-type(4) {
  transition-delay: 0.4s;
}
.content-body p:nth-of-type(5) {
  transition-delay: 0.5s;
}
.-ready .content-body p {
  clip-path: inset(0 0 0 0);
}
.content-body .yellow {
  font-size: 1.125rem;
  color: #fff000;
  font-weight: 900;
}
@media (min-width: 835px) {
  .content-body .yellow {
    font-size: 1.375rem;
  }
}