.counter-optic {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: var(--bg-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .counter-optic {
    padding-top: 78px;
    padding-bottom: 77px;
  }
}
@media (min-width: 768px) {
  .counter-optic .counter-optic-inner {
    padding: 50px 67px;
    background-color: #FFFFFFB2;
    border-radius: 14px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991.98px) {
  .counter-optic .counter-optic-inner {
    padding: 50px 20px;
  }
}
.counter-optic .counter-optic-inner .main-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0;
}
@media (min-width: 992px) {
  .counter-optic .counter-optic-inner .main-text {
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 0;
  }
}
.counter-optic .about__columns {
  display: flex;
  gap: 20px;
}
@media (min-width: 768px) {
  .counter-optic .about__columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.counter-optic .about__columns .column .logo img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.counter-optic .about__columns .column .text-top {
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -2px;
  white-space: nowrap;
}
.counter-optic .about__columns .column .text-top .js-count-up {
  margin-right: 5px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .counter-optic .about__columns .column .text-top {
    font-size: 32px;
  }
}
.counter-optic .about__columns .column .text-bottom {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0%;
}

/*# sourceMappingURL=counter-optic.css.map */