@use "../../../../src/scss/utilities.scss";
.resultsAchieved {
  &__title,
  &__subtitle {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.37;
    text-align: center;
    color: var(--a-negro-unops);
    @media (max-width: 991.98px) {
      font-size: 25px;
    }
  }
  &__footer {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    color: var(--a-negro-unops);
  }
  &__counters {
    &--item {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column;
      .counters,
      .additionalText {
        @extend %VFSans-font;
        font-size: 45px;
        font-weight: 900;
        line-height: 1.22;
        letter-spacing: 1.88px;
        text-align: center;
        color: var(--a-azul-unops);
      }
      .additionalText {
        position: relative;
        top: 6px;
      }
      .description {
        @extend %VFSans-font;
        font-size: 20px;
        line-height: 1.5;
        color: #004976;
        strong {
          font-weight: 600;
        }
      }
    }
  }
}