.autocomplete-list {
    list-style-type: none;
    padding: 0;
    margin: 5px auto; 
    border: 0px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 50%; 
    left: 5%; 
    background-color: #c9baf0; 
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px; 
}

    .autocomplete-list li {
        display: flex;
        align-items: center;
        padding: 10px;
        cursor: pointer;
        border-bottom: 1px solid #f0f0f0;
    }

        .autocomplete-list li:last-child {
            border-bottom: none; 
        }

        .autocomplete-list li img {
            width: 40px;
            height: 40px;
            margin-right: 10px;
            border-radius: 5px;
            object-fit: cover;
        }

        .autocomplete-list li div {
            display: flex;
            flex-direction: column;
        }

        .autocomplete-list li strong {
            font-size: 14px;
            margin-bottom: 3px;
        }

        .autocomplete-list li span {
            font-size: 12px;
            color: #666;
        }

        .autocomplete-list li:hover {
            background-color:#d8c9ff; 
        }

.autocomplete-list {
    list-style-type: none;
    padding: 0;
    margin: 5px auto; 
    /* border: 1px solid #ddd; */
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 50%; 
    left: 5%; 
    background-color: #c9baf0; 
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px; 
}

    .autocomplete-list li {
        display: flex;
        align-items: center;
        padding: 10px;
        cursor: pointer;
        border-bottom: 1px solid #f0f0f0;
    }

        .autocomplete-list li:last-child {
            border-bottom: none; 
        }

        .autocomplete-list li img {
            width: 40px;
            height: 40px;
            margin-right: 10px;
            border-radius: 5px;
            object-fit: cover;
        }

        .autocomplete-list li div {
            display: flex;
            flex-direction: column;
        }

        .autocomplete-list li strong {
            font-size: 14px;
            margin-bottom: 3px;
        }

        .autocomplete-list li span {
            font-size: 12px;
            color: #666;
        }

        .autocomplete-list li:hover {
            background-color:#d8c9ff; 
        }