.counter-box {
  display: block;
  /*background: #f6f6f6;*/
  padding: 40px 20px 37px;
  text-align: center;
}

.counter-box p {
  margin: 5px 0 0;
  padding: 0;
  /* color: var(--text-body) !important;*/
  font-size: 18px;
  font-weight: 500;
}

.counter-box i {
  font-size: 60px;
  margin: 0 0 15px;
  color: #d2d2d2;
}

.counter {
  display: block;
  /*font-size: 32px;*/
  /*font-weight: 700;*/
  /* color: #666;*/
  line-height: 28px;
}

.counterB {
  display: block;
  /*font-size: 20px;*/
  /*font-size: 32px;*/
  /*font-weight: 700;*/
  color: #666;
  line-height: 28px;
}

.counter-box.colored {
  background-color: var(--text-body);
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
  color: var(--bg-body) !important;
}