/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.wp-block .contact-form,
.contact-form {
  padding: 80px 0;
}
@media (max-width: 1024px) {
  .wp-block .contact-form,
  .contact-form {
    padding: 64px 0;
  }
}
@media (max-width: 512px) {
  .wp-block .contact-form .sk-subheading,
  .contact-form .sk-subheading {
    font-size: 18px !important;
  }
}
.wp-block .contact-form .form-row,
.contact-form .form-row {
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
}
@media (max-width: 512px) {
  .wp-block .contact-form .form-row,
  .contact-form .form-row {
    flex-direction: column;
  }
}
.wp-block .contact-form .form-row label,
.contact-form .form-row label {
  color: var(--sk-color-white);
  font-family: var(--sk-font-primary);
  font-size: 50px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 400;
  margin-right: 24px;
}
@media (max-width: 1024px) {
  .wp-block .contact-form .form-row label,
  .contact-form .form-row label {
    font-size: 32px;
    text-wrap: nowrap;
  }
}
@media (max-width: 512px) {
  .wp-block .contact-form .form-row label,
  .contact-form .form-row label {
    font-size: 14px;
    line-height: 18px;
  }
}
.wp-block .contact-form .form-row span.wpcf7-form-control-wrap,
.contact-form .form-row span.wpcf7-form-control-wrap {
  flex-grow: 1;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
.wp-block .contact-form .form-row span.wpcf7-form-control-wrap::after,
.contact-form .form-row span.wpcf7-form-control-wrap::after {
  left: 0;
  content: "";
  width: 0;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  height: 1px;
  transition: 0.3s ease-in-out;
}
.wp-block .contact-form .form-row span.wpcf7-form-control-wrap.input-focus::after,
.contact-form .form-row span.wpcf7-form-control-wrap.input-focus::after {
  width: 100%;
}
.wp-block .contact-form .form-row span.wpcf7-form-control-wrap:focus::after,
.contact-form .form-row span.wpcf7-form-control-wrap:focus::after {
  width: 100%;
}
.wp-block .contact-form .form-row input,
.contact-form .form-row input {
  background-color: transparent;
  color: var(--sk-color-white);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-left: none;
  border-top: none;
  border-right: none;
  border-radius: 0;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
@media (max-width: 768px) {
  .wp-block .contact-form .form-row input,
  .contact-form .form-row input {
    font-size: 14px;
  }
}
@media (max-width: 512px) {
  .wp-block .contact-form .form-row input,
  .contact-form .form-row input {
    padding-left: 0;
  }
}
.wp-block .contact-form .form-row input::-moz-placeholder, .contact-form .form-row input::-moz-placeholder {
  opacity: 0.5;
}
.wp-block .contact-form .form-row input::placeholder,
.contact-form .form-row input::placeholder {
  opacity: 0.5;
}
@media (max-width: 512px) {
  .wp-block .contact-form .form-row input::-moz-placeholder, .contact-form .form-row input::-moz-placeholder {
    line-height: 20px;
    text-wrap: wrap;
  }
  .wp-block .contact-form .form-row input::placeholder,
  .contact-form .form-row input::placeholder {
    line-height: 20px;
    text-wrap: wrap;
  }
}
.wp-block .contact-form .form-row input.wpcf7-not-valid,
.contact-form .form-row input.wpcf7-not-valid {
  border-color: #fc5353;
}
.wp-block .contact-form .form-row .wpcf7-not-valid-tip,
.contact-form .form-row .wpcf7-not-valid-tip {
  color: #fc5353;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: math-auto;
  font-family: "Scania", sans-serif;
  position: relative;
  top: 5px;
}
.wp-block .contact-form .form-buttons,
.contact-form .form-buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 512px) {
  .wp-block .contact-form .form-buttons,
  .contact-form .form-buttons {
    flex-wrap: wrap;
  }
}
.wp-block .contact-form .form-buttons__left,
.contact-form .form-buttons__left {
  max-width: 940px;
}
@media (max-width: 768px) {
  .wp-block .contact-form .form-buttons__left,
  .contact-form .form-buttons__left {
    max-width: 428px;
  }
}
.wp-block .contact-form .form-buttons__left h2,
.contact-form .form-buttons__left h2 {
  margin-bottom: 16px;
  margin-top: 8px;
}
@media (max-width: 512px) {
  .wp-block .contact-form .form-buttons__left h2,
  .contact-form .form-buttons__left h2 {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 512px) {
  .wp-block .contact-form .form-buttons__left span.wpcf7-acceptance,
  .contact-form .form-buttons__left span.wpcf7-acceptance {
    display: block;
    margin-top: 48px;
  }
}
.wp-block .contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item,
.contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item {
  margin-left: 0;
}
.wp-block .contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label,
.contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  cursor: pointer;
}
.wp-block .contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label input,
.contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label input {
  width: 0;
  height: 0;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.wp-block .contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label input:checked::after,
.contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label input:checked::after {
  opacity: 1;
}
.wp-block .contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label input::before,
.contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label input::before {
  content: "";
  width: 24px;
  height: 24px;
  border: 2px solid white;
  border-radius: 50%;
  display: block;
  opacity: 1;
  position: absolute;
  top: 3px;
  left: 0;
}
.wp-block .contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label input::after,
.contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label input::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  opacity: 0;
  position: absolute;
  top: 8px;
  left: 5px;
}
.wp-block .contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label span.wpcf7-list-item-label,
.contact-form .form-buttons__left span.wpcf7-acceptance span.wpcf7-list-item label span.wpcf7-list-item-label {
  padding-left: 40px;
  color: var(--sk-color-white);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 18px;
}
.wp-block .contact-form .form-buttons__right,
.contact-form .form-buttons__right {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .wp-block .contact-form .form-buttons__right,
  .contact-form .form-buttons__right {
    align-items: flex-end;
  }
}
@media (max-width: 512px) {
  .wp-block .contact-form .form-buttons__right .magnetic-wrapper,
  .contact-form .form-buttons__right .magnetic-wrapper {
    display: none;
  }
}
.wp-block .contact-form .form-buttons__right button,
.contact-form .form-buttons__right button {
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
}
.wp-block .contact-form .form-checkboxes input,
.contact-form .form-checkboxes input {
  display: none;
}
.wp-block .contact-form .form-checkboxes input:checked + span.wpcf7-list-item-label,
.contact-form .form-checkboxes input:checked + span.wpcf7-list-item-label {
  background-color: var(--sk-color-white);
  color: rgba(28, 28, 30, 0.9);
}
.wp-block .contact-form .form-checkboxes span.wpcf7-list-item,
.contact-form .form-checkboxes span.wpcf7-list-item {
  margin: 0 8px 8px 0;
}
.wp-block .contact-form .form-checkboxes span.wpcf7-list-item-label,
.contact-form .form-checkboxes span.wpcf7-list-item-label {
  color: var(--sk-color-white);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 18px;
  display: inline-block;
  padding: 24px 32px;
  background-color: rgba(28, 28, 30, 0.9);
  cursor: pointer;
  transition: 0.3s ease-in-out;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .wp-block .contact-form .form-checkboxes span.wpcf7-list-item-label,
  .contact-form .form-checkboxes span.wpcf7-list-item-label {
    padding: 16px 24px;
  }
}
@media (max-width: 768px) {
  .wp-block .contact-form .form-checkboxes span.wpcf7-list-item-label,
  .contact-form .form-checkboxes span.wpcf7-list-item-label {
    padding: 8px 16px;
  }
}
.wp-block .contact-form .form-checkboxes span.wpcf7-list-item-label:hover,
.contact-form .form-checkboxes span.wpcf7-list-item-label:hover {
  background: #292929;
  color: white;
}
.wp-block .contact-form .wpcf7-response-output,
.contact-form .wpcf7-response-output {
  border: none;
  color: #fff;
}
.wp-block .contact-form .wpcf7 form.sent .wpcf7-response-output,
.contact-form .wpcf7 form.sent .wpcf7-response-output {
  position: absolute;
  right: 25px;
  border: none;
  padding: 24px 40px 24px 88px;
  max-width: 400px;
  background: rgba(28, 28, 30, 0.9);
  font-size: 14px;
  margin: 0;
}
.wp-block .contact-form .wpcf7 form.sent .wpcf7-response-output::before,
.contact-form .wpcf7 form.sent .wpcf7-response-output::before {
  content: url("../../img/check-g.svg");
  position: absolute;
  top: 30px;
  left: 40px;
}