.options-container {
  display: flex;
  flex-direction: row; /* Ensure main options are in a row */
  align-items: flex-start; /* Align items at the start for better layout */
}

.options-container > div {
  position: relative;
  display: flex;
  flex-direction: row; /* Align items horizontally */
  align-items: center;
}

.child-options {
  margin-left: 20px; /* Space between the parent option and its children */
  display: flex;
  flex-direction: row; /* Stack child options vertically */
  padding-left: 5px;
  background-color: white;
}

.child-options > div {
  margin-right: 15px; /* Space between child options */
}

.custom-items-center {
  align-items: center;
  font-family: Open Sans;
  text-align: left;
  color: #344054;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  padding: 5px;
}

/* Add margin between main options */
.options-container > div {
  margin-right: 15px;
}

/* Active parent option background */
.options-container > div.active {
  background-color: #edf5ff; /* Use bg-sky-50 if using Tailwind CSS */
}

/* Child options background */
.child-options > div {
  background-color: #fff; /* Ensure child options have a white background */
}

.options-container {
  display: flex;
  flex-direction: row; /* Ensure main options are in a row */
  align-items: flex-start; /* Align items at the start for better layout */
}

.options-container > div {
  position: relative;
  display: flex;
  flex-direction: row; /* Align items horizontally */
  align-items: center;
}

.child-options {
  margin-left: 20px; /* Space between the parent option and its children */
  display: flex;
  flex-direction: row; /* Stack child options vertically */
  padding-left: 5px;
  background-color: white;
}

.child-options > div {
  margin-right: 15px; /* Space between child options */
}

.custom-items-center {
  align-items: center;
  font-family: Open Sans;
  text-align: left;
  color: #344054;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  padding: 5px;
}

/* Add margin between main options */
.options-container > div {
  margin-right: 15px;
}

/* Active parent option background */
.options-container > div.active {
  background-color: #edf5ff; /* Use bg-sky-50 if using Tailwind CSS */
}

/* Child options background */
.child-options > div {
  background-color: #fff; /* Ensure child options have a white background */
}