@media screen and (max-width: 767px) {
  .is-hidden-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .is-hidden-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}

.section-stats {
  padding: 70px 0;
}

.section-stats.pink-bg {
  background: #FEEDF0;
}

.section-stats.light-bg {
  background: #f3f2ee;
}

.section-stats.dark-bg {
  background: #2e3f4b;
}

.section-stats.green-bg {
  background: #9BB0BC;
}

.section-stats.dark-green-bg {
  background: #2f4356;
}

.section-stats .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-stats .stat-item {
  text-align: center;
  height: 100%;
  padding: 10px 20px;
}

.section-stats .stat-number {
  margin: 0 0 20px;
  font-size: 7rem;
  line-height: .95;
  font-weight: 700;
  color: #2f4356;
}

.section-stats .stat-text {
  margin: 0;
  font-size: 2rem;
  line-height: 1.25;
  color: #2f4356;
}

.section-stats.dark-bg .stat-number,
.section-stats.dark-bg .stat-text,
.section-stats.dark-green-bg .stat-number,
.section-stats.dark-green-bg .stat-text {
  color: #fff;
}

@media (max-width: 1024px) {
  .section-stats {
    padding: 55px 0;
  }

  .section-stats .stat-number {
    font-size: 5.4rem;
    margin-bottom: 16px;
  }

  .section-stats .stat-text {
    font-size: 1.7rem;
  }
}

@media (max-width: 767px) {
  .section-stats .stat-item {
    padding: 12px 10px;
  }

  .section-stats .stat-number {
    font-size: 4.6rem;
  }

  .section-stats .stat-text {
    font-size: 1.5rem;
  }
}

@media (max-width: 450px) {
  .section-stats {
    padding: 40px 0;
  }

  .section-stats .stat-item {
    padding: 18px 10px;
  }

  .section-stats .stat-number {
    font-size: 4rem;
    margin-bottom: 12px;
  }

  .section-stats .stat-text {
    font-size: 1.35rem;
    line-height: 1.35;
  }
}

.section-stats.margin-top {
  margin-top: 100px;
}

.section-stats.margin-bottom {
  margin-bottom: 100px;
}

@media (max-width: 1024px) {
  .section-stats.margin-top {
    margin-top: 70px;
  }

  .section-stats.margin-bottom {
    margin-bottom: 70px;
  }
}