@use '../utilities';
.countersBlockData[data-co-59534] {
  .countersBlock {
    &__title,
    &__subtitle {
      @extend %VFSans-font;
      font-size: 35px;
      line-height: 1.37;
      font-weight: 600;
      text-align: center;
      color: var(--a-negro-unops);
      @media (max-width: 991.98px) {
        font-size: 25px;
      }
    }
    &__titleBlock {
      margin-bottom: 0px;
      @extend %VFSans-font;
      font-size: 30px;
      font-weight: 600;
      color: var(--b-medianoche);
    }
    &__titleCounter {
      @extend %VFSans-font;
      font-size: 45px;
      font-weight: 900;
      line-height: 1.22;
      letter-spacing: 1.88px;
      text-align: center;
      color: var(--b-medianoche);
      margin-bottom: 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    &__descriptionCounter {
      @extend %VFSans-font;
      font-size: 20px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #333;
      margin-bottom: 4rem;
    }
    &__counters {
      &--item {
        position: relative;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        @media (max-width: 767.98px) {
          padding-bottom: 3rem;
        }
        &::before {
          content: "";
          position: absolute;
          right: 0%;
          top: 0%;
          width: 1px;
          height: 100%;
          background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23004976FF' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
          @media (max-width: 767.98px) {
            top: auto;
            bottom: 0%;
            left: 0%;
            right: auto;
            width: 100%;
            height: 1px;
          }
        }
        &:last-child {
          &::before {
            content: none;
          }
        }

        .title,
        .description {
          @extend %VFSans-font;
        }
        .title {
          &,
          .odometer {
            font-size: 40px;
            font-weight: 900;
            line-height: 1.38;
            letter-spacing: 1.67px;
            color: var(--a-azul-unops);
          }
        }
        .description {
          font-size: 20px;
          font-weight: 600;
          line-height: 1.5;
          letter-spacing: normal;
          color: #333;
          p {
            margin-top: 0rem;
            margin-bottom: 0rem;
          }
        }
      }
    }
  }
}