.autocomplete-container {
    position: relative;
}

#searchResults {
    position: absolute;
    width: 80%;
    max-height: 50%; /* Adjust height as necessary */
    overflow-y: auto;
    z-index: 1000;
}

.dropdown-item {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    color: #333;
}

.dropdown-item:hover {
    background-color: #f1f1f1;
}