.bg-primary {
  background-color: #0F9D58 !important;
}

.text-primary {
  color: #0F9D58 !important;
}

.hover\:text-primary:hover {
  color: #0F9D58 !important;
}

.border-primary {
  border-color: #0F9D58 !important;
}

.focus\:border-primary:focus {
  border-color: #0F9D58 !important;
}

/* For the hover states that use primary */
.hover\:bg-primary:hover {
  background-color: #0F9D58 !important;
}

/* For darker variant used in some hover states */
.hover\:bg-blue-dark:hover {
  background-color: #0b8043 !important;
} 


/* Target only top-level ol with custom counter */
ol.custom-numbered {
  counter-reset: step;
  list-style: none;
  padding-left: 1.5rem;
}

/* Only apply to direct children of ol.custom-numbered */
ol.custom-numbered > li {
  counter-increment: step;
  position: relative;
  padding-left: 1.5rem;
}

ol.custom-numbered > li::before {
  content: counter(step) ". ";
  position: absolute;
  left: 0;
  font-weight: bold;
}

/* Restore bullet style for ul inside ol li */
ol.custom-numbered li ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}

/* Optional: restore number style for nested ol */
ol.custom-numbered li ol {
  list-style-type: decimal;
  padding-left: 1.25rem;
}

.custom-bullets {
  list-style-type: disc;    /* Use disc bullet */
  padding-left: 1.5rem;     /* Space between bullet and content */
  margin: 1rem 0;           /* Optional: vertical spacing */
}

.custom-bullets li {
  margin-bottom: 0.25rem;   /* Optional: space between list items */
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}