.suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    z-index: 1000;
    max-height: 200px; /* Set max height */
    overflow-y: auto; /* Allow scrolling if suggestions exceed height */
    display: none; /* Hide by default */
    color: black;
  }
  .suggestions div {
    padding: 8px;
    cursor: pointer;
  }
  .suggestions div:hover {
    background-color: #f0f0f0;
    color: black;
  }
  
  .highlight {
    font-weight: bold;
    color: black;
  }
  
  
  .highlighted {
    background-color: #f0f0f0; /* Blue background for selected item */
    color: black; /* White text for better contrast */
  }