:root {
  --gutter: 40px;
  --inner-padding: 3.5875em;
  --grid-width: calc((var(--inner-padding) * 2) + 1340px);
  --column: calc(((var(--grid-width) - (var(--inner-padding) * 2)) - (var(--gutter) * 11)) / 12);
  /* TYPOGRAPHY */
  --font-family: "Saira-reg", sans-serif;
  --font-family-med: "Saira-med", sans-serif;
  --font-family-semi: "Saira-semi", sans-serif;
  /* HEADER HEIGHT */
  --header-height: 86px;
  --h1-family: var(--font-family-semi);
  --h1-weight: 400;
  --h1-size: 100px;
  --h1-line-height: 110px;
  --h1-font: var(--h1-weight) var(--h1-size)/var(--h1-line-height) var(--h1-family);
  --h2-family: var(--font-family-semi);
  --h2-weight: 400;
  --h2-size: 53px;
  --h2-line-height: 53px;
  --h2-font: var(--h2-weight) var(--h2-size)/var(--h2-line-height) var(--h2-family);
  --h3-family: var(--font-family-semi);
  --h3-weight: 600;
  --h3-size: 46px;
  --h3-line-height: 53px;
  --h3-font: var(--h3-weight) var(--h3-size)/var(--h3-line-height) var(--h3-family);
  --h4-family: var(--font-family-med);
  --h4-weight: 400;
  --h4-size: 35px;
  --h4-line-height: 43px;
  --h4-font: var(--h4-weight) var(--h4-size)/var(--h4-line-height) var(--h4-family);
  --h5-family: var(--font-family-med);
  --h5-weight: 400;
  --h5-size: 35px;
  --h5-line-height: 43px;
  --h5-font: var(--h5-weight) var(--h5-size)/var(--h5-line-height) var(--h5-family);
  --h6-family: var(--font-family);
  --h6-weight: 400;
  --h6-size: 24px;
  --h6-line-height: 32px;
  --h6-font: var(--h6-weight) var(--h6-size)/var(--h6-line-height) var(--h6-family);
  --lead-family: var(--font-family);
  --lead-weight: 400;
  --lead-size: 26px;
  --lead-line-height: 34px;
  --lead-font: var(--lead-weight) var(--lead-size)/var(--lead-line-height) var(--lead-family);
  --body-family: var(--font-family);
  --body-weight: 400;
  --body-size: 17px;
  --body-line-height: 26px;
  --body-font: var(--body-weight) var(--body-size)/var(--body-line-height) var(--body-family);
  --quote-family: var(--font-family);
  --quote-weight: 400;
  --quote-size: 18px;
  --quote-line-height: 26px;
  --quote-font: var(--quote-weight) var(--quote-size)/var(--quote-line-height) var(--quote-family);
  --excerpt-family: var(--font-family-semi);
  --excerpt-weight: 400;
  --excerpt-size: 24px;
  --excerpt-line-height: 32px;
  --excerpt-font: var(--excerpt-weight) var(--excerpt-size)/var(--excerpt-line-height) var(--excerpt-family);
  /* COLORS */
  --light-blue: #bcddde;
  --medium-blue: #83bbba;
  --dark-blue: #002047;
  --turquoise: #519A9C;
  --turquoise-two: #BCDDDE;
  --white: white;
  --blue: #00a1e6;
  --black: #000e1f;
  --yellow: #FECC00;
  --main-dark: #002149;
  --main-light: #FFFFFF;
  --grey: #E3E3E3;
  /* MISC */
  --bezier: .5s cubic-bezier(0, 0, 0, 1);
  --icon-close: url("/wp-content/themes/parknordic-live/assets/icon-close.svg");
  --icon-chevron-down: url("/wp-content/themes/parknordic-live/assets/icon-chevron-down.svg");
  --icon-pay: url("/wp-content/themes/parknordic-live/assets/icon-pay.svg");
  --icon-rent: url("/wp-content/themes/parknordic-live/assets/icon-rent.svg");
  --icon-list: url("/wp-content/themes/parknordic-live/assets/icon-list.svg");
  --icon-mep: url("/wp-content/themes/parknordic-live/assets/icon-mep.svg");
  --icon-arrow-down: url("/wp-content/themes/parknordic-live/assets/icon-arrow-down.svg");
  --icon-arrow-right: url("/wp-content/themes/parknordic-live/assets/icon-arrow-right.svg");
}
@media screen and (max-width: 1430px) {
  :root {
    --header-height: 73px;
  }
}
:root .icon-close::after {
  -webkit-mask-image: var(--icon-close);
          mask-image: var(--icon-close);
}
:root .icon-chevron-down::after {
  -webkit-mask-image: var(--icon-chevron-down);
          mask-image: var(--icon-chevron-down);
}
:root .icon-pay::after {
  -webkit-mask-image: var(--icon-pay);
          mask-image: var(--icon-pay);
}
:root .icon-rent::after {
  -webkit-mask-image: var(--icon-rent);
          mask-image: var(--icon-rent);
}
:root .icon-list::after {
  -webkit-mask-image: var(--icon-list);
          mask-image: var(--icon-list);
}
:root .icon-mep::after {
  -webkit-mask-image: var(--icon-mep);
          mask-image: var(--icon-mep);
}
:root .icon-arrow-down::after {
  -webkit-mask-image: var(--icon-arrow-down);
          mask-image: var(--icon-arrow-down);
}
:root .icon-arrow-right::after {
  -webkit-mask-image: var(--icon-arrow-right);
          mask-image: var(--icon-arrow-right);
}

.process {
  background-color: var(--dark-blue);
  position: relative;
  z-index: -1;
}
@media (max-width: 47.9375rem) {
  .process {
    z-index: 1;
  }
}
.process .intro {
  background-color: var(--light-blue);
}
.process .intro .wrapper .section-divider-1 {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(17.6em);
          transform: translate(17.6em);
}
.process .wrapper .section-dividers {
  width: 65.8em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.process .wrapper .section-dividers .section-divider-2 {
  width: 30.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(17.6em);
          transform: translate(17.6em);
}
.process .wrapper .section-dividers .section-divider-3 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(0.2em, -0.24em);
          transform: translate(0.2em, -0.24em);
}
.process .wrapper .section-dividers .section-divider-4 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(10em, -0.46em);
          transform: translate(10em, -0.46em);
}
.process .wrapper .container {
  padding-bottom: 4.83em;
  max-width: 94.5em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 8.73em 14.35em;
  position: relative;
}
.process .wrapper .container .process-box, .process .wrapper .container .process-box-2 {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 980px;
}
.process .wrapper .container .process-box .process-number-w, .process .wrapper .container .process-box-2 .process-number-w {
  width: 3.37em;
  height: 3.84em;
  border: 0.13em solid var(--white);
  background-color: var(--dark-blue);
  border-radius: 0.33em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(0);
          transform: translate(0);
}
.process .wrapper .container .process-box .process-number-w .process-number, .process .wrapper .container .process-box-2 .process-number-w .process-number {
  color: var(--light-blue);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}
.process .wrapper .container .process-box .process-number-w._1, .process .wrapper .container .process-box-2 .process-number-w._1 {
  -webkit-transform: translate(-3.1em);
          transform: translate(-3.1em);
}
.process .wrapper .container .process-box .process-text-wrap, .process .wrapper .container .process-box-2 .process-text-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transform: translate(-6em);
          transform: translate(-6em);
}
.process .wrapper .container .process-box .process-text-wrap .process-line, .process .wrapper .container .process-box-2 .process-text-wrap .process-line {
  width: 3em;
  height: 0.13em;
  background-color: var(--white);
  position: absolute;
  left: -6.75em;
}
.process .wrapper .container .process-box .process-text-wrap .process-text-box, .process .wrapper .container .process-box-2 .process-text-wrap .process-text-box {
  width: 34.66em;
  max-width: 34.66em;
  border: 0.13em solid var(--white);
  border-radius: 0.66em;
  padding: 3.17em 3.37em;
  color: var(--white);
  -webkit-transform: translate(-3.8em);
          transform: translate(-3.8em);
}
.process .wrapper .container .process-box .process-text-wrap .process-title, .process .wrapper .container .process-box-2 .process-text-wrap .process-title {
  margin-bottom: 2.5rem;
  font-size: 1.59em;
}
.process .wrapper .container .process-box .process-text-wrap .process-text-wrap._2, .process .wrapper .container .process-box-2 .process-text-wrap .process-text-wrap._2 {
  margin-top: 4.23em;
  -webkit-transform: translate(4.3em);
          transform: translate(4.3em);
}
.process .wrapper .container .process-box .process-text-wrap .car, .process .wrapper .container .process-box-2 .process-text-wrap .car {
  position: absolute;
  top: -45px;
  left: 20px;
}
.process .wrapper .container .process-box .process-text-wrap .car img, .process .wrapper .container .process-box-2 .process-text-wrap .car img {
  max-width: 500px;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
  height: auto;
  translate: none;
  rotate: none;
  scale: none;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translate(17.5783px, -0.146px);
          transform: translate(17.5783px, -0.146px);
}
.process .wrapper .container .process-box .process-text-wrap .car.drive img, .process .wrapper .container .process-box-2 .process-text-wrap .car.drive img {
  -webkit-transform: translate(-647.807px, 0px) rotate(0deg);
          transform: translate(-647.807px, 0px) rotate(0deg);
}
.process .wrapper .container .process-box .process-text-wrap .car.rotate img, .process .wrapper .container .process-box-2 .process-text-wrap .car.rotate img {
  -webkit-transform: translate(-647.807px, 0px) rotate(-100deg);
          transform: translate(-647.807px, 0px) rotate(-100deg);
}
.process .wrapper .container .process-box .process-text-wrap .car.down img, .process .wrapper .container .process-box-2 .process-text-wrap .car.down img {
  -webkit-transform: translate(-647.807px, 1400px) rotate(-100deg);
          transform: translate(-647.807px, 1400px) rotate(-100deg);
}
.process .wrapper .container .process-box-2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.process .wrapper .container .process-box-2 .process-title.centered {
  width: 22ch;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: var(--white);
  margin-bottom: 0.93rem;
  font-size: 1.59em;
  line-height: 1.6em;
}
.process .wrapper .container .process-box-2 .process-line-vertical {
  width: 0.13em;
  height: 5.62em;
  background-color: var(--white);
  -webkit-transform: translate(0, 3.5em);
          transform: translate(0, 3.5em);
}
.process .wrapper .container .process-box-2 .process-text-wrap._2 {
  margin-top: 4.23em;
  -webkit-transform: translate(4.6em);
          transform: translate(4.6em);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.process .wrapper .container .process-box-2 .process-text-wrap._2 .process-title {
  display: none;
}
.process .wrapper .container .process-box-2 .process-text-wrap._2 .park-icon-w {
  width: 3.5em;
  margin-left: 1.3em;
}
.process .wrapper .container .process-box-2 .process-text-wrap._2 .process-text-box {
  -webkit-transform: translate(0em);
          transform: translate(0em);
}
.process .wrapper .container .process-box._3 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.process .wrapper .container .process-box._3 .process-number-w._3 {
  -webkit-transform: translate(-1.5em);
          transform: translate(-1.5em);
}
.process .wrapper .container .process-box._3 .process-text-wrap {
  -webkit-transform: translate(-0.9em);
          transform: translate(-0.9em);
  margin-top: 2.5rem;
}
.process .wrapper .container .process-box._3 .process-text-box {
  background-color: var(--dark-blue);
  -webkit-transform: translate(-1.1em);
          transform: translate(-1.1em);
}
.process .wrapper .container.process-box-2 {
  padding-top: 0;
  padding: 3.9em 14.35em 2.73em 10.35em;
}
.process .wrapper .container.process-box-1 {
  padding-bottom: 6.83em;
}
@container main (min-width: 64.375rem) and (max-width: 91.1875rem) {
  .process .intro .wrapper {
    display: block;
    max-width: 50rem;
    margin: 0 auto;
  }
  .process .intro .wrapper .section-divider-1 {
    -webkit-transform: translate(0em);
            transform: translate(0em);
  }
  .process .wrapper {
    display: block;
    max-width: 50rem;
  }
  .process .wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }
  .process .wrapper .container .process-box {
    width: auto;
  }
  .process .wrapper .container .process-box .process-number-w._1 {
    -webkit-transform: translate(-4.1em);
            transform: translate(-4.1em);
  }
  .process .wrapper .container .process-box .process-text-wrap {
    -webkit-transform: translate(-3.2em);
            transform: translate(-3.2em);
  }
  .process .wrapper .container .process-box .process-text-wrap .process-line {
    left: -3.5em;
    width: 3.5em;
  }
  .process .wrapper .container .process-box .process-text-wrap .process-text-box {
    -webkit-transform: translate(0em);
            transform: translate(0em);
  }
  .process .wrapper .container .process-box-2 .process-text-wrap._2 {
    -webkit-transform: translate(4em);
            transform: translate(4em);
  }
  .process .wrapper .container .process-box-2 .process-text-wrap._2 .process-text-box {
    -webkit-transform: translate(-2.2em);
            transform: translate(-2.2em);
  }
  .process .wrapper .container .process-box-2 .process-text-wrap._2 .park-icon-w {
    margin-left: -20px;
  }
  .process .wrapper .container .process-box._3 {
    padding-top: 2.5rem;
  }
  .process .wrapper .container .process-box._3 .process-number-w._3 {
    -webkit-transform: translate(0em);
            transform: translate(0em);
  }
  .process .wrapper .container .process-box._3 .process-text-box {
    -webkit-transform: translate(1.4em);
            transform: translate(1.4em);
  }
  .process .wrapper .section-dividers {
    width: 65.8em;
  }
  .process .wrapper .section-dividers .section-divider-2 {
    -webkit-transform: translate(0em);
            transform: translate(0em);
  }
  .process .wrapper .section-dividers .section-divider-3 {
    -webkit-transform: translate(-17.8em, -0.24em);
            transform: translate(-17.8em, -0.24em);
  }
  .process .wrapper .section-dividers .section-divider-4 {
    -webkit-transform: translate(-8em, -0.52em);
            transform: translate(-8em, -0.52em);
  }
  .process .wrapper .container.process-box-2 {
    padding-top: 0;
    padding: 5.5em 0 2.73em 0;
  }
}
@container main (max-width: 64.3125rem) {
  .process .intro {
    display: none;
  }
  .process .wrapper .section-dividers {
    display: none;
  }
  .process .wrapper .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
    position: relative;
  }
  .process .wrapper .container .process-box, .process .wrapper .container .process-box-2 {
    display: block;
    position: relative;
    max-width: 100%;
    border-bottom: 2px solid var(--white);
    padding-bottom: 2.5rem;
  }
  .process .wrapper .container .process-box .process-number-w .process-number, .process .wrapper .container .process-box-2 .process-number-w .process-number {
    color: var(--light-blue);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1;
  }
  .process .wrapper .container .process-box .process-number-w._1, .process .wrapper .container .process-box-2 .process-number-w._1 {
    -webkit-transform: translate(0em);
            transform: translate(0em);
    display: -ms-grid;
    display: grid;
    margin: 0 auto;
    margin-top: -1.875rem;
    border: 2px solid var(--white);
  }
  .process .wrapper .container .process-box .process-text-wrap, .process .wrapper .container .process-box-2 .process-text-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: block;
    position: relative;
    -webkit-transform: none;
            transform: none;
  }
  .process .wrapper .container .process-box .process-text-wrap .process-line, .process .wrapper .container .process-box-2 .process-text-wrap .process-line {
    display: none;
  }
  .process .wrapper .container .process-box .process-text-wrap .process-text-box, .process .wrapper .container .process-box-2 .process-text-wrap .process-text-box {
    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 0.66em;
    padding: 3.125rem 3.5875rem;
    color: var(--white);
    -webkit-transform: none;
            transform: none;
  }
  .process .wrapper .container .process-box .process-text-wrap .process-title, .process .wrapper .container .process-box-2 .process-text-wrap .process-title {
    margin-bottom: 0.93rem;
    font-size: 1.59em;
  }
  .process .wrapper .container .process-box .process-text-wrap .process-text-wrap._2, .process .wrapper .container .process-box-2 .process-text-wrap .process-text-wrap._2 {
    margin-top: 4.23em;
    -webkit-transform: translate(4.3em);
            transform: translate(4.3em);
  }
  .process .wrapper .container .process-box .process-text-wrap .car, .process .wrapper .container .process-box-2 .process-text-wrap .car {
    display: none;
  }
  .process .wrapper .container .process-box-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -2.5rem;
  }
  .process .wrapper .container .process-box-2 .process-title.centered {
    display: none;
  }
  .process .wrapper .container .process-box-2 .process-line-vertical {
    display: none;
  }
  .process .wrapper .container .process-box-2 .process-text-wrap._2 {
    margin-top: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .process .wrapper .container .process-box-2 .process-text-wrap._2 .park-icon-w {
    display: none;
  }
  .process .wrapper .container .process-box-2 .process-text-wrap._2 .process-text-box {
    -webkit-transform: translate(0em);
            transform: translate(0em);
  }
  .process .wrapper .container .process-box-2 .process-text-wrap._2 .process-title {
    display: block;
  }
  .process .wrapper .container .process-box._3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: -2.5rem;
    padding: 0;
  }
  .process .wrapper .container .process-box._3 .process-number-w._3 {
    -webkit-transform: none;
            transform: none;
    display: -ms-grid;
    display: grid;
    margin: 0 auto;
  }
  .process .wrapper .container .process-box._3 .process-text-wrap {
    -webkit-transform: none;
            transform: none;
    margin-top: 0;
  }
  .process .wrapper .container .process-box._3 .process-text-box {
    background-color: var(--dark-blue);
    -webkit-transform: none;
            transform: none;
  }
  .process .wrapper .container.process-box-1 {
    padding-bottom: 0em;
    border-top: 2px solid var(--white);
  }
  .process .wrapper .container.process-box-2 {
    padding: 0;
  }
}
@container main (max-width: 47.9375rem) {
  .process .wrapper .container .process-box .process-text-wrap .process-text-box, .process .wrapper .container .process-box-2 .process-text-wrap .process-text-box {
    padding: 3.125rem 0.9375rem;
  }
}