/*----------------------------------------*/
/*  7.11 counter
/*----------------------------------------*/
.tp-counter-bg {
  background: linear-gradient(90deg, #f7f9f9 0%, #e8fafa 100%);
}
.tp-counter-count {
  font-size: 72px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-count {
    font-size: 50px;
  }
}
@media (max-width: 574.98px) {
  .tp-counter-count-wrap {
    display: block !important;
  }
}
.tp-counter-count-item:not(:last-child) {
  border-right: 1px solid rgba(7, 21, 22, 0.1);
  padding-right: 40px;
  margin-right: 40px;
  align-items: center;
}
@media (max-width: 574.98px) {
  .tp-counter-count-item:not(:last-child) {
    padding-right: 0;
    margin-right: 0;
    border: none;
    display: block;
    margin-bottom: 40px;
  }
}
.tp-counter-7-bigcount {
  font-size: 160px;
  letter-spacing: -0.05em;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-counter-7-bigcount {
    font-size: 100px;
  }
}
@media (max-width: 574.98px) {
  .tp-counter-7-bigcount {
    font-size: 56px;
  }
}
.tp-counter-7-smtitle {
  font-size: 20px;
  line-height: 142%;
}
.tp-counter-7-count {
  font-size: 62px;
  line-height: 110%;
  letter-spacing: -0.05em;
  line-height: 1;
}
.tp-counter-7-dec {
  font-size: 16px;
  letter-spacing: -0.05em;
}
.tp-counter-7-border {
  position: relative;
}
.tp-counter-7-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 44px;
  background: rgba(7, 21, 22, 0.2);
  right: -130px;
  top: 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-counter-7-border::before {
    right: -80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-counter-7-border::before {
    right: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-7-border::before {
    display: none;
  }
}
.tp-counter-7-shape {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-counter-7-shape-2 {
  position: absolute;
  top: 120px;
  left: 92px;
  z-index: -1;
}
.tp-counter-7-shape-3 {
  position: absolute;
  top: 120px;
  left: 20%;
  z-index: -1;
}
.tp-counter-7-shape-4 {
  position: absolute;
  top: 70px;
  right: 20%;
  z-index: -1;
}
.tp-counter-7-shape-5 {
  position: absolute;
  bottom: 260px;
  right: 10%;
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-7-bottom {
    justify-content: flex-start !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-2-pt {
    padding-top: 40px;
  }
}
.tp-counter-2-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.tp-counter-2-shape svg path {
  stroke-dasharray: 12 12;
  animation: tpDashMove 1s linear infinite;
}
.tp-counter-2-content .tp-counter-7-icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7e4fe;
  border-radius: 100px;
  position: relative;
  z-index: 1;
}
.tp-counter-2-content .tp-counter-7-count {
  font-size: 46px;
}
.tp-counter-2-content .tp-counter-7-dec {
  color: #5f556a;
}
.tp-counter-2-content.column-2 {
  transform: translateY(-53px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-2-content.column-2 {
    transform: translateY(0);
  }
}
.tp-counter-2-content.column-3 {
  transform: translateY(-28px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-2-content.column-3 {
    transform: translateY(0);
  }
}
.tp-counter-2-content.column-4 {
  transform: translateY(-126px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-2-content.column-4 {
    transform: translateY(0);
  }
}