.custom-dropdown {
    position: relative;
    width: 100%;
}

.custom-dropdown .selected-option {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    background: transparent;
}

.custom-dropdown .dropdown-list {
    position: absolute;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: none;
    background: #000;
    display: none;
    z-index: 10;
}

.custom-dropdown .search-input {
    background: #000;
    color: #fff;
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    border-bottom: 1px solid #ddd;
}

.custom-dropdown .search-input::placeholder {
    color: white !important;
}

.custom-dropdown .dropdown-item {
    padding: 8px;
    cursor: pointer;
    color: white;
}

.custom-dropdown .dropdown-item:hover {
    background: #fff !important;
    color: #000;
}

.hidden {
    display: none;
}