/* Add some basic styling to the search container */
 
 .search-container {
     position: relative;
     display: inline-block;
 }
 /* Style the input field */
 
 #search-input {
     width: 280px;
     height: 40px;
     padding: 10px;
     border: 1px solid #ccc;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     outline: none;
     border-top-right-radius: 0rem;
     border-bottom-right-radius: 0rem;
}
 /* Style the search results dropdown */
 
 #search-input::placeholder {
    font-size: 11.5px; /* Adjust the font size as needed */
}

#search-btn {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

 #search-results {
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     max-height: 450px;
     overflow-y: auto;
     border: 1px solid #ccc;
     border-top: none;
     border-radius: 0 0 5px 5px;
     background-color: #fff;
     display: none;
 }
 #search-results-one {
    position: absolute;
    top: 10%;
    left: 0;
    width: 10%;
    max-height: 450px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    display: none;
}
 /* Style each individual search result item */
 
 .search-item {
     font-size: 13px;
     padding: 8px 8px 8px 22px;
     cursor: pointer;
 }
 
 .search-item-heading {
     font-size: 15px;
     padding: 8px 8px 0px 15px;
     font-weight: 600;
     /* padding-bottom: 5px; */
     /* cursor: pointer; */
 }
 /* Highlight the selected search result item */
 
 .search-item:hover {
     background-color: #f2f2f2;
 }