.custom-select {
    position: relative;
    background: none;
}

.selected-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    background-clip: padding-box;
}

.selected-option:hover,
.selected-option:focus {
    border-color: #8fb5e2;
}

.arrow-icon {
    margin-left: 5px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #a5a9b1 transparent transparent transparent;
}
.arrow-icon.up {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #a5a9b1 transparent;
}

.options-container {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    z-index: 100;
}

.options-container-option {
    max-height: 200px;
    overflow-y: auto;
}

.option {
    padding: 10px;
    cursor: pointer;
}

.option:hover,
.option.selected {
    background-color: #f5f5f5 !important;
}

.option.defaultSelect {
    background: rgba(0, 180, 255, 0.075);
}

.search-input {
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
}