:root {
  --primary-color: #000;
  --theme-color: #FF8000;
  --secondary-color: #FFD500;
  --button-color: #000;
  --button-hover-color: #000;
}

[data-theme=seed] {
  --theme-color: #35A198;
  --secondary-color: #FFD500;
  --button-color: #000;
  --button-hover-color: #000;
}

[data-theme=soss] {
  --theme-color: #8355E8;
  --secondary-color: #FFD500;
  --button-color: #000;
  --button-hover-color: #000;
}

[data-theme=salc] {
  --theme-color: #FFD500;
  --secondary-color: #6A2383;
  --button-color: #fff;
  --button-hover-color: #000;
}

.campaign-form .container {
  height: 100% !important;
}
.campaign-form__content {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  padding: 30px !important;
  margin: -60px 20px 0 !important;
}
@media (min-width: 1400px) {
  .campaign-form__content {
    padding: 60px 60px 20px !important;
    max-width: 610px !important;
  }
}
@media (min-width: 768px) {
  .campaign-form__content {
    margin-top: 60px !important;
    margin-right: 20px !important;
  }
}
.campaign-form__title {
  margin-bottom: 10px !important;
  line-height: normal;
}
.campaign-form__title {
  font-size: 28px;
}
@media (min-width: 390px) and (max-width: 1440px) {
  .campaign-form__title {
    font-size: calc(28px + 12 * (100vw - 390px) / (1050));
  }
}
@media (min-width: 1440px) and (max-width: 1440px) {
  .campaign-form__title {
    font-size: calc(40px + (100vw - 1440px) * 40 / 1440);
  }
}
@media (min-width: 1440px) {
  .campaign-form__title {
    font-size: calc(40px + (1440px - 1440px) * 40 / 1440);
  }
}
.campaign-form__body {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 25.6px !important;
  margin-bottom: 15px !important;
}
.campaign-form .form-group > p, .campaign-form .form-group > span, .campaign-form .form-group > p a {
  color: #fff !important;
}

label {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 25.6px !important;
  margin-bottom: 0 !important;
}
label:not(.option) {
  margin-bottom: 3px !important;
}

form, .webform-submission-form, .campaign-form__body iframe {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}
form .flex-container, .webform-submission-form .flex-container, .campaign-form__body iframe .flex-container {
  display: flex !important;
  gap: 24px !important;
}
@media (max-width: 991.98px) {
  form .flex-container, .webform-submission-form .flex-container, .campaign-form__body iframe .flex-container {
    flex-direction: column !important;
    gap: 18px !important;
  }
}
form fieldset, .webform-submission-form fieldset, .campaign-form__body iframe fieldset {
  display: flex !important;
}
form fieldset, .webform-submission-form fieldset, .campaign-form__body iframe fieldset {
  flex-direction: column !important;
}
form input[type=text],
form input[type=email],
form select, form textarea, .webform-submission-form input[type=text],
.webform-submission-form input[type=email],
.webform-submission-form select, .webform-submission-form textarea, .campaign-form__body iframe input[type=text],
.campaign-form__body iframe input[type=email],
.campaign-form__body iframe select, .campaign-form__body iframe textarea {
  border: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 20px !important;
}
form input[type=text],
form input[type=email],
form select, .webform-submission-form input[type=text],
.webform-submission-form input[type=email],
.webform-submission-form select, .campaign-form__body iframe input[type=text],
.campaign-form__body iframe input[type=email],
.campaign-form__body iframe select {
  height: 50px !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  color: #4A4A4A !important;
  font-size: 14px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form select::-moz-placeholder, .webform-submission-form input[type=text]::-moz-placeholder, .webform-submission-form input[type=email]::-moz-placeholder, .webform-submission-form select::-moz-placeholder, .campaign-form__body iframe input[type=text]::-moz-placeholder, .campaign-form__body iframe input[type=email]::-moz-placeholder, .campaign-form__body iframe select::-moz-placeholder {
  font-size: 14px !important;
  color: #4a4a4a !important;
  font-style: italic !important;
}
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form select::placeholder, .webform-submission-form input[type=text]::placeholder,
.webform-submission-form input[type=email]::placeholder,
.webform-submission-form select::placeholder, .campaign-form__body iframe input[type=text]::placeholder,
.campaign-form__body iframe input[type=email]::placeholder,
.campaign-form__body iframe select::placeholder {
  font-size: 14px !important;
  color: #4a4a4a !important;
  font-style: italic !important;
}
form select, .webform-submission-form select, .campaign-form__body iframe select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  text-indent: 1px !important;
  text-overflow: "" !important;
  background: white url("../../../images/caret-down.svg") no-repeat center right !important;
}
form textarea, .webform-submission-form textarea, .campaign-form__body iframe textarea {
  border-radius: 4px !important;
  padding: 20px !important;
}
form .form-actions, .webform-submission-form .form-actions, .campaign-form__body iframe .form-actions {
  margin-top: 30px !important;
}
form .form-check-label, .webform-submission-form .form-check-label, .campaign-form__body iframe .form-check-label {
  display: flex !important;
  gap: 10px !important;
}
@media (min-width: 2200px) {
  form .form-check-label, .webform-submission-form .form-check-label, .campaign-form__body iframe .form-check-label {
    align-items: center !important;
  }
}
form .form-check-label input, .webform-submission-form .form-check-label input, .campaign-form__body iframe .form-check-label input {
  border: none !important;
  outline: none !important;
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
}
@media (max-width: 2199.98px) {
  form .form-check-label input, .webform-submission-form .form-check-label input, .campaign-form__body iframe .form-check-label input {
    margin-top: 5px !important;
  }
}
form .form-check-label label, .webform-submission-form .form-check-label label, .campaign-form__body iframe .form-check-label label {
  font-size: 14px !important;
}/*# sourceMappingURL=form.css.map */
