.counter-block-two {
  position: relative;
  margin-bottom: 30px;
}
.counter-block-two .inner-box {
  position: relative;
  margin-top: 30px;
  transition: all 300ms ease;
}
@media (max-width: 575.98px) {
  .counter-block-two .inner-box {
    text-align: center;
  }
}
.counter-block-two .inner-box::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
}
body.tm-dark-layout .counter-block-two .inner-box::before {
  background-color: var(--theme-color-light);
}
.counter-block-two .inner-box:hover i {
  background-color: var(--theme-color1);
  color: #fff;
}
.counter-block-two .inner-box i {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 37px;
  border-radius: 3px;
  display: inline-block;
  margin: 0 auto;
  color: var(--theme-color1);
  box-shadow: 0 13px 57px rgba(0, 0, 0, 0.08);
  background-color: var(--theme-color-light);
  transition: all 300ms ease;
  text-align: center;
}
body.tm-dark-layout .counter-block-two .inner-box i {
  color: #fff;
}
@media (max-width: 575.98px) {
  .counter-block-two .inner-box i {
    position: relative;
    margin: 0 auto 20px;
  }
}
.counter-block-two .inner-box .content-box {
  position: relative;
  padding-left: 88px;
}
@media (max-width: 575.98px) {
  .counter-block-two .inner-box .content-box {
    padding-left: 0;
  }
}
.counter-block-two .inner-box .content-box .count-box {
  position: relative;
  font-size: 48px;
  line-height: 1em;
  font-weight: 700;
  color: var(--theme-color2);
}
.counter-block-two .inner-box .content-box .count-box .counter {
  font-weight: 700;
  line-height: 1em;
  font-size: 48px;
  color: var(--theme-color2);
}
body.tm-dark-layout .counter-block-two .inner-box .content-box .count-box .counter {
  color: #fff;
}