.modal .modal-dialog-extend {
  max-width: 55%;
}

.modal .modal-dialog-extend #extend-input:focus-visible {
  outline: none;
  border: 0.5px solid var(--neutral-03, rgba(228, 228, 228, 0.60));
}

.modal .modal-dialog-extend #extend-input::placeholder {
  color: var(--neutral-09, rgba(228, 228, 228, 0.60));
  font-size: 1rem;
  font-weight: 500;
}

.modal .modal-dialog-extend .btn-extend-modal {
  padding: 12px 32px;
  line-height: normal;
}

.modal .modal-dialog-extend .modal-content {
  padding: 16px;
  border-radius: 35px;
}

.modal-dialog-extend .modal-header {
  border-bottom: none;
}

.modal-dialog-extend .modal-header .btn-close {
  transform: translate();
}

.requireStar{
  color: var(--red-main, #CC3A3D);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
}

#extend-select {
  height: 50px;
  flex-shrink: 0;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid var(--divider-light-1-px-60, rgba(228, 228, 228, 0.60));
  background: var(--Colors-Neutral-White, #FFF);
  overflow-y: auto;
}

#extend-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add custom arrow icon */
  background-image: url('../../public/img/chevron-down.png');
  background-repeat: no-repeat;
  background-position: right center;
  /* Optionally adjust padding to make space for the arrow */
  padding-right: 30px;
}

/* select option {
  overflow-y: scroll;
  max-height: 100px;
  height: 30px;
} */

.nice-select .list {
  border-radius: 0px;
  height: 200px;
  overflow-y: auto;
}