.elementor-14569 .elementor-element.elementor-element-5ba0ebd{--display:flex;}.elementor-14569 .elementor-element.elementor-element-5ba0ebd.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-14569 .elementor-element.elementor-element-5ba0ebd{--width:90.794%;}}/* Start custom CSS *//* 1) The container: no default markers, reset counter */
.list-numbers {
  list-style: none !important;
  counter-reset: item;
  background-color: #3a3a3a;
  padding: 20px;
  border-radius: 8px;
  color: #fff;
}

/* 2) Each LI: step the counter, make room for our circle */
.list-numbers li {
  position: relative;
  counter-increment: item;
  margin-bottom: 15px;
  padding-left: 50px;
  list-style: none !important; /* just in case */
}

/* 3) Hide any browser or theme markers */
.list-numbers li::marker {
  display: none;
}

/* 4) Our green circle with white number */
.list-numbers li::before {
  content: counter(item);
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #39b949 !important;
  color: #fff !important;
  font-weight: bold;
  font-size: 1rem;
}/* End custom CSS */