body {
}
.suggestions-container {
    position: relative;
}

.suggestions-list {
    list-style-type: none; /* Remove bullets */
    margin: 0;
    padding: 0;
    border: none; /* Remove border */
    background: white; /* Background color */
    position: absolute; /* Positioning */
    width: 100%; /* Full width */
    max-height: 200px; /* Max height for the list */
    overflow-y: auto; /* Scroll if too many items */
    z-index: 1000; /* Ensure it appears above other elements */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* Optional shadow for better visibility */
}

.suggestion-item {
    padding: 10px; /* Padding for list items */
    cursor: pointer; /* Change cursor to pointer */
}

    .suggestion-item:hover {
        background-color: #f0f0f0; /* Highlight on hover */
    }