.input-container {
    position: relative;
    width: 100%;
}

.input-container input {
    width: 100%;
    padding-left: 30px; /* Ensure text doesn't overlap with the icon */
}

.input-container i {
    font-size: 18px; /* Customize icon size */
    color: #888; /* Optional: Customize icon color */
    pointer-events: none; /* Ensure icon doesn't block input */
}


/* Restrict the suggestion box to not exceed the parent */
.suggestions-box {
    max-width: 100%; /* Prevents the suggestion box from exceeding the parent width */
    width: 100%; /* Allows the box to adjust based on content */
    position: absolute; /* Ensure it floats above the input field */
    top: 100%; /* Position directly below the input field */
    left: 0;
    background-color: white; /* Adjust as needed */
    border: 1px solid #ccc; /* Add border for the box */
    z-index: 999999; /* Ensure it is above other content */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Optional: adds a shadow for better visibility */
    overflow-y: auto; /* Allow scrolling if suggestions overflow */
    max-height: 250px; /* Optional: limits the height if there are many suggestions */
}


.suggestion-item {
    padding:10px 50px 10px 50px;
    cursor: pointer;
    transition: background-color 0.3s;
    text-align: start;

}

.suggestion-item:hover {
    background-color: #f8f9fa;
    color: #151e34;
}

.suggestion-item.active {
    background-color: #007bff;
    color: white;
    text-align: start;
}
.highlight {
    color: #151e34;
    font-weight: bold;
}
.suggestion-item {
    display: flex;
    align-items: center; /* Vertically center the content */
}

.suggestion-content {
    display: flex;
    align-items: center; /* Align icon and text */
}

.suggestion-item i {
    font-size: 18px; /* Icon size */
    margin-right: 10px; /* Spacing between icon and text */
}

.suggestion-text {
    display: flex;
    flex-direction: column; /* Stack title and subtitle */
}

.suggestion-text .title {
    font-weight: bold; /* Optional: Style title */
}

.suggestion-text .sub-title {
    font-size: 0.9em; /* Optional: Style subtitle */
}