.dropdown-container .Select-control {
    font-family: var(--font-family);
}

.dropdown-container .Select--multi {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
}

.dropdown-container .Select--multi .Select-value {
    background-color: var(--dropdown-background-color);
    border-color: var(--dropdown-border-color);
    border-radius: 10px;
    color: var(--dropdown-text-color);
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
  }

.dropdown-container .is-focused:not(.is-open)>.Select-control {
    border-color: var(--dropdown-border-color);
    box-shadow: inset 0 1px 1px #fff
}

.dropdown-container .Select--multi .Select-value{
    border: none; /* Remove any border that might be appearing as a separator */
    background-color: var(--dropdown-selected-background-color);
}

.dropdown-container .Select--multi .Select-value-icon {
    border-right: 1px solid var(--dropdown-selected-background-color);
    font-size: 18px;
    border-radius: 10px;
}

.dropdown-container .Select--multi .Select-value-icon:hover {
    border-right: 1px solid var(--dropdown-selected-background-color);
    background-color: var(--dropdown-selected-background-color);
    color: var(--red);
}

.dropdown-multi-select .Select-control {
    border-radius: 10px; /* Round the borders of the dropdown control */
}

.dropdown-multi-select .Select-menu-outer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.dropdown-multi-select .Select-control .Select-multi-value-wrapper {
    width: 100%;
    max-height: 200px; /* Set maximum height */
    overflow-y: auto;  /* Enable vertical scrolling */
}

.dropdown-single-select .Select-control {
    border-radius: 10px; /* Round the borders of the dropdown control */
}

.dropdown-single-select .Select-menu-outer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.dropdown-single-select .Select-control .Select-multi-value-wrapper {
    width: 100%;
}