.stat-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: max(1rem, calc(1 * var(--su)));
  color: var(--odnhn-white-100);
  z-index: 2;
  background-color: var(--odnhn-lime);
  padding: max(1.5rem, calc(1.5 * var(--su)));
  width: max(16.25rem, calc(16.25 * var(--su)));
  max-width: 80%;
  border-radius: var(--general-border-radius-small);
  position: absolute;
  left: max(1.5rem, calc(2 * var(--su)));
  bottom: max(1.5rem, calc(2 * var(--su)));
}

.stat-wrapper .number-wrapper {
  font-size: max(2.5rem, calc(2.5 * var(--su)));
  line-height: .8;
  display: flex;
  align-items: center;
  font-weight: 400;
}

.stat-wrapper .text {
    font-weight: 300;;
}

@media screen and (max-width: 767px) {

    .stat-wrapper {
      max-width: 80%;
    }
    
}