@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped&display=swap');

body {
  font-family: 'Kanit', 'Noto Sans Thai Looped', sans-serif;
}

.chosen-container {
  width: 100% !important;

}
/* .menu-container {
  position: relative;
}

  .offcanvas {
  position: absolute;
  top: 100%;  /* Adjust based on the height of your navbar */



.chosen-container .chosen-choices {

  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  line-height: 3;
  border-radius: 8px;
}

.chosen-container .chosen-drop {
  margin-top: 2px;
  border: 1px solid #54b4d3;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
}

.chosen-container .chosen-results li {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 10px;
  font-size: 14px;
}

@media (prefers-reduced-motion: reduce) {
  .chosen-container .chosen-results li {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.chosen-container .chosen-results li.highlighted {
  background-image: none;
  background: #54b4d3;
}

.chosen-container .chosen-results li.group-result {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 17px;
  background: rgba(0, 0, 0, 0.05);
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  padding-left: 6px;
  font-size: 15px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  border: none;
  padding: 10px 25px 10px 10px;
  border-radius: 25px;
  background: rgba(0, 0, 0, 0.1);
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  border-radius: 25px;
  top: 11px;
  right: 8px;
}