section.herolanding .mainarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
section.herolanding .mainarea > div {
  width: 100%;
}
section.herolanding .mainarea > div .bg-grid {
  height: 100%;
}
@container main (min-width: 64.0625rem) {
  section.herolanding .mainarea {
    min-height: 83svh;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.herolanding .mainarea {
    min-height: 90svh;
  }
}
@container main (max-width: 47.9375rem) {
  section.herolanding .mainarea {
    min-height: 70svh;
  }
}
section.herolanding .bg-grid .slides-col {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  overflow: hidden;
}
section.herolanding .bg-grid .slides-col .swiper {
  height: 100%;
}
section.herolanding .bg-grid .slides-col .swiper .swiper-wrapper {
  height: 100%;
}
section.herolanding .bg-grid .slides-col .swiper .swiper-wrapper .swiper-slide {
  height: 100%;
  position: relative;
}
section.herolanding .bg-grid .slides-col .swiper .swiper-wrapper .swiper-slide picture,
section.herolanding .bg-grid .slides-col .swiper .swiper-wrapper .swiper-slide img,
section.herolanding .bg-grid .slides-col .swiper .swiper-wrapper .swiper-slide video {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
}
section.herolanding .bg-grid .content-col {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  z-index: 2;
  padding-top: var(--header-height);
}
section.herolanding .bg-grid .content-col .heading-box {
  background: var(--trafsysblue-o);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: var(--white);
}
section.herolanding .bg-grid .content-col .heading-box h1 {
  font: var(--h2-font);
}
section.herolanding .bg-grid .content-col .swiper-button-prev,
section.herolanding .bg-grid .content-col .swiper-button-next {
  border-radius: 50%;
  background: var(--trafsysblue-o);
  position: static;
  margin: 0;
}
section.herolanding .bg-grid .content-col .swiper-button-prev:after,
section.herolanding .bg-grid .content-col .swiper-button-next:after {
  color: var(--white);
}
@container main (min-width: 85.4375rem) {
  section.herolanding .bg-grid .slides-col {
    border-bottom-right-radius: 12.5rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .heading-box {
    padding: 2.5rem 3.75rem;
  }
}
@container main (min-width: 64.0625rem) and (max-width: 85.375rem) {
  section.herolanding .bg-grid .slides-col {
    border-bottom-right-radius: 6.25rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .heading-box {
    padding: 2.5rem 3.75rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .heading-box h1 {
    font-size: 2.125rem;
  }
}
@container main (min-width: 64.0625rem) {
  section.herolanding .bg-grid .slides-col {
    border-bottom-left-radius: 1.25rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid {
    -ms-flex-line-pack: end;
        align-content: end;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .heading-box {
    margin-bottom: -3.125rem;
    border-radius: 1.25rem;
    border-top-right-radius: 6.25rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box {
    -ms-flex-line-pack: end;
        align-content: end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    padding-bottom: 3.125rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-prev,
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-next {
    width: 3.125rem;
    height: 3.125rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-prev:after,
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-next:after {
    font-size: 1.125rem;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.herolanding .bg-grid .slides-col {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 6.25rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid {
    -ms-flex-line-pack: end;
        align-content: end;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .heading-box {
    padding: 1.6875rem 3.125rem;
    margin-bottom: -3.75rem;
    border-radius: 0.625rem;
    border-top-right-radius: 4.6875rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box {
    -ms-flex-line-pack: end;
        align-content: end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    padding-bottom: 3.75rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-prev,
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-next {
    width: 2.3125rem;
    height: 2.3125rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-prev:after,
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-next:after {
    font-size: 0.9375rem;
  }
}
@container main (max-width: 47.9375rem) {
  section.herolanding .bg-grid .slides-col {
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 4.6875rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .heading-box {
    padding: 1.875rem 1.5625rem;
    margin-bottom: -1.875rem;
    border-radius: 0.625rem;
    border-top-right-radius: 3.75rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-prev,
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-next {
    width: 2.0625rem;
    height: 2.0625rem;
  }
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-prev:after,
  section.herolanding .bg-grid .content-col .heading-nav-grid .nav-box .swiper-button-next:after {
    font-size: 0.9375rem;
  }
}
@container main (min-width: 64.0625rem) {
  section.herolanding .textarea {
    padding-block: 6.25rem;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.herolanding .textarea {
    padding-block: 6.25rem;
  }
}
@container main (max-width: 47.9375rem) {
  section.herolanding .textarea {
    padding-block: 5rem;
  }
}