/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/contact.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
.contact-form .alert,
.contact-form .invalid-feedback, .contact-form .form-floating label[for=terms], .contact-form .form-floating label, .contact-form .form-floating input,
.contact-form .form-floating textarea {
  font-family: aeonik;
  font-size: max(14px, 0.7291666667vw);
  line-height: max(17px, 0.8854166667vw);
  font-weight: 400;
}

.button {
  font-family: aeonik;
  font-size: max(14px, 0.7291666667vw);
  line-height: max(17px, 0.8854166667vw);
  font-weight: 500;
}

/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
.contact-form .alert,
.contact-form .invalid-feedback, .contact-form .form-floating label[for=terms], .contact-form .form-floating label, .contact-form .form-floating input,
.contact-form .form-floating textarea {
  font-family: aeonik;
  font-size: max(14px, 0.7291666667vw);
  line-height: max(17px, 0.8854166667vw);
  font-weight: 400;
}

.button {
  font-family: aeonik;
  font-size: max(14px, 0.7291666667vw);
  line-height: max(17px, 0.8854166667vw);
  font-weight: 500;
}

.button {
  border-width: 1px;
  border-style: solid;
  border-radius: max(12px, 0.625vw);
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: max(24px, 1.25vw);
  cursor: pointer;
  transition: all 0.3s ease;
}
.button--blue {
  background-color: #0c4694;
  color: #fff;
  border-color: #0c4694;
}
.button--blue:hover {
  background-color: #0c4188;
  color: #fff;
  border-color: #0c4188;
}
.button--blue-outline {
  background-color: transparent;
  color: #0c4694;
  border-color: #0c4694;
}
.button--blue-outline:hover {
  background-color: #ecf4ff;
  color: #0c4694;
  border-color: #0c4694;
}
.button--disabled, .button:disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.button--block {
  width: 100%;
}

.contact-content .title {
  margin-bottom: max(16px, 0.8333333333vw);
}
.contact-content .description {
  margin-bottom: max(32px, 1.6666666667vw);
}
.contact-form {
  background-color: #fff;
  border-radius: max(8px, 0.625vw);
  padding: max(24px, 1.6666666667vw);
  margin-bottom: max(70px, 4.4791666667vw);
  /* stylelint-disable */
  /* stylelint-enable */
}
.contact-form__title {
  margin-bottom: max(24px, 1.6666666667vw);
}
.contact-form .placeholder {
  margin-bottom: max(16px, 0.8333333333vw);
}
.contact-form .field-wrap:not(:last-child) {
  margin-bottom: max(24px, 1.6666666667vw);
}
.contact-form .field-wrap.terms {
  /* stylelint-disable */
}
.contact-form .field-wrap.terms > div {
  display: grid;
  grid-template-columns: auto 1fr;
  /* stylelint-enable */
}
.contact-form .field-wrap.terms > div input {
  flex-shrink: 0;
}
.contact-form .field-wrap.terms > div label {
  line-height: 1.15;
}
.contact-form .field-wrap.terms > div .invalid-feedback {
  grid-column: 1/-1;
}
.contact-form .wpcf7-spinner {
  position: absolute;
  inset: 0;
  margin: auto;
}
.contact-form .form-floating input,
.contact-form .form-floating textarea {
  box-shadow: none;
}
.contact-form .form-floating input {
  height: max(54px, 3.2291666667vw);
  min-height: max(54px, 3.2291666667vw);
  padding: max(18px, 1.1458333333vw) max(16px, 0.8333333333vw);
  border: none;
  background-color: #ecf4ff;
  border-radius: max(8px, 0.4166666667vw);
}
.contact-form .form-floating label {
  color: #7da5db;
  padding: max(18px, 1.1458333333vw) max(16px, 0.8333333333vw);
}
.contact-form .form-floating textarea {
  min-height: max(120px, 6.25vw);
  padding: max(18px, 1.1458333333vw) max(16px, 0.8333333333vw);
  border: none;
  background-color: #ecf4ff;
  border-radius: max(8px, 0.4166666667vw);
}
.contact-form .alert-dismissible .btn-close {
  padding: unset;
  margin: auto;
  bottom: 0;
  right: 16px;
  outline: none;
  box-shadow: none;
}
.contact-form .alert:not(.show) {
  display: none !important;
}

/* CHECKBOX STRACTURE */
/* CHECKBOX */
input[type=checkbox] {
  display: inline-grid !important;
  place-content: center;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border: 1px solid #0c4694;
  appearance: none;
  background-color: transparent;
  margin: 0;
  margin-right: 9px;
  border-radius: 2px;
  top: -1px;
  position: relative;
}
input[type=checkbox]:disabled {
  cursor: not-allowed;
}
input[type=checkbox]::before {
  content: "";
  width: 8px;
  height: 8px;
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #0c4694;
  /* stylelint-disable */
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  /* stylelint-enable */
}
input[type=checkbox]:checked::before {
  transform: scale(1);
}
@media (min-width: 768px) {
  .contact-form .field-group > *:first-child {
    margin-right: max(24px, 1.25vw);
  }
}
@media (max-width: 767.98px) {
  .contact-form .field-group {
    margin-bottom: max(24px, 1.6666666667vw);
  }
}

/*# sourceMappingURL=contact.css.map*/