.form-item input {
  border-radius: 0;
  padding: 5px;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #bfbfbf;
  font-size: var(--paragraph-font-size) !important;
  font-family: inherit;
  color: var(--main-font-color);
  /* background-color: #fff; */
}

.form-item input.form-number {
  padding-left: 0.75em;
}

input {
  border-radius: 0;
}

.form-item label {
  margin-bottom: 0.35em;
  padding: 3px 0;
  font-size: 1.05em;
  font-weight: 500;
}
form fieldset {
  border: none;
}
form input,
form label,
form h2 {
  font-size: var(--paragraph-font-size);
  margin: 1em 0;
}
form input {
  margin-bottom: 1em;
}
form .select-container,
form .quantity-container {
  position: relative;
}
form select {
  padding: 0.5em;
  width: 100%;
  font-family: inherit;
  color: var(--main-font-color);
  font-weight: 300;
  font-size: 1em;
  letter-spacing: 0.3px;
  background-color: #fff;
  min-height: 39px;
}
input[type="submit"] {
  margin-top: 0 !important;
  cursor: pointer;
  color: #fff;
  padding: 0.8em 0.75em;
  background-color: #27333f;
}
select {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: solid 1px #bfbfbf;
  padding-left: 10px;
}
form .select-container .dd-btn.dropdown-arrow {
  position: absolute;
  right: 0%;
  bottom: 0%;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 6px solid #898989;
  transition: 0.3s;
  margin-top: 0.3em;
  z-index: 9;
  margin: 0.9em 1em;
  cursor: pointer;
  pointer-events: none;
}

input[type="checkbox"] {
  background-image: url("/themes/devolkitchens/img/icons/dk-check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0 auto;
  margin-right: 1em !important;
  cursor: pointer;
}
input[type="checkbox"]:checked {
  background-size: 10px auto;
}

@media screen and (max-width: 768px) {
  form select {
    padding: 0.3em 0.5em;
  }
}

form label.form-required {
  position: relative;
  width: fit-content;
}
form label.form-required::before {
  content: "*";
  position: absolute;
  color: #898989;
  font-size: 1.2em;
  top: 0.2em;
  right: -10px;
}