.stp-counter{
  --num-color: #B01632;
  --label-color: #1E3245;
  --num-size: 72px;     /* Desktop (Fallback) */
  --label-size: 22px;   /* Desktop (Fallback) */
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.stp-counter .stp-num{
  font-weight: 800;
  line-height: 1;
  font-size: var(--num-size);
  color: var(--num-color);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.stp-counter .stp-label{
  font-weight: 400;
  line-height: 1.25;
  font-size: var(--label-size);
  color: var(--label-color);
}

/* Tablet */
@media (max-width:1024px){
  .stp-counter{
    --num-size: var(--num-size-tab, var(--num-size));
    --label-size: var(--label-size-tab, var(--label-size));
  }
}
/* Mobile */
@media (max-width:640px){
  .stp-counter{
    --num-size: var(--num-size-mob, var(--num-size));
    --label-size: var(--label-size-mob, var(--label-size));
  }
}