/** @format */

.stats {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 4em;
  margin-bottom: 4em;
  .stat {
    flex: 1 1 20%;
    @include media-breakpoint-down(md) {
      flex: 1 1 50%;
      margin-bottom: 1.5em;
    }
    text-align: center;
    gap: 1em;
    &__title {
      font-size: 3.5em;
      @include media-breakpoint-down(md) {
        font-size: 2.5em;
      }
      font-weight: bold;
      margin-bottom: 0.25em;
    }
    &__text {
      font-size: 1em;
      @include media-breakpoint-down(md) {
        font-size: 0.85em;
        padding-left: 0.5em;
        padding-right: 0.5em;
      }
      font-weight: normal;
      line-height: 1.5em;
    }
  }
}