.custom-select {
    position: relative;
    display: inline-block;
}

    .custom-select input {
        box-sizing: border-box;
        width: 100%;
        height: 38px;
        padding: 8px;
        border: none;
        /* إزالة الحدود */
        border-radius: 10px;
        /* إضافة border-radius */
        padding-inline: 15px;
        /* مساحة للأيقونة */
        text-align: right;
        /* المحاذاة إلى اليمين */
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        /* إضافة ظل خفيف لتعويض الحدود */
        outline: none;
        /* إزالة تأثير التركيز */
    }

    .custom-select .options {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 100%;
        border: 1px solid #ccc;
        border-radius: 8px;
        /* إضافة border-radius */
        z-index: 99999;
    }

        .custom-select .options div {
            padding: 8px;
            cursor: pointer;
            text-align: right;
            /* المحاذاة إلى اليمين */
        }

            .custom-select .options div.no-results {
                color: #999;
                cursor: default;
            }

            .custom-select .options div:hover {
                background-color: #f1f1f1;
            }

    .custom-select .icon {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        transition: transform 0.3s;
        pointer-events: auto;
    }

    .custom-select.active .icon {
        transform: translateY(-50%) rotate(180deg);
        /* دوران الأيقونة */
    }