.stats-component .hero-stats .title {
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: 1px;
  color: #2f373f;
  text-transform: uppercase;
  max-width: 82%;
  font-weight: 400;
}

.stats-component .hero-stats ul.stats {
  margin-top: 37px;
  list-style: none;
}

.stats-component .hero-stats ul.stats .item {
  margin-bottom: 29px;
}

.stats-component .hero-stats ul.stats .item .value span {
  font-weight: 500;
  line-height: 0.93;
  letter-spacing: 1.52px;
}

.stats-component .hero-stats ul.stats .item .value span.n {
  font-size: var(--tp-n_tablet-size);
  line-height: var(--tp-n_tablet-height);
  font-weight: var(--font-medium);
  letter-spacing: -3.12px;
  color: var(--color-electric_indigo);
}

.stats-component .hero-stats ul.stats .item .value span.s {
  font-size: var(--tp-n_stats_decimal-size);
  line-height: var(--tp-n_stats_decimal-height);
  font-weight: var(--font-medium);
  letter-spacing: -1.12px;
  color: var(--color-electric_indigo);
}

.stats-component .hero-stats ul.stats .item .value span.t {
  font-family: var(--font-secondary);
  font-size: var(--ts-l-size);
  line-height: var(--ts-l-height);
  font-weight: var(--font-semibold);
  font-style: italic;
  color: var(--color-electric_indigo);
}

.stats-component .hero-stats ul.stats .item p {
  font-size: var(--tp-s-size);
  line-height: var(--tp-s-height);
  font-weight: var(--font-medium);
  color: var(--color-black);
  width: 80%;
}

@media (min-width: 768px) {
  .stats-component .hero-stats .title {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 2px;
    max-width: 78%;
  }
  .stats-component .hero-stats ul.stats {
    margin-top: 70px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .stats-component .hero-stats ul.stats .item {
    margin-bottom: 29px;
    width: 43%;
  }
  .stats-component .hero-stats ul.stats .item .value span {
    font-weight: 500;
    line-height: 0.93;
    letter-spacing: 1.52px;
  }
  .stats-component .hero-stats ul.stats .item .value span.n {
    font-size: var(--tp-n_tablet-size);
    line-height: var(--tp-n_tablet-height);
  }
  .stats-component .hero-stats ul.stats .item .value span.s {
    font-size: var(--tp-n_stats_decimal-size);
    line-height: var(--tp-n_stats_decimal-height);
  }
  .stats-component .hero-stats ul.stats .item .value span.t {
    font-size: var(--ts-l-size);
    line-height: var(--ts-l-height);
  }
  .stats-component .hero-stats ul.stats .item p {
    font-size: var(--tp-s-size);
    line-height: var(--tp-s-height);
    width: 80%;
  }
  .stats-component .hero-stats ul.stats:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .stats-component .hero-stats ul.stats:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media (min-width: 1360px) {
  .stats-component .hero-stats .title {
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 2px;
    max-width: 65%;
  }
  .stats-component .hero-stats ul.stats {
    margin-top: 70px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .stats-component .hero-stats ul.stats .item {
    margin-bottom: 29px;
    width: 43%;
  }
  .stats-component .hero-stats ul.stats .item .value span.n {
    font-size: var(--tp-n_desktop-size);
    line-height: var(--tp-n_desktop-height);
  }
  .stats-component .hero-stats ul.stats .item .value span.s {
    font-size: var(--tp-n_stats_decimal-size);
    line-height: var(--tp-n_stats_decimal-height);
  }
  .stats-component .hero-stats ul.stats .item .value span.t {
    font-size: var(--ts-xl-size);
    line-height: var(--ts-xl-height);
  }
  .stats-component .hero-stats ul.stats .item p {
    font-size: var(--tp-s-size);
    line-height: var(--tp-s-height);
  }
  .stats-component .hero-stats ul.stats:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .stats-component .hero-stats ul.stats:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}