.tw-searchbar {
  width: clamp(200px, 24vw, 220px) !important;
  background: #fff;
  border: 1px solid #000 !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  transition: border-color .15s, box-shadow .15s;
}

.tw-searchbar:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .20) !important;
}

.tw-searchbar .form-control {
  height: 36px !important;
  padding: .35rem .7rem !important;
  font-size: .92rem !important;
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial !important;
}

.tw-searchbar .input-group-text {
  padding-left: .55rem !important;
  padding-right: .35rem !important;
  background: transparent !important;
  border: 0 !important;
  color: #000 !important;
}

.tw-searchbar .input-group-text .mdi {
  font-size: 18px !important;
  line-height: 1;
}

@media (max-width: 768px) {
  .tw-searchbar {
    width: 100% !important;
  }
}