.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    border-radius: 5px;
    border: 1px solid var(--bordertwo);
    padding: 16px 30px;
    color: var(--darkextra);
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    outline: none;
    padding: 14px 35px 14px 15px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    /*    overflow-x:clip;
*/
}

    .nice-select:hover {
        border-color: #3f387723;
    }

    .nice-select:active, .nice-select.open, .nice-select:focus {
        border-color: #3f387728;
    }

    .nice-select:after {
        border-bottom: 1px solid var(--placeholder);
        border-right: 1px solid var(--placeholder);
        content: '';
        display: block;
        height: 10px;
        margin-top: -6px;
        pointer-events: none;
        position: absolute;
        right: 16px;
        bottom: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 10px;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .nice-select.open .list {
        opacity: 1;
        display: block;
        word-wrap: break-word;
        background: #F5F7F8;
        border: 1px solid #191970;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.disabled {
        color: var(--darkextra);
        border: 1px solid var(--bordertwo);
        pointer-events: none;
    }

        .nice-select.disabled:after {
            color: var(--darkextra);
            border: 1px solid var(--bordertwo);
            pointer-events: none;
        }

    .nice-select.wide {
        width: 100%;
    }

        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px;
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px;
        }

    .nice-select .list {
        background-color: white;
        border-radius: 5px;
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        width: 100%;
        display: none;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        right: 0;
        transform-origin: 50% 0;
        transform: scale(0.75) translateY(-21px);
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 99999999;
        margin-bottom: 4px;
        max-height: 250px; /* Added max-height for scroll */
        overflow-y: auto; /* Added scroll functionality */
    }

        .nice-select .list li:not(:last-child) {
            margin-right: 0 !important;
        }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding: 0px 10px;
        border: 1px solid var(--cate-border);
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
            background-color: #0D6859;
            color: white;
        }

        .nice-select .option.selected {
            font-weight: bold;
        }

        .nice-select .option.disabled {
            background-color: red;
            color: #fff;
            cursor: default;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.search-box {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

    .search-box input {
        width: 100%;
        padding: 6px 30px 6px 10px;
        box-sizing: border-box;
        border: none;
        outline: none;
        font-size: 14px;
        color: black;
    }

        .search-box input::placeholder {
            color: #aaa;
        }

.clear-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #999;
    display: none;
}

    .clear-search:hover {
        color: #333;
    }