.ui-autocomplete {
    background-color: white;
    border: 1px solid #ccc;
    max-width: 300px;
    max-height: 200px;
    overflow-y: auto; /* Enable vertical scrollbar if needed. */
    overflow-x: hidden; /* Prevent horizontal scrollbar. */
    padding: 0;
    list-style-type: none; /* Remove default list styling */
}

.ui-menu-item {
    padding: 8px 12px;
    cursor: pointer;
    background-color: white;
    border-bottom: 1px solid #eee; /* Add a subtle divider between items */
}

.ui-menu-item-wrapper {
    display: block;
}

.ui-menu-item:hover,
.ui-menu-item.ui-state-active {
    background-color: #f0f0f0; /* Change the background color on hover */
}