#suggestions {
  border: 1px solid #ccc;
  
  overflow-y: auto;
  display: none;
  position: absolute;
  background-color: white;
  z-index: 1;
  width: 100%;
  top: 106%;
  left: 0;
  font-size: 14px;
  
  font-weight: 500;
  border-radius: 2px;
}
.suggestion {
  padding: 6px 5px 6px 10px;
  cursor: pointer;
  font-family: "DM Sans","General sans","Noto Sans regular";
}

.suggestion:hover, .highlight {
  background-color: #f0f0f0;
}
#search{
  max-width: 265px;
  border-radius:24px;
   height: 36px;
   border:none; 
   padding: 0px 0px 1px 14px !important;
 }
 .search-outer{
   position: relative;
    display:flex;
     width: 262px;
     margin-right: 5px;
 }
 .search-btn{
 margin-left: -37px;
 margin-top: 2px;
 border-radius: 50%;
 height: 32px;
 width: 34px;
 }

 input::placeholder {
  font-size: 14px; /* Change font size */
  font-family: "general sans"; /* Change font family */
  color: rgb(133, 133, 133) !important; /* Change placeholder text color */
  font-weight: 500; /* Change font weight */
}

@media(max-width:767px){
  .search-outer{
      margin-top: 6px;
    }
    #suggestions{
      max-height: 250px;
    }
 }
    @media (max-width:835px) {

    #toggle-btn{
      display: flex;
    }
    .link-en{
      font-family: "Nunito", "Noto sans semiMedium";
      font-weight: 500;
    }
    .link-si{
      font-family: "Noto sans semiMedium";
      font-weight: 500;
      font-size: 12px;
    }


  }