.select-custom {
    position: relative;
    /* font-family: Arial; */
}

.select-custom select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: #1e90ff00;
    padding: 0px 10px !important;
    border-bottom: 1px solid;
}


/*style the arrow inside the select element:*/


/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #ffffff;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    text-align: end;
}


/*style items (options):*/

.select-items {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    background: rgb(80 80 80 / 24%);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(9.7px);
    -webkit-backdrop-filter: blur(9.7px);
}


/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}