/* Next.js compatibility only. All design values remain sourced from the AWPT export. */
html {
  scroll-behavior: auto;
  background: transparent;
}

body {
  overflow-x: visible;
  text-rendering: auto;
}

.wrapper h1,
.wrapper h2,
.wrapper h3 {
  letter-spacing: normal;
}

.wrapper .approach {
  min-height: auto;
}

.wrapper .approach h2 {
  max-width: 810px;
}

.wrapper section[id] {
  scroll-margin-top: 0;
}

.wrapper img {
  max-width: none;
}

.wrapper .header__burger:focus-visible,
.wrapper a:focus-visible,
.wrapper .faq__items .item__header:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

.wrapper .map__image > svg {
  display: block;
  width: 100%;
  height: auto;
}

.wrapper .close-button {
  padding: 0;
  border: 0;
  background: transparent;
}

.wrapper .modal-form .input {
  padding-top: 1px;
  padding-right: 2px;
  padding-left: 2px;
}

.wrapper .modal-form .subm {
  font-family: Arial;
}

.wrapper .legacy-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.wrapper .legacy-form-note,
.wrapper .legacy-form-status,
.wrapper .legacy-form-unavailable {
  margin-top: 20px;
  color: #333;
  font-size: 14px;
  line-height: 1.5;
}

.wrapper .legacy-form-note a {
  color: #e80128;
}