.search-toggle {
  cursor: pointer;
}

.search-toggle svg {
  width: 22px;
  height: auto;
  fill: #000;
}

.menu-search {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 9998;
  width: 100%;
  height: 60px;
  margin: auto;
  padding: 0 10px;
  display: none;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  transition-duration: 1.5s;
}

.menu-search.on {
  display: flex;
}

.menu-search .form-control {
  max-width: 350px;
  border-color: #800020;
}

.menu-search .btn {
  max-width: 350px;
  border-color: #800020;
}