@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Variablefont Slnt Wght;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sharpgrotesk Book 15";
  src: url('../fonts/SharpGrotesk-Book15.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sharpgrotesk 15";
  src: url('../fonts/SharpGrotesk-Medium15.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "15 Sharpgrotesk Book 15";
  src: url('../fonts/15-SharpGrotesk-Book15.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "15 Sharpgrotesk 15";
  src: url('../fonts/15-SharpGrotesk-Light15.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "15 Sharpgrotesk 15";
  src: url('../fonts/15-SharpGrotesk-Black15.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "15 Sharpgrotesk 15";
  src: url('../fonts/15-SharpGrotesk-Thin15.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "15 Sharpgrotesk 15";
  src: url('../fonts/15-SharpGrotesk-SemiBold15.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "15 Sharpgrotesk 15";
  src: url('../fonts/15-SharpGrotesk-Medium15.otf') format("opentype"), url('../fonts/15-SharpGrotesk-Medium15.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "15 Sharpgrotesk 15";
  src: url('../fonts/15-SharpGrotesk-Bold15.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family--secondary: Inter, sans-serif;
  --font-size--base: 1rem;
  --font-size--medium\<deleted\|variable-c5aed1c6-145f-2a11-5f07-fafeb5629b1f\>: 1.125rem;
  --text-max-width--h1: 20ch;
  --font-family--primary: "15 Sharpgrotesk 15", Impact, sans-serif;
  --font-size--h1: 3rem;
  --fluid-sizes--line-height-base: 1.5em;
  --font-size--hero: 5rem;
  --text-max-width--h2: 30ch;
  --font-size--h2: 2.5rem;
  --fluid-sizes--line-height-medium: 1.1em;
  --fluid-sizes--fluid-large: 4.5vw;
  --text-max-width--h3: 45ch;
  --font-size--h3: 2rem;
  --font-size--large: 1.25rem;
  --text-max-width--h4: 55ch;
  --font-size--h4: 1.5rem;
  --text-max-width--h5: 60ch;
  --font-size--h5: 1.25rem;
  --text-max-width--h6: 65ch;
  --font-size--h6: 1.125rem;
  --font-size--body-large: 1.125rem;
  --text-max-width--body-large: 70ch;
  --color--brand--black: #2c2a29;
  --color--brand--primary: #1625a3;
  --color--brand--white: white;
  --transparent: #fff0;
  --color--brand--secondary: #f2a900;
  --color--brand--primary-dark: #0d1662;
  --font-size--caption: .875rem;
  --page-padding--desktop: 4rem;
  --color--brand--secondary-light: #f8e08e;
  --light-grey: #f6f6f6;
  --font-size--fine-print: .75rem;
  --page-padding--tablet: 3rem;
  --page-padding--mobile: 1.5rem;
  --fluid-sizes--fluid-small: 2vw;
  --fluid-sizes--line-height-small: 1em;
  --fluid-sizes--fluid-xsmall: 1vw;
  --fluid-sizes--fluid-medium: 3.5vw;
  --color--brand--enpower: #7cd45b;
  --color--brand--atcoenergy-systems: #00bcdd;
  --color--brand--retail: #0a8289;
  --fluid-sizes--fluid-xlarge: 8vw;
  --color--brand--dark-grey: #6b6b6e;
  --text-max-width--hero: 15ch;
  --text-max-width--base: 65ch;
  --color--brand--primary-light: #69b3e7;
  --text-max-width--caption: 75ch;
  --text-max-width--fine-print: 75ch;
  --color--brand--frontec: white;
  --color--brand--structures: white;
  --color--brand--australia: white;
  --color--brand--ventures-investment: white;
  --fluid-sizes--button: 1rem;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  font-size: 16px;
  line-height: 20px;
}

h1 {
  max-width: var(--text-max-width--h1);
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h1);
  line-height: var(--fluid-sizes--line-height-base);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

h2 {
  max-width: var(--text-max-width--h2);
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h2);
  line-height: var(--fluid-sizes--line-height-medium);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

h3 {
  max-width: var(--text-max-width--h3);
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h3);
  line-height: var(--fluid-sizes--line-height-medium);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

h4 {
  max-width: var(--text-max-width--h4);
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h4);
  line-height: var(--fluid-sizes--line-height-medium);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}

h5 {
  max-width: var(--text-max-width--h5);
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h5);
  line-height: var(--fluid-sizes--line-height-base);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}

h6 {
  max-width: var(--text-max-width--h6);
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h6);
  line-height: var(--fluid-sizes--line-height-base);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}

p {
  max-width: var(--text-max-width--body-large);
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--base);
  line-height: var(--fluid-sizes--line-height-base);
  margin-bottom: 10px;
  font-weight: 400;
}

a {
  text-decoration: none;
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 24px;
}

li {
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--base);
  line-height: var(--fluid-sizes--line-height-base);
  padding-bottom: 1.25rem;
}

blockquote {
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--base);
  line-height: var(--fluid-sizes--line-height-base);
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
}

.text-color-black-2 {
  color: #000;
}

.padding-xhuge {
  padding: 8rem;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-medium {
  padding: 2rem;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: .75rem;
  padding: .75rem;
}

.spacer-large {
  padding-top: 3rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.container-small {
  width: 100%;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.padding-xxlarge {
  padding: 5rem;
}

.text-weight-medium {
  font-weight: 500;
}

.padding-custom2 {
  padding: 2.5rem;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-regular {
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--base);
  line-height: var(--fluid-sizes--line-height-base);
}

.button {
  background-color: var(--color--brand--primary);
  font-family: var(--font-family--secondary);
  color: var(--color--brand--white);
  font-size: var(--font-size--base);
  text-align: center;
  padding: .75rem 1.5rem;
  font-weight: 700;
}

.button.is-white {
  padding: .5rem 1.25rem;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-secondary {
  color: #000;
  background-color: #0000;
  border: 1px solid #222;
}

.button.is-yellow {
  padding: 1rem 2rem;
}

.button.is-tertiary {
  border-style: none none solid;
  border-width: 1px 1px 3px;
  border-color: #222 #222 var(--color--brand--secondary);
  font-family: var(--font-family--secondary);
  color: var(--color--brand--white);
  font-size: var(--font-size--caption);
  background-color: #0000;
  padding-left: .125rem;
  padding-right: .125rem;
  font-weight: 600;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.main-wrapper {
  position: relative;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-xxlarge {
  margin: 5rem;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.margin-large {
  margin: 3rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.overflow-hidden {
  overflow: hidden;
}

.heading-style-h4 {
  line-height: var(--font-size--h3);
  font-weight: 500;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.padding-global {
  padding-right: var(--page-padding--desktop);
  padding-left: var(--page-padding--desktop);
  margin-left: auto;
  margin-right: auto;
}

.padding-xxhuge {
  padding: 12rem;
}

.text-weight-bold {
  font-weight: 700;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.text-color-secondary {
  color: #222;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.padding-small {
  padding: 1rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.padding-xlarge {
  padding: 4rem;
}

.fs-styleguide_spacing-all {
  display: none;
}

.icon-height-medium {
  height: 2rem;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.padding-huge {
  padding: 6rem;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.text-align-center {
  text-align: center;
}

.nav_logo {
  width: 10rem;
}

.padding-xsmall {
  padding: .5rem;
}

.text-weight-xbold {
  font-weight: 800;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.fs-styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.spline-element {
  z-index: 9999;
  width: 100%;
  height: auto;
  position: absolute;
}

.margin-small {
  margin: 1rem;
}

.fs-styleguide_item-header-2 {
  border-bottom: .0625rem solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.margin-medium {
  margin: 2rem;
}

.overflow-visible {
  overflow: visible;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.text-color-white {
  color: #fff;
}

.text-color-black {
  color: #000;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.form_component {
  margin-bottom: 0;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.padding-large {
  padding: 3rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.padding-custom1 {
  padding: 1.5rem;
}

.text-align-right {
  text-align: right;
}

.margin-xxsmall {
  margin: .25rem;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.text-weight-light {
  font-weight: 300;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.margin-0 {
  margin: 0;
}

.heading-style-h5 {
  font-weight: 500;
}

.heading-style-h5.text-color-white.opacity-80 {
  color: #fffc;
}

.text-color-alternate {
  color: #fff;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.fs-styleguide_message {
  color: #5e5515;
  background-color: #fcf8d8;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pointer-events-none {
  pointer-events: none;
}

.background-color-alternate {
  background-color: #fff;
}

.text-style-muted {
  opacity: .6;
}

.form_input {
  background-color: #0000;
  border: 1px solid #eee;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input::placeholder {
  color: #222;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.form_input.is-select-input {
  color: #222;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.text-color-yellow {
  color: #95d9d0;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.text-size-large {
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h5);
  line-height: var(--fluid-sizes--line-height-base);
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.overflow-scroll {
  overflow: scroll;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.fs-styleguide_heading-header {
  font-weight: 500;
}

.background-color-secondary {
  background-color: var(--color--brand--secondary);
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.text-style-italic {
  font-style: italic;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.icon-height-large {
  height: 3rem;
}

.margin-huge {
  margin: 6rem;
}

.text-style-allcaps {
  text-transform: uppercase;
  font-family: "Sharpgrotesk 15", sans-serif;
  font-weight: 500;
}

.spacer-tiny {
  width: 100%;
  padding-top: .5rem;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.text-size-medium {
  font-size: var(--font-size--body-large);
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.background-color-black {
  color: #f5f5f5;
  background-color: #202020;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.padding-section-large {
  padding-top: 12vh;
  padding-bottom: 12vh;
}

.text-align-left {
  text-align: left;
}

.hide {
  display: none;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_item-2 {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: .0625rem solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: grid;
  position: relative;
}

.background-color-primary {
  background-color: var(--color--brand--primary);
  color: #fff;
}

.heading-style-h2.margin-0 {
  font-family: var(--font-family--secondary);
  color: var(--color--brand--black);
  padding-bottom: 5px;
  font-weight: 500;
}

.heading-style-h2.margin-0.text-color-white, .heading-style-h2.text-color-white {
  color: var(--color--brand--white);
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.heading-style-h3 {
  line-height: var(--fluid-sizes--line-height-medium);
  margin-top: 15px;
  font-weight: 500;
}

.heading-style-h3.text-weight-semibold.text-color-blue {
  color: var(--color--brand--primary-dark);
}

.margin-xsmall {
  margin: .5rem;
}

.margin-xhuge {
  margin: 8rem;
}

.text-weight-normal {
  font-weight: 400;
}

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.25rem;
}

.heading-style-h1 {
  line-height: var(--fluid-sizes--line-height-medium);
}

.fs-styleguide_label {
  background-color: var(--color--brand--primary);
  color: #fff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: var(--color--brand--secondary-light);
  color: var(--color--brand--black);
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.background-color-tertiary {
  background-color: var(--color--brand--secondary-light);
}

.text-color-grey {
  color: gray;
}

.text-style-nowrap {
  white-space: nowrap;
}

.overflow-auto {
  overflow: auto;
}

.text-size-tiny {
  font-size: var(--font-size--fine-print);
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.fs-styleguide_heading-medium {
  font-family: "Sharpgrotesk Book 15", sans-serif;
  font-size: 4rem;
}

.nav_button {
  padding: 1rem;
}

.text-size-small {
  font-size: var(--font-size--caption);
}

.margin-custom2 {
  margin: 2.5rem;
}

.text-color-blue {
  color: #3b9ba1;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.padding-0 {
  padding: 0;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.padding-custom3 {
  padding: 3.5rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-tiny {
  margin: .125rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.pointer-events-auto {
  pointer-events: auto;
}

.padding-tiny {
  padding: .125rem;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.fs-styleguide_header {
  background-color: var(--color--brand--primary);
  color: #fff;
  background-image: none;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.margin-custom1 {
  margin: 1.5rem;
}

.icon-height-small {
  height: 1rem;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.icon-1x1-small.margin-left {
  margin-right: .5rem;
}

.section {
  min-height: 32px;
  padding-top: 2.5rem;
  padding-bottom: 10rem;
  position: relative;
}

.section.home-hero-section {
  background-color: var(--color--brand--primary);
  color: #efefef;
  background-image: linear-gradient(#1625a3cc, #1625a3cc), url('../images/BG-grid.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding-top: 10rem;
  padding-bottom: 3rem;
  padding-left: 13vw;
  display: flex;
  overflow: hidden;
}

.section.home-hero-section.justify {
  justify-content: space-between;
  padding-top: 5%;
  padding-bottom: 3%;
}

.section.hero-section {
  color: #efefef;
  background-color: #0e1a82;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 88vh;
  min-height: 600px;
  padding-top: 10rem;
  padding-bottom: 3rem;
  display: flex;
  overflow: visible;
}

.section.preloader-section {
  color: #efefef;
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100vh;
  padding-top: 10rem;
  padding-bottom: 3rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.section.intro-section {
  background-color: var(--color--brand--primary);
  color: #efefef;
  background-image: linear-gradient(#1625a3b3, #1625a3b3), url('../images/BG-grid.svg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  padding-top: 9rem;
  padding-bottom: 9rem;
  display: flex;
  overflow: visible;
}

.section.pagination {
  background-color: var(--color--brand--primary);
  color: #efefef;
  background-image: linear-gradient(#1625a3b3, #1625a3b3), url('../images/BG-grid.svg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 36vh;
  padding-top: 7rem;
  padding-bottom: 7rem;
  display: flex;
  overflow: visible;
}

.section.parallax-master {
  height: auto;
  min-height: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.text-grey-500 {
  color: #6b6b6e;
}

.section-header {
  border-bottom: 1px solid #dedede;
  width: 100%;
  padding-bottom: 2.5rem;
}

.label {
  grid-column-gap: .5rem;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--base);
  line-height: var(--fluid-sizes--line-height-medium);
  letter-spacing: .02rem;
  text-transform: uppercase;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.label.hide {
  display: none;
}

.label.text-color-white {
  font-family: var(--font-family--primary);
  color: var(--color--brand--white);
  font-size: var(--font-size--base);
  line-height: var(--font-size--medium\<deleted\|variable-c5aed1c6-145f-2a11-5f07-fafeb5629b1f\>);
  letter-spacing: .05rem;
  font-weight: 500;
}

.label.text-color-black {
  color: var(--color--brand--black);
  font-weight: 500;
}

.label.text-color-black:hover {
  color: var(--color--brand--white);
}

.label.text-color-primary {
  color: var(--color--brand--primary);
}

.display-large {
  max-width: 34ch;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h3);
  letter-spacing: -.025rem;
  margin-top: 0;
  line-height: 110%;
}

.container-main {
  width: 100%;
  padding-right: var(--page-padding--desktop);
  padding-left: var(--page-padding--desktop);
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-main.hide {
  display: none;
}

.container-main.intro-content {
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
}

.display-medium {
  font-family: var(--font-family--primary);
  font-size: var(--fluid-sizes--fluid-small);
  line-height: var(--fluid-sizes--line-height-medium);
  margin-top: 0;
}

.display-xl {
  font-family: var(--font-family--primary);
  color: var(--color--brand--primary-dark);
  font-size: var(--font-size--h2);
  line-height: var(--fluid-sizes--line-height-medium);
  letter-spacing: 0;
  margin-top: 0;
}

.display-xl.padding-section-xsmall.text-color-white {
  color: var(--color--brand--white);
}

._12-column-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  width: 100%;
  display: grid;
  position: static;
}

._12-column-grid.bottom-align {
  grid-column-gap: 2.5rem;
  align-items: end;
}

._12-column-grid.center-align {
  align-items: center;
}

._12-column-grid.padding-section-medium {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

._12-column-grid.gap-small {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

._12-column-grid.padding-bottom {
  padding-bottom: 10vh;
}

._12-column-grid.gap-xlarge {
  grid-column-gap: 4rem;
}

.nav-menu-left {
  grid-column-gap: 2rem;
  align-self: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.navlink {
  grid-column-gap: .25rem;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--large);
  align-items: center;
  padding: 1rem;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  overflow: hidden;
}

.navlink:hover {
  padding-left: 1.25rem;
}

.navlink.w--current {
  color: #1625a3;
}

.navbar-logo {
  min-width: 100px;
}

.button-text-wrap {
  position: relative;
  overflow: hidden;
}

.button-text {
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--caption);
  line-height: var(--fluid-sizes--line-height-base);
  font-weight: 600;
  text-decoration: none;
}

.button-text.button-hover-text {
  color: var(--color--brand--primary-dark);
  position: absolute;
  bottom: -100%;
}

.navbar {
  z-index: 1000;
  background-color: #20223100;
  background-image: linear-gradient(#00000030, #0000);
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar.light {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: absolute;
}

.navbar-logo-wrap {
  z-index: 4;
}

.navbar-logo-wrap.w--current {
  position: relative;
}

.outline-button {
  z-index: 2;
  color: #232325;
  background-color: #efefef;
  border: 1px solid #dedede;
  border-radius: 0;
  padding: 1rem 2rem;
  font-size: .9375rem;
  transition-property: none;
  position: relative;
}

.container-2 {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
  position: relative;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu.left-align {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-end;
}

.scroll-progress-bar {
  z-index: 999999;
  background-color: var(--color--brand--secondary);
  transform-origin: 0%;
  width: 100%;
  height: 4px;
  position: fixed;
  inset: 0% auto auto 0%;
}

.scroll-down-wrap {
  z-index: 999;
  grid-column-gap: 1rem;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.scroll-down-wrap:hover {
  color: #fff;
}

.home-hero-image-overlay {
  background-color: #0000004d;
  position: relative;
  inset: 0%;
}

.flex-vertical {
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex-vertical.row-gap-75 {
  grid-row-gap: .75rem;
}

.scroll-line {
  background-color: #fff;
  width: 1px;
  height: 1.5rem;
}

.home-hero-image {
  width: 100%;
  height: 120%;
}

.home-hero-subtitle-wrap {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 5rem;
  overflow: hidden;
}

.home-hero-image-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero-subtitle {
  z-index: 1;
  max-width: 22ch;
  color: var(--color--brand--white);
  font-size: var(--fluid-sizes--fluid-small);
  line-height: var(--fluid-sizes--line-height-medium);
  letter-spacing: -.025rem;
  margin-bottom: 7%;
  position: relative;
}

.scroll-text-wrap {
  position: relative;
  overflow: hidden;
}

.title-wrap {
  padding-bottom: 0;
  overflow: hidden;
}

.title-wrap.home-title-wrap {
  padding-right: 3vw;
  overflow: hidden;
}

.title-wrap.home-title-wrap.padding-right {
  padding-left: 2rem;
}

.title-wrap.home-title-wrap.border-left {
  border-right: 1px solid #ffffff4d;
}

.title-wrap.home-title-wrap.vertical-align {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.light-button {
  color: #232325;
  text-align: center;
  background-color: #efefef;
  border: 0 solid #dedede;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-size: .9375rem;
  transition-property: none;
  display: inline-block;
  position: relative;
}

.scroll-link-text {
  font-family: var(--font-family--secondary);
  font-weight: 600;
}

.scroll-link-text.scoll-link-hover-text {
  position: absolute;
  bottom: -100%;
}

.max-width-70 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  max-width: 70ch;
  height: 100%;
  color: var(--color--brand--black);
  flex-direction: column;
  display: flex;
}

._3-column-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  place-items: start stretch;
  width: 100%;
  display: grid;
  position: static;
}

._16-9-image-wrap {
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._16-9-image-wrap.margin-bottom-2 {
  margin-bottom: 1rem;
}

.parallax-image {
  object-fit: cover;
  width: 100%;
  height: 120%;
  display: block;
  position: relative;
}

.split-lines {
  color: var(--color--brand--primary-dark);
  font-size: 6vw;
  line-height: var(--fluid-sizes--line-height-small);
}

.tabs-list {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.tabs-list.gap-medium {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
}

.split-section-text-wrap {
  width: 90%;
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
}

.split-section-text-wrap.max-width-full {
  width: 100%;
  max-width: 100%;
}

.split-section-text-wrap.max-width-full.hide-desktop {
  display: none;
}

.split-section-text-wrap.max-width-full.sticky {
  z-index: 0;
  position: sticky;
  top: 8rem;
}

.tab-toggle {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  white-space: break-spaces;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 1rem 0 3rem;
  display: flex;
}

.tab-toggle.w--open {
  border-bottom: 0 solid #0000;
}

.tab-title {
  z-index: 2;
  width: 360px;
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--large);
  line-height: var(--fluid-sizes--line-height-base);
  font-weight: 600;
  position: relative;
}

.tab-indicator-2 {
  background-color: #dedede;
  width: 2px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.tab {
  width: 100%;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.tab-text {
  color: #6b6b6e;
  margin-bottom: 0;
  font-weight: 400;
}

.tab-text.text-color-white {
  color: #ddd;
}

.tab-wrap {
  position: relative;
}

.tab-text-wrap {
  border-top-style: none;
  padding: 1rem 2rem 2rem 3rem;
  line-height: 32px;
}

.split-section-header {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}

.split-section-header.padding-custom4 {
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 0;
}

._2-column-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  place-items: start stretch;
  width: 100%;
  display: grid;
  position: static;
}

.heading-wrap.padding-right {
  padding-right: 2rem;
}

.tab-content {
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.tab-content.w--open {
  background-color: #0000;
}

.parallax-image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 130px;
  display: block;
  position: relative;
}

.parallax-image-2.right-align {
  object-position: 100% 50%;
}

.accordion-item {
  cursor: pointer;
  border-bottom: 1px solid #dedede;
  flex-direction: column;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  overflow: hidden;
}

.accordion-item.no-padding-top {
  padding-top: 0;
}

.accordion-text {
  color: #6b6b6e;
  max-width: 90ch;
  margin-top: 3rem;
}

.accordion {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.accordion-icon {
  color: #929295;
  text-align: right;
  font-size: 1.5rem;
  font-weight: 400;
}

.accordion-icon.text-color-white {
  color: var(--color--brand--white);
}

.accordion-number {
  letter-spacing: -.025rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 90%;
}

.accordion-content-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.right-arrow {
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: auto;
  display: flex;
  position: absolute;
  bottom: 0;
}

.mask {
  flex: none;
  width: 90%;
  height: auto;
  overflow: visible;
}

.slider {
  background-color: #0000;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.slider-wrap {
  height: auto;
  padding-left: 6rem;
  overflow: hidden;
}

.parallax-slider-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.slide {
  aspect-ratio: 16 / 9;
  width: 100%;
  margin-right: 1.25rem;
  overflow: hidden;
}

.slider-arrow {
  width: auto;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-nav {
  display: none;
  position: relative;
}

.hero-text {
  z-index: 1;
  font-size: var(--fluid-sizes--fluid-xsmall);
  line-height: var(--fluid-sizes--line-height-base);
  letter-spacing: -.025rem;
  margin-bottom: 0;
  position: relative;
}

.d-menu-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 16rem;
  height: 100vh;
  padding-left: 3rem;
  display: flex;
  position: fixed;
  inset: 2rem 0 0;
}

.d-14-menu-item-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: 20px;
  margin-right: 8px;
  display: flex;
}

.d-14-link-block {
  opacity: .7;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.d-14-link-block:hover {
  opacity: 1;
}

.d-14-link-block.w--current {
  grid-column-gap: .5px;
  grid-row-gap: .5px;
  opacity: 1;
  letter-spacing: .5px;
  -webkit-text-stroke-width: .7px;
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
}

.d-14-menu-item-text {
  color: #fff;
  width: 100%;
  max-width: 8.25rem;
  min-height: 3.5rem;
  font-family: Inter, sans-serif;
  font-size: var(--font-size--fine-print);
  align-items: center;
  padding: .5rem;
  font-weight: 400;
  line-height: 1.5em;
  display: flex;
}

.d-14-menu-circle {
  outline-offset: 7px;
  background-color: #fff;
  border-radius: 100px;
  outline: 1px dashed #ffffff54;
  width: .5rem;
  height: .5rem;
  margin: 1rem;
}

.footer-logo {
  width: 13rem;
}

.footer-link-columns-wrap {
  justify-content: space-between;
  align-items: center;
  max-width: 542px;
  display: flex;
}

.max-width-30 {
  max-width: 30ch;
}

.footer {
  z-index: 999;
  background-color: var(--color--brand--primary-dark);
  color: #efefef;
  border-bottom: 4px solid #1625a3;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 2.5rem;
  position: sticky;
}

.text-block, .footer-address, .footer-link {
  color: var(--color--brand--white);
}

.footer-link:hover {
  color: #efefef;
}

.footer-bottom-links-wrap {
  grid-column-gap: 1.5rem;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.footer-bottom-link {
  color: var(--color--brand--white);
}

.footer-bottom-link:hover {
  color: #efefef;
}

.footer-bottom {
  color: #6b6b6e;
  justify-content: space-between;
  align-items: center;
  margin-top: 12.5rem;
  display: flex;
}

.footer-bottom.margin-0 {
  margin-top: 1rem;
}

.footer-contact-links {
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.large-footer-link {
  color: #efefef;
  font-size: 2rem;
  line-height: 120%;
}

.large-footer-link:hover {
  color: var(--color--brand--secondary);
}

.footer-header {
  border-bottom: 1px solid #ffffff40;
  width: 100%;
  margin-bottom: 4rem;
  padding-bottom: 2.5rem;
}

.footer-header.margin-0 {
  margin-bottom: 0;
}

.footer-label {
  letter-spacing: .025rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-size: .875rem;
  line-height: 100%;
}

._12-column-grid-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  place-items: start stretch;
  width: 100%;
  display: grid;
  position: static;
}

.preloader-background {
  background-color: var(--color--brand--primary);
  position: absolute;
  inset: 0%;
}

.section-hero {
  background-color: #0000;
  min-height: 32px;
  padding-top: 2.5rem;
  padding-bottom: 10rem;
  position: relative;
}

.section-hero.home-hero-section {
  color: #efefef;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  padding-top: 10rem;
  padding-bottom: 3rem;
  display: flex;
  overflow: visible;
}

.home-hero-video {
  width: 100%;
  height: 100%;
  position: static;
}

.hero-bottom-gradient {
  z-index: -1;
  background-image: linear-gradient(0deg, var(--color--brand--primary-dark), var(--color--brand--primary-dark) 3%, #1625a300);
  align-self: flex-end;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video {
  background-color: #0000004d;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.play-pause-button {
  z-index: 999;
  background-color: var(--color--brand--white);
  border-radius: 10rem;
  padding: 1rem;
  bottom: 20%;
  right: 4rem;
}

.flex-horizontal {
  grid-column-gap: 1.15rem;
  grid-row-gap: 1.15rem;
  align-items: center;
}

.flex-horizontal.border {
  border-bottom: 1px solid #fff6;
  padding-bottom: .5rem;
}

.flex-horizontal.wrap-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  display: flex;
}

.padding-section-xsmall {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.padding-section-xsmall.gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
}

.padding-section-xsmall.gap.padding-top.flex-vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.padding-section-xsmall.padding-top {
  padding-top: 4rem;
}

.path-2 {
  color: var(--color--brand--white);
}

.path-2.dark {
  color: var(--color--brand--black);
}

.path-3 {
  color: var(--color--brand--secondary);
}

.path-3.enpower {
  color: var(--color--brand--enpower);
}

.path-3.energy-systems {
  color: var(--color--brand--atcoenergy-systems);
}

.path-3.retail {
  color: var(--color--brand--retail);
}

.svg {
  width: 7rem;
}

.header-title {
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h3);
  text-transform: none;
}

.hero-image-overlay {
  background-color: #0000004d;
  width: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.header-image {
  opacity: .7;
  object-fit: cover;
  width: 100%;
}

.content-card-fill {
  background-color: var(--color--brand--secondary-light);
  height: 100%;
  min-height: 240px;
  padding: 1.5rem 2.5rem;
}

.content-card-fill.energy-systems {
  background-color: var(--color--brand--atcoenergy-systems);
}

.business-logo {
  width: 22vw;
  padding-bottom: 1rem;
}

.hero-subtitle-wrap {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 5rem;
  overflow: hidden;
}

._1-1-image-wrap {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-right: 3vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card {
  aspect-ratio: 1;
  background-color: var(--color--brand--white);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 11%;
  display: flex;
}

.card.background-color-secondary {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  aspect-ratio: auto;
  background-color: var(--color--brand--secondary);
  flex-flow: row;
  align-items: flex-end;
  padding: 9%;
  position: relative;
}

.horizontal-sticky {
  width: 100%;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.wrapper {
  width: 100%;
}

.horizontal-item {
  color: #333;
  flex: none;
  width: 34%;
  padding-right: 1.5rem;
}

.sticky_top {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4em;
  display: flex;
}

.card_icon {
  flex: none;
  width: 14%;
}

.horizontal-trigger {
  position: absolute;
  inset: 0% 0% auto;
}

.list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.card_top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.sticky_title {
  color: var(--color--brand--white);
  font-size: var(--fluid-sizes--fluid-medium);
  white-space: nowrap;
  flex: none;
  padding-right: 1em;
}

.horizontal-section {
  background-color: var(--color--brand--primary);
  background-image: linear-gradient(#1625a3b3, #1625a3b3);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 3rem;
  padding-left: 13vw;
  position: relative;
}

.container {
  width: 100%;
  padding-right: var(--page-padding--desktop);
  padding-left: var(--page-padding--desktop);
  margin-left: auto;
  margin-right: auto;
}

.container.is--sticky {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.modals {
  z-index: 1000;
  position: relative;
}

.modal-background {
  cursor: pointer;
  background-color: #0d16624d;
  position: absolute;
  inset: 0%;
}

.content-block {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.content-block.gap-medium {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.image-block {
  padding: 0;
}

.modal-wrapper {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0e0e0e;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 800px;
  height: auto;
  min-height: 600px;
  padding: 4em 4em 4em 1em;
  display: flex;
  position: relative;
  box-shadow: 0 6px 20px -2px #ffd0007d;
}

.modal-wrapper.light {
  box-shadow: none;
  background-color: #fff;
  padding: 3.4rem;
}

.txt-scroll {
  height: auto;
  max-height: 52%;
  overflow: auto;
}

.close-modal {
  cursor: pointer;
  position: absolute;
  inset: -.1% -.1% auto auto;
}

.atco-energy-systems {
  z-index: 2000;
  background-color: #000000ba;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-14 {
  width: 100%;
}

.atco-enpower, .atco-australia, .atco-structures, .atco-frontec, .atco-retail, .atco-ventures-investments {
  z-index: 2000;
  background-color: #000000ba;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.number-wrap {
  flex-direction: column;
  align-items: flex-start;
  max-width: 70ch;
  display: flex;
}

.divider {
  z-index: -4;
  background-color: #dedede;
  width: 100%;
  height: 1px;
  position: static;
}

.divider.number-divider {
  margin-bottom: 1rem;
}

.open-modal {
  border: 1px solid var(--color--brand--primary);
  color: #333;
  flex: none;
}

.open-modal:hover {
  transform: translate(0, -3%);
}

.intro-subtitle-wrap {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  overflow: hidden;
}

.intro-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.intro-list.border-bottom {
  border-bottom: 1px solid #ccc;
}

.intro-list-text-wrapper {
  border-top: 1px dashed #ffffff80;
  border-bottom: 0 dashed #ffffff80;
  width: 100%;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.icon-1x1-xlarge {
  width: 3rem;
  height: 3rem;
}

.text-button-wrap {
  z-index: 999;
  grid-column-gap: 1rem;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-top: 1rem;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-button-wrap:hover {
  color: #fff;
}

.text-button-wrap.w--current {
  flex-flow: column;
}

.text-wrap {
  color: var(--color--brand--black);
  position: relative;
  overflow: hidden;
}

.bottom-line {
  background-color: var(--color--brand--secondary);
  width: 202px;
  height: 1px;
}

.flex-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}

.continue-button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.continue-button-wrap.vertical-align-bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-end;
}

.icon-button {
  background-color: var(--color--brand--white);
  border-radius: 140vw;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.icon-button.icon-1x1-small {
  width: 2.5rem;
  height: 2.5rem;
}

.icon-wrap {
  width: 1.25rem;
  position: relative;
  overflow: hidden;
}

.arrow-right {
  width: .6rem;
  margin-left: 6px;
  padding-top: .25rem;
  padding-bottom: .25rem;
  display: block;
}

.arrow-right.arrow-right-hover {
  position: absolute;
  bottom: -100%;
  left: 0;
}

.max-width-90 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  max-width: 90ch;
  height: auto;
  color: var(--color--brand--black);
  flex-direction: column;
  display: flex;
}

._3-2-image-wrap {
  aspect-ratio: 3 / 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card_bottom-description {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  height: 4.5rem;
  display: flex;
}

.icon-hamburger {
  border: 2px solid #fff3;
  border-radius: 40rem;
  padding: .7rem;
}

.icon-hamburger:active {
  background-color: var(--color--brand--primary-dark);
  border-color: #ffffff80;
}

.icon-hamburger.w--open {
  border-color: var(--color--brand--primary-dark);
  background-color: var(--color--brand--primary-dark);
}

.nav-menu-2 {
  background-color: var(--color--brand--white);
  border: 1px solid #e2e2e2;
  width: 24rem;
  padding: 1.5rem 2rem;
  bottom: auto;
  left: auto;
  right: 4rem;
}

.tab-toggle-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  white-space: break-spaces;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 1rem 0 3rem;
  display: flex;
}

.tab-toggle-2.w--open {
  border-bottom: 0 solid #0000;
}

.tab-text-wrap-2 {
  border-top-style: none;
  padding: 1.5rem 2rem 1.5rem 3rem;
  line-height: 32px;
}

.breadcrumb {
  grid-column-gap: .25rem;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--large);
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.breadcrumb.w--current {
  color: #1625a3;
}

.background-color-grey {
  background-color: #f4f4f6;
}

.flex-vertical {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.space-between-vertical {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.hero-right-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-home-a {
  grid-column-gap: 8px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  max-width: 600px;
}

.home-a-hero-master {
  z-index: 1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.home-a-hero-maser {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.main-container {
  z-index: 2;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.section-2 {
  z-index: 2;
  color: #1f1915;
  background-color: #f0eee9;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  position: relative;
}

.section-2.hero-home-a {
  z-index: 1;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  height: 100svh;
  min-height: 100svh;
  padding-top: 0;
  padding-bottom: 0;
}

.headline-home-a {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-h3 {
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h3);
  line-height: var(--font-size--h2);
  letter-spacing: -.04em;
  font-weight: 500;
}

.scrub-text-overlay {
  transform-origin: 100%;
  font-family: var(--font-family--secondary);
  color: var(--color--brand--black);
  font-size: var(--font-size--base);
  background-color: #fffc;
  background-image: linear-gradient(90deg, #fff3, #ffffff8c 70%);
  font-weight: 400;
  display: block;
  position: absolute;
  inset: 0%;
}

.scrub-text-master {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.scrub-text-wrap {
  margin-top: -5px;
  position: relative;
}

.parallax-master {
  height: 300vh;
  overflow: clip;
}

.headline-video-parallax {
  max-width: 70vw;
  margin-bottom: 80px;
}

.wrap_section-scroll {
  background-color: var(--color--brand--white);
}

.wrap_icon-btn {
  flex: none;
  padding-left: .44vw;
}

.icon-play {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.33vw;
  height: 1.33vw;
  display: flex;
}

.video_home-scroll {
  border-radius: .67vw;
  flex: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video_cover {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.master_tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #151515;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button_text-mask {
  z-index: 5;
  pointer-events: none;
  flex: none;
  height: 1.11vw;
  position: relative;
  overflow: hidden;
}

.section_home-gen {
  padding-top: 6vw;
}

.cta_main {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #ededed;
  letter-spacing: .056vw;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #151515;
  border-radius: .44vw;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .67vw .89vw;
  font-size: .78vw;
  font-weight: 400;
  line-height: 1.11vw;
  text-decoration: none;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta_main:hover {
  color: #151515;
}

.cta_main.secondary {
  color: #151515;
  background-color: #15151514;
}

.cta_main.secondary:hover {
  color: #151515;
}

.button-mask-home {
  overflow: clip;
}

.button_icon-wrap {
  pointer-events: none;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.button_icon-wrap.left {
  margin-left: -4px;
}

.icon_button {
  z-index: 2;
  flex: none;
  justify-content: center;
  align-items: center;
  width: .67vw;
  height: .67vw;
  display: flex;
  position: relative;
}

.play-pause-button-2 {
  z-index: 5;
  bottom: 1.33vw;
  right: 1.33vw;
}

.video_home-client {
  opacity: 0;
  border-radius: .67vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70vw;
  height: 60vh;
  margin: auto;
  display: flex;
  overflow: hidden;
}

.headline_home-gen {
  z-index: 6;
  grid-column-gap: 1.33vw;
  grid-row-gap: 1.33vw;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 45vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.value-features-1-wrapper {
  height: auto;
}

.tag-scroll-home {
  overflow: clip;
}

.cover_button-bg {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  background-color: #d9d9d9;
  border-radius: .44vw;
  flex: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cover_button-bg.secondary {
  background-color: #d9d9d9;
}

.video-scroll-padding {
  flex: none;
  width: 100%;
  height: 0;
  display: block;
}

.wrap_video-scroll {
  z-index: 3;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.play-state {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #15151514;
  border: .069vw solid #ededed7a;
  border-radius: .67vw;
  justify-content: center;
  align-items: center;
  padding: .44vw .67vw;
  display: flex;
}

.button-text-4 {
  z-index: 2;
  text-shadow: 0 1.5em #151515;
  position: relative;
}

.button-text-4.secondary {
  text-shadow: 0 1.5em #151515;
}

.square {
  background-color: var(--color--brand--primary);
  flex: none;
  width: 10px;
  height: 10px;
  display: flex;
}

.square.yellow {
  background-color: var(--color--brand--secondary);
}

.heading-system-home-b {
  max-width: 500px;
}

.section-5 {
  z-index: 2;
  background-color: #f4f3ea;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-5.system-home-b-section {
  background-color: var(--color--brand--primary-dark);
  color: #f4f3ea;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.image-cover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.tab-item {
  width: 100%;
  font-family: var(--font-family--secondary);
  color: #f4f3ea7a;
  font-size: var(--font-size--h5);
  border-bottom: 1px solid #f4f3ea29;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.tab-item:focus {
  color: var(--color--brand--white);
}

.tab-item.w--current {
  font-family: var(--font-family--secondary);
  color: #f4f3ea;
}

.widget-tab {
  aspect-ratio: 1;
  outline-color: var(--color--brand--primary);
  outline-offset: 0px;
  object-fit: cover;
  border: 20px solid #fff0;
  border-radius: 0;
  outline-width: 15px;
  outline-style: solid;
  max-width: 80%;
  position: static;
}

.image-wrap-tab {
  aspect-ratio: 1;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.eyebrow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  font-family: var(--font-family--secondary);
  color: var(--color--brand--white);
  font-size: var(--font-size--fine-print);
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  display: inline-flex;
}

.eyebrow.light.light-64-7 {
  color: #f4f3eaa3;
}

.eyebrow.light.light-10 {
  color: #f4f3ea;
}

.eyebrow.country {
  font-family: var(--font-family--secondary);
  color: var(--color--brand--black);
  font-size: var(--font-size--fine-print);
  line-height: var(--fluid-sizes--line-height-small);
  letter-spacing: .05rem;
  font-weight: 500;
}

.overlay-with-image {
  z-index: 1;
  aspect-ratio: 1;
  mix-blend-mode: normal;
  background-color: #10101066;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-wrap-tab {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tab-content-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  margin-bottom: 4rem;
  display: grid;
}

.tab-thirds {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
  place-items: start stretch;
}

.tab-list {
  border-top: 1px solid #f4f3ea29;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 120px;
}

.headline-system-home-b {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  margin-bottom: 48px;
  display: grid;
}

.overline {
  grid-column-gap: .5rem;
  font-family: var(--font-family--primary);
  color: #1625a3;
  font-size: var(--font-size--base);
  letter-spacing: .02rem;
  text-transform: uppercase;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.overline.text-color-white {
  font-family: var(--font-family--primary);
  color: var(--color--brand--white);
  font-size: var(--font-size--caption);
  font-weight: 500;
}

.overline.text-align-center.text-color-white {
  justify-content: center;
  align-items: center;
}

.content-group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.overlay {
  background-color: #0009;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.news-link-mask {
  border-style: none;
  border-width: 1px 1px 2px;
  border-color: black black var(--color--brand--secondary);
  height: 1.33vw;
  overflow: clip;
}

.padding-global-2 {
  width: 100%;
  padding-left: 1.78vw;
  padding-right: 1.78vw;
}

.slider-2 {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: auto;
}

.card_news-b {
  color: #151515;
  background-color: #ededed;
  border-radius: .44vw;
  width: 100%;
  min-height: 30vw;
  text-decoration: none;
  transition: color .2s linear;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card_news-b:hover {
  color: #ededed;
  background-color: #0000;
}

.content_newsroom {
  grid-column-gap: 6.67vw;
  grid-row-gap: 6.67vw;
  flex-flow: column;
  display: flex;
}

.newsroom_halves {
  grid-column-gap: .89vw;
  grid-row-gap: .89vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  place-items: start stretch;
}

.container-large-2 {
  z-index: 2;
  width: 100%;
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mask_news {
  width: 100%;
  max-width: 20vw;
  margin-bottom: 2.67vw;
  overflow: visible;
}

.button-slider {
  color: #ededed;
  cursor: pointer;
  background-color: #151515;
  border: 1px solid #0000;
  border-radius: .44vw;
  justify-content: center;
  align-items: center;
  padding: .67vw .44vw;
  transition: padding .35s, border-color .3s, background-color .3s, color .3s;
  display: flex;
}

.button-slider:hover {
  color: #151515;
  background-color: #d9d9d9;
  border-color: #15151514;
  padding-left: .89vw;
  padding-right: .89vw;
}

.button-slider.secondary {
  color: #151515;
  background-color: #15151514;
  border-color: #0000;
}

.button-slider.secondary:hover {
  color: #151515;
  background-color: #d9d9d9;
  border-color: #15151514;
}

.top-tile_news-b-card {
  grid-column-gap: .89vw;
  grid-row-gap: .89vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.heading-style-h4-2 {
  letter-spacing: -.03vw;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2.22vw;
}

.slide_news {
  width: 100%;
  min-width: 30vw;
  margin-right: .89vw;
}

.text_body-bold {
  font-family: var(--font-family--secondary);
  color: var(--color--brand--black);
  font-weight: 600;
}

.text_body-bold.text_underline.text-color-white {
  color: var(--color--brand--white);
}

.text_body-bold.action-wrapper {
  border-bottom: 2px #000;
}

.image_cover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image_cover.parallax {
  width: 120%;
  height: 120%;
  margin-top: auto;
}

.slider_button {
  width: auto;
  height: auto;
  display: inline-flex;
  position: static;
}

.slider_button.prev {
  float: left;
  margin-right: .44vw;
}

.slider_button.next {
  float: left;
}

.tag_mask {
  overflow: clip;
}

.image-wrap_news-b {
  opacity: .15;
  color: #ededed;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.article_read-time {
  grid-column-gap: .22vw;
  grid-row-gap: .22vw;
  display: flex;
  overflow: hidden;
}

.bottom-tile_news-b-card {
  border-bottom: 2px solid var(--color--brand--secondary);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tone-medium {
  color: var(--color--brand--dark-grey);
}

.news {
  width: 100%;
}

.news.hide-cms {
  display: none;
}

.label-small {
  font-family: var(--font-family--primary);
  font-size: var(--font-size--caption);
  line-height: var(--font-size--caption);
  letter-spacing: .042vw;
  text-transform: uppercase;
  font-weight: 400;
}

.content_news-card {
  z-index: 2;
  grid-column-gap: 1.78vw;
  grid-row-gap: 1.78vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.33vw;
  display: flex;
  position: relative;
}

.tag_left-aligned {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tag_left-aligned.margin-bottom {
  margin-bottom: 1rem;
}

.overlay_semi-transparent {
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay_semi-transparent.animated {
  z-index: 2;
  background-image: linear-gradient(305deg, #0009 30%, #fff0 80%);
}

.section_newsroom {
  z-index: 1;
  background-color: #d9d9d9;
  padding-top: 10vh;
  padding-bottom: 10vh;
  position: relative;
  overflow: clip;
}

.heading_home-newsroom {
  max-width: 40vw;
  overflow: hidden;
}

.icon-slider-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon-slider-button.large {
  width: 1.33vw;
  height: 1.33vw;
}

.icon-slider-button.small {
  width: 12px;
  height: 12px;
  display: none;
}

.wrap-icon-slider {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrap-icon-slider.left {
  transform: rotate(180deg);
}

.section_network {
  z-index: 1;
  color: #ededed;
  background-color: #151515;
  padding-top: 10vh;
  padding-bottom: 10vh;
  position: relative;
  overflow: clip;
}

.master_countries {
  grid-column-gap: 1.33vw;
  grid-row-gap: 1.33vw;
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 30vw;
  display: flex;
}

.headline_network {
  grid-column-gap: 1.33vw;
  grid-row-gap: 1.33vw;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 44.22vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.tone-medium-2 {
  color: #151515a3;
}

.tone-medium-2.is-dark {
  color: var(--color--brand--dark-grey);
}

.img_country {
  object-fit: contain;
  flex: none;
  width: 2vw;
  height: 1vw;
  display: block;
}

.countries_block {
  grid-column-gap: .44vw;
  grid-row-gap: .44vw;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.master_network {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.country_tile {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  letter-spacing: .056vw;
  text-transform: uppercase;
  background-color: #dfdfdf;
  border: 1px solid #cacaca;
  border-radius: .44vw;
  padding: 1rem;
  font-size: .67vw;
  font-weight: 400;
  line-height: .67vw;
  display: flex;
}

.spline-network {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.wrap_spline {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.content_cta {
  grid-column-gap: 1.78vw;
  grid-row-gap: 1.78vw;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 37.78vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.section_cta {
  z-index: 2;
  position: relative;
}

.video_cta {
  z-index: 1;
  width: 100%;
  height: auto;
  padding-top: 14.56vw;
  padding-bottom: 14.56vw;
}

.paragraph.text-color-white.opacity-80 {
  color: #fffc;
}

.height-full {
  height: 100%;
}

.section-opt-countires.background-color-grey.is-gradient {
  background-image: url('../images/space-bg.svg'), radial-gradient(circle at 66%, #fff 34%, #e2e2e2 49%, #fff);
  background-position: 140%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
}

.section-opt-countires.background-color-grey.is-gradient.position-relative {
  background-image: radial-gradient(circle at 66%, #fff 34%, #e2e2e2 49%, #fff);
  background-repeat: repeat;
  background-size: auto;
  position: relative;
}

.display {
  max-width: var(--text-max-width--hero);
  font-size: var(--font-size--hero);
  line-height: var(--fluid-sizes--line-height-medium);
  font-weight: 500;
}

.globe-cover {
  position: absolute;
  inset: 0%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.youtube-link {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #15151514;
  border: .069vw solid #ededed7a;
  border-radius: .67vw;
  justify-content: center;
  align-items: center;
  padding: .44vw .67vw;
  display: flex;
}

@media screen and (min-width: 1440px) {
  body {
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--base);
    line-height: var(--font-size--medium\<deleted\|variable-c5aed1c6-145f-2a11-5f07-fafeb5629b1f\>);
    font-weight: 400;
  }

  h1 {
    font-size: var(--font-size--hero);
    font-weight: 500;
  }

  h2 {
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h1);
    line-height: var(--font-size--h1);
    font-weight: 600;
  }

  h3 {
    font-size: var(--font-size--h2);
    line-height: var(--font-size--h1);
    font-weight: 600;
  }

  h4 {
    font-size: var(--font-size--h4);
    line-height: var(--fluid-sizes--line-height-medium);
    font-weight: 500;
  }

  h5 {
    font-size: var(--font-size--h4);
    line-height: var(--font-size--h3);
    font-weight: 600;
  }

  h6 {
    font-size: var(--font-size--body-large);
    line-height: var(--font-size--h4);
    font-weight: 600;
  }

  p {
    color: var(--color--brand--black);
    line-height: var(--font-size--body-large);
    font-weight: 500;
  }

  blockquote {
    color: var(--color--brand--black);
    font-size: var(--font-size--medium\<deleted\|variable-c5aed1c6-145f-2a11-5f07-fafeb5629b1f\>);
    line-height: var(--font-size--body-large);
  }

  .text-size-regular {
    line-height: var(--font-size--large);
  }

  .button {
    background-color: var(--color--brand--primary);
    color: var(--color--brand--white);
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 700;
  }

  .button.is-white {
    border: 3px solid var(--color--brand--white);
    background-color: var(--transparent);
    color: var(--color--brand--white);
    padding: 1rem 1.5rem;
    font-weight: 700;
  }

  .button.is-text {
    border-bottom-width: 3px;
    border-bottom-color: var(--color--brand--secondary);
    color: var(--color--brand--black);
    padding-left: 0;
    padding-right: 0;
  }

  .button.is-secondary {
    border-width: 3px;
    border-color: var(--color--brand--primary-dark);
    color: var(--color--brand--primary-dark);
  }

  .button.is-yellow {
    background-color: var(--color--brand--secondary);
    color: var(--color--brand--black);
    font-weight: 700;
  }

  .text-size-large {
    line-height: var(--font-size--h4);
  }

  .fs-styleguide_heading-header {
    font-size: var(--font-size--hero);
  }

  .heading-style-h6 {
    font-size: var(--font-size--body-large);
    line-height: var(--font-size--body-large);
  }

  .fs-styleguide_item.dark-bg {
    background-color: var(--color--brand--primary);
  }

  .heading-style-h2 {
    font-size: var(--font-size--h1);
    line-height: var(--font-size--h1);
    font-weight: 500;
  }

  .heading-style-h2.margin-0 {
    font-size: var(--font-size--h2);
  }

  .heading-style-h2.text-color-white {
    font-weight: 500;
  }

  .heading-style-h3 {
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h3);
    line-height: var(--fluid-sizes--line-height-medium);
    font-weight: 500;
  }

  .heading-style-h1 {
    font-family: var(--font-family--primary);
    font-size: var(--font-size--hero);
  }

  .background-color-tertiary {
    background-color: var(--light-grey);
  }

  .text-size-tiny, .text-size-small {
    line-height: var(--font-size--large);
  }

  .wrap_video-scroll {
    z-index: 5;
  }

  .tab-item {
    text-decoration: none;
  }

  .widget-tab {
    aspect-ratio: 1;
  }

  .image-wrap-tab {
    aspect-ratio: 1;
    max-height: 50vh;
  }

  .tab-content-item {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .news-link-mask {
    height: 1rem;
  }

  .slide_navigation {
    display: none;
  }

  .content_news-card {
    padding: 2vw;
  }

  .overlay_semi-transparent.animated {
    background-color: #0000004d;
    background-image: linear-gradient(0deg, #fff0 20%, #0009 70%);
  }

  .icon-slider-button.small, .section_network.hide {
    display: none;
  }

  .paragraph {
    line-height: var(--font-size--large);
    font-weight: 400;
  }

  .paragraph.text-color-white.opacity-80 {
    line-height: var(--fluid-sizes--line-height-base);
  }

  .section-opt-countires.background-color-grey.is-gradient {
    background-position: 60%, 0 0;
    background-size: contain, auto;
  }

  .display {
    font-family: var(--font-family--primary);
    font-size: var(--font-size--hero);
  }

  .video-link-img {
    width: 150px;
  }

  .youtube-link {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-width: 3px;
    flex-flow: column;
    position: absolute;
    inset: auto auto 2% 2%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--font-size--hero);
  }

  h2 {
    font-size: var(--fluid-sizes--fluid-large);
  }

  h3 {
    font-size: var(--font-size--large);
  }

  h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .container-small.text-align-center {
    max-width: 80%;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h4 {
    font-size: var(--font-size--h4);
    line-height: var(--font-size--h4);
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .spline-element {
    width: 100%;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .fs-styleguide_3-col, .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .heading-style-h6 {
    font-size: 1.25rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .heading-style-h2.text-color-white {
    font-size: var(--font-size--h3);
    line-height: var(--font-size--h3);
  }

  .heading-style-h3 {
    font-size: var(--font-size--h3);
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .hide-tablet {
    display: none;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .nav_button {
    color: #fff;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section.home-hero-section {
    grid-row-gap: 16rem;
    height: auto;
    padding-top: 7rem;
    padding-left: 0;
  }

  .section.home-hero-section.justify {
    grid-row-gap: 7rem;
  }

  .section.hero-section, .section.preloader-section, .section.intro-section, .section.pagination {
    grid-row-gap: 16rem;
    height: auto;
  }

  .section-header {
    margin-bottom: 2rem;
  }

  .display-large {
    font-size: var(--font-size--h2);
  }

  .container-main {
    padding-right: var(--page-padding--tablet);
    padding-left: var(--page-padding--tablet);
  }

  .container-main.padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .container-main.z-index-2 {
    padding-top: 60%;
  }

  .display-medium {
    font-size: var(--font-size--h4);
    line-height: var(--fluid-sizes--line-height-base);
  }

  .display-xl {
    font-size: var(--font-size--h1);
    letter-spacing: 0;
  }

  ._12-column-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    grid-template-columns: minmax(16px, 1fr) 1fr 1fr 1fr;
  }

  ._12-column-grid.bottom-align {
    grid-row-gap: .5rem;
  }

  ._12-column-grid.padding-bottom {
    padding-bottom: 0;
  }

  .nav-menu-left {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    align-self: center;
    align-items: center;
    margin-bottom: 2rem;
    display: none;
  }

  .menu-line-top {
    background-color: var(--color--brand--white);
    width: 2.5rem;
    height: 1.5px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar {
    background-color: var(--color--brand--primary);
  }

  .navbar.light {
    background-color: var(--transparent);
    padding-bottom: 1.5rem;
  }

  .menu-line-bottom {
    background-color: var(--color--brand--white);
    width: 2.5rem;
    height: 1.5px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-button {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    align-self: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 0;
    position: relative;
  }

  .container-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .nav-menu {
    z-index: 1;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    padding-top: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    position: fixed;
    inset: 0% 0% auto;
  }

  .scroll-down-wrap {
    display: none;
  }

  .home-hero-subtitle-wrap {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
  }

  .hero-subtitle {
    margin-bottom: 4%;
    font-size: 2rem;
  }

  .title-wrap {
    font-weight: 500;
  }

  .title-wrap.home-title-wrap {
    padding-bottom: .5rem;
  }

  .title-wrap.home-title-wrap.padding-right {
    padding-left: 0;
  }

  .title-wrap.home-title-wrap.border-left {
    border-bottom: 1px solid #ffffff4d;
    border-right-width: 0;
  }

  .title-wrap.home-title-wrap.vertical-align {
    justify-content: flex-start;
  }

  ._3-column-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .split-lines {
    font-size: var(--fluid-sizes--fluid-large);
  }

  .split-section-text-wrap {
    width: 100%;
    max-width: none;
  }

  .split-section-text-wrap.max-width-full.hide-desktop {
    display: flex;
  }

  .split-section-text-wrap.max-width-full.hide-mobile {
    display: none;
  }

  .split-section-text-wrap.max-width-full.sticky {
    position: static;
  }

  .tab-title {
    flex: 0 auto;
    width: 100%;
  }

  .tab-wrap {
    width: 100%;
  }

  .split-section-header {
    margin-bottom: 0;
  }

  ._2-column-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .heading-wrap.padding-right {
    padding-right: 0;
  }

  .accordion-text {
    margin-top: 2rem;
  }

  .accordion-number {
    margin-bottom: 0;
    display: none;
  }

  .mask {
    width: 80%;
  }

  .slider-wrap {
    padding-left: 2rem;
  }

  .hero-text {
    font-size: var(--fluid-sizes--fluid-small);
    margin-top: 0;
  }

  .d-menu-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 0;
    display: none;
    position: relative;
  }

  .d-14-menu-item-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  ._12-column-grid-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 4rem;
    grid-template-columns: minmax(16px, 1fr) 1fr 1fr 1fr;
  }

  .section-hero.home-hero-section {
    grid-row-gap: 16rem;
    height: auto;
  }

  .section-hero.home-hero-section.z-index-2 {
    background-color: var(--color--brand--primary-dark);
  }

  .hero-bottom-gradient {
    background-image: none;
  }

  .background-video {
    aspect-ratio: 3 / 2;
    background-color: #0000;
    height: auto;
    top: 7%;
  }

  .padding-section-xsmall.padding-top {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .business-logo {
    width: 40vw;
  }

  .hero-subtitle-wrap {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
  }

  ._1-1-image-wrap {
    aspect-ratio: 1;
    padding-right: 0;
  }

  .heading-3 {
    font-size: var(--font-size--h3);
  }

  .horizontal-item {
    width: 52%;
  }

  .sticky_title {
    font-size: var(--fluid-sizes--fluid-large);
  }

  .horizontal-section {
    padding-left: 0;
  }

  .container {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .content-block {
    padding: 1rem;
  }

  .content-block.gap-medium.padding-section-medium {
    padding-top: 3rem;
  }

  .image-block {
    padding: 1rem;
  }

  .modal-wrapper {
    flex-direction: column;
    align-items: center;
    width: 90%;
    padding: 2em;
  }

  .modal-wrapper.light {
    padding-left: 2em;
    padding-right: 2em;
  }

  .atco-energy-systems, .atco-enpower, .atco-australia, .atco-structures, .atco-frontec, .atco-retail, .atco-ventures-investments {
    display: none;
  }

  .open-modal {
    width: 100%;
  }

  .intro-subtitle-wrap {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
  }

  .intro-list {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .intro-list-text-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-menu-2 {
    width: 100%;
    right: 0;
  }

  .heading-home-a {
    max-width: 400px;
  }

  .headline-video-parallax {
    max-width: 100vw;
  }

  .headline_home-gen {
    max-width: 60vw;
  }

  .image-wrap-tab {
    height: 450px;
  }

  .tab-content-item {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .news-link-mask {
    height: auto;
    overflow: visible;
  }

  .card_news-b {
    color: #ededed;
    min-height: 40vw;
  }

  .card_news-b:hover {
    ---mode--collection-a49bdcac-9684-253e-f2a5-ec790ca24346: base;
    background-color: #ededed;
  }

  .mask_news {
    max-width: 30vw;
  }

  .button-slider {
    padding: .67rem .44rem;
  }

  .slide_news {
    min-width: 40vw;
  }

  .text_body-bold.action-wrapper {
    display: none;
  }

  .image-wrap_news-b {
    opacity: .9;
  }

  .heading_home-newsroom {
    max-width: 80vw;
  }

  .icon-slider-button.large {
    width: 24px;
    height: 24px;
  }

  .master_countries, .headline_network, .content_cta {
    max-width: 60vw;
  }

  .section-opt-countires.background-color-grey.is-gradient.position-relative {
    background-image: radial-gradient(circle at 50% 100%, #fff 34%, #e2e2e2 49%, #fff);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: var(--font-size--h1);
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .container-small.text-align-center {
    max-width: 100%;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .heading-style-h4 {
    font-size: var(--font-size--body-large);
    line-height: var(--font-size--body-large);
    text-align: left;
  }

  .padding-global {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .heading-style-h5 {
    font-size: var(--font-size--large);
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .heading-style-h6 {
    font-size: 1.15rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h2 {
    font-size: var(--font-size--h3);
    line-height: var(--font-size--h3);
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section {
    padding-top: 1.5rem;
  }

  .section.home-hero-section {
    padding-top: 5rem;
    padding-left: 0;
  }

  .section.pagination {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section-header {
    margin-bottom: 1rem;
    padding-bottom: 1.5rem;
  }

  .label {
    font-family: var(--font-family--primary);
    font-size: var(--font-size--caption);
    font-weight: 500;
  }

  .display-large {
    font-size: 2.5rem;
  }

  .container-main {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-main.padding-section-large {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container-main.z-index-2 {
    padding-top: 55%;
  }

  .display-medium {
    font-size: var(--font-size--body-large);
    line-height: var(--fluid-sizes--line-height-medium);
  }

  .display-xl {
    font-size: var(--font-size--h4);
  }

  ._12-column-grid {
    grid-row-gap: 4rem;
  }

  .nav-menu-left {
    display: none;
  }

  .outline-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .container-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .nav-menu.left-align {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .title-wrap.home-title-wrap.vertical-align {
    overflow: visible;
  }

  ._3-column-grid {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .split-lines {
    font-size: var(--font-size--h1);
  }

  .tab-title {
    font-size: var(--font-size--medium\<deleted\|variable-c5aed1c6-145f-2a11-5f07-fafeb5629b1f\>);
  }

  .split-section-header.padding-custom4 {
    padding-top: 1.5rem;
  }

  ._2-column-grid {
    grid-row-gap: 4rem;
    flex-flow: column;
    display: flex;
  }

  .d-menu-wrapper {
    position: relative;
  }

  .text-block {
    order: 1;
  }

  .footer-bottom {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  ._12-column-grid-2 {
    grid-row-gap: 4rem;
  }

  .padding-section-xsmall {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .business-logo {
    width: 50vw;
  }

  .hero-subtitle-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  ._1-1-image-wrap {
    aspect-ratio: auto;
  }

  .heading-3 {
    font-size: var(--font-size--h3);
  }

  .horizontal-item {
    width: 100%;
    padding-right: 4vw;
  }

  .horizontal-section {
    padding-left: 0;
  }

  .modals {
    position: relative;
  }

  .modal-wrapper {
    border-width: 0;
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    position: absolute;
    inset: 0%;
  }

  .modal-wrapper.light {
    padding: 1.5em;
  }

  .open-modal {
    width: 100%;
  }

  .intro-subtitle-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .intro-list {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .intro-list-text-wrapper {
    flex-flow: column;
    display: flex;
  }

  .icon-1x1-xlarge {
    margin-top: 1.25rem;
  }

  .card_bottom-description {
    height: auto;
  }

  .icon-hamburger.w--open {
    background-color: #0d166200;
    border-width: 0;
  }

  .nav-menu-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hero-right-block {
    max-width: 356px;
  }

  .heading-home-a {
    max-width: 450px;
  }

  .home-a-hero-master {
    padding-top: 120px;
  }

  .section-2.hero-home-a {
    height: auto;
    min-height: auto;
  }

  .text-h3 {
    font-size: var(--font-size--body-large);
    line-height: var(--font-size--body-large);
    letter-spacing: -.04em;
  }

  .wrap_icon-btn {
    padding-left: 8px;
  }

  .icon-play {
    width: 24px;
    height: 24px;
  }

  .master_tag {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    letter-spacing: .15px;
    padding-top: 8px;
    font-size: 14px;
    line-height: 20px;
  }

  .button_text-mask {
    height: 20px;
  }

  .section_home-gen {
    padding-top: 64px;
  }

  .cta_main {
    letter-spacing: .75px;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 20px;
  }

  .button_icon-wrap {
    width: 12px;
    height: 12px;
  }

  .button_icon-wrap.left {
    margin-left: 0;
  }

  .icon_button {
    width: 12px;
    height: 12px;
  }

  .play-pause-button-2 {
    bottom: 20px;
    right: 20px;
  }

  .video_home-client {
    opacity: 100;
    border-radius: 12px;
    max-width: 680px;
    height: 477px;
    margin-top: 56px;
  }

  .headline_home-gen {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 796px;
  }

  .wrap_video-scroll {
    display: none;
    position: static;
  }

  .play-state {
    border-width: 1px;
    border-radius: 12px;
    padding: 8px;
  }

  .square {
    width: 12px;
    height: 12px;
  }

  .section-5 {
    ---mode--collection-6005b31c-6a27-aaa8-ee1e-4cb111ff5a7b: mode-7d465acc-8ee4-3286-add5-57162c08073d;
    ---mode--collection-d119a105-aa5e-3e77-89bc-5a07706ad133: mode-13ad6686-5e1a-1367-e8c5-8ba07d086a56;
    ---mode--collection-765cedf5-5696-7392-9b13-8b47032b15a2: mode-9c6efecc-99b7-ecf8-5e76-18f36c6624e9;
    ---mode--collection-7535d137-2b39-3f62-64d9-60965cf441b1: mode-1634ad81-8b48-832e-3643-74d7bca18e4c;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .tab-item {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .image-wrap-tab {
    height: auto;
  }

  .eyebrow {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .overlay-with-image {
    padding: 16px;
  }

  .text-wrap-tab {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .tab-content-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .tab-thirds {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .tab-list {
    position: static;
  }

  .headline-system-home-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-bottom: 32px;
  }

  .news-link-mask {
    height: 20px;
  }

  .padding-global-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card_news-b {
    border-radius: 8px;
    min-height: 400px;
  }

  .content_newsroom {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .newsroom_halves {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .mask_news {
    width: 80%;
    max-width: 332px;
    margin-bottom: 32px;
  }

  .button-slider {
    border-radius: 8px;
    padding: 8px;
  }

  .top-tile_news-b-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .heading-style-h4-2 {
    letter-spacing: -.5px;
    font-size: 24px;
    line-height: 28px;
  }

  .slide_news {
    margin-right: 12px;
  }

  .slider_button.prev {
    margin-right: 8px;
  }

  .article_read-time {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .bottom-tile_news-b-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .label-small {
    letter-spacing: .5px;
    font-size: 8px;
    line-height: 10px;
  }

  .content_news-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 20px;
  }

  .section_newsroom {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .icon-slider-button.large {
    width: 24px;
    height: 24px;
  }

  .section_network {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .master_countries {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 448px;
  }

  .headline_network {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 60vw;
  }

  .img_country {
    width: 12px;
    height: 12px;
  }

  .countries_block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .country_tile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    letter-spacing: .75px;
    border-radius: 8px;
    padding: 8px;
    font-size: 10px;
    line-height: 12px;
  }

  .spline-network {
    flex: none;
    width: 1000px;
    height: 100%;
    position: static;
  }

  .wrap_spline {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .content_cta {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 332px;
  }

  .video_cta {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .display {
    font-size: 2.5rem;
  }

  .youtube-link {
    border-width: 1px;
    border-radius: 12px;
    padding: 8px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: var(--font-size--hero);
  }

  h2 {
    font-size: var(--font-size--h1);
  }

  h3 {
    font-size: var(--font-size--medium\<deleted\|variable-c5aed1c6-145f-2a11-5f07-fafeb5629b1f\>);
  }

  h5 {
    font-size: .85rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-small.text-align-center {
    max-width: 100%;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h4 {
    line-height: var(--fluid-sizes--line-height-medium);
    text-align: left;
  }

  .padding-global {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .padding-global.mobile-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .heading-style-h6 {
    font-size: 1rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-medium {
    font-size: var(--font-size--caption);
  }

  .heading-style-h2, .heading-style-h2.margin-0.text-color-white, .heading-style-h2.text-color-white {
    font-size: var(--font-size--h4);
    line-height: var(--font-size--h4);
  }

  .heading-style-h3 {
    font-size: var(--font-size--h4);
    letter-spacing: -1.25px;
  }

  .heading-style-h1 {
    font-size: 3.35rem;
  }

  .heading-style-h1.inner-header {
    font-size: 2.7rem;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section {
    padding-top: 1.5rem;
    padding-bottom: 5rem;
  }

  .section.home-hero-section {
    grid-row-gap: 8rem;
    padding-top: 5rem;
  }

  .section.hero-section {
    grid-row-gap: 8rem;
    padding-top: 9rem;
    padding-bottom: 0;
  }

  .section.preloader-section, .section.intro-section {
    grid-row-gap: 8rem;
    padding-top: 7rem;
  }

  .section.pagination {
    grid-row-gap: 8rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section-header {
    margin-bottom: 1rem;
    padding-bottom: 1.5rem;
  }

  .display-large {
    letter-spacing: -.025rem;
    font-size: 1.5rem;
  }

  .container-main {
    padding-right: var(--page-padding--mobile);
    padding-left: var(--page-padding--mobile);
  }

  .container-main.padding-section-large {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .display-medium {
    letter-spacing: -1.5px;
  }

  .display-xl {
    font-size: var(--font-size--body-large);
    line-height: var(--fluid-sizes--line-height-medium);
    letter-spacing: -.025rem;
  }

  ._12-column-grid {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  ._12-column-grid.accordion-grid {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  ._12-column-grid.center-align {
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-auto-flow: row;
    display: flex;
  }

  .navbar-logo {
    width: 90px;
  }

  .button-text {
    font-size: var(--font-size--fine-print);
  }

  .navbar {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .navbar.light {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }

  .navbar.hide {
    display: none;
  }

  .menu-button {
    padding-top: 0;
    padding-bottom: 0;
  }

  .outline-button {
    padding: .5rem .75rem;
  }

  .container-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-menu {
    z-index: 3;
    padding-top: 1.15rem;
    padding-bottom: 1.15rem;
    position: fixed;
  }

  .nav-menu.left-align {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding-right: .75rem;
  }

  .hero-subtitle {
    z-index: 1;
    margin-bottom: 7%;
    font-size: 1.5rem;
  }

  .title-wrap.home-title-wrap {
    padding-bottom: 0;
    padding-right: 0;
  }

  .title-wrap.home-title-wrap.vertical-align {
    overflow: visible;
  }

  .light-button {
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
  }

  ._3-column-grid {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  ._16-9-image-wrap.margin-bottom-2 {
    margin-bottom: 1rem;
  }

  .split-lines {
    font-size: var(--font-size--h1);
  }

  .tab-toggle {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-title {
    font-size: var(--font-size--base);
  }

  .tab-indicator-2 {
    width: 0;
  }

  .tab-text-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .split-section-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .split-section-header.padding-custom4 {
    margin-top: 0;
  }

  ._2-column-grid {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .accordion-item {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .accordion-icon {
    margin-left: 1rem;
  }

  .right-arrow {
    width: 2rem;
    margin-right: 1rem;
  }

  .mask {
    width: 77%;
  }

  .slider-wrap {
    padding-left: 1rem;
  }

  .left-arrow {
    width: 2rem;
  }

  .hero-text {
    z-index: 1;
    font-size: var(--fluid-sizes--fluid-medium);
  }

  .footer-logo {
    width: 9rem;
  }

  .footer-link-columns-wrap {
    grid-row-gap: 4rem;
    flex-direction: column;
  }

  .text-block {
    order: 1;
  }

  .footer-bottom-links-wrap {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .footer-bottom {
    grid-row-gap: 2rem;
    margin-top: 6rem;
  }

  ._12-column-grid-2 {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
  }

  .section-hero {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
  }

  .section-hero.home-hero-section {
    grid-row-gap: 8rem;
    padding-top: 7rem;
  }

  .section-hero.home-hero-section.z-index-2 {
    padding-bottom: 2rem;
  }

  .play-pause-button {
    bottom: 10%;
    right: 1rem;
  }

  .brand-header.padding-section-xsmall {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .padding-section-xsmall.padding-top {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .action-wrapper.padding-section-xsmall {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .content-card-fill {
    min-height: 180px;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .content-card-fill.energy-systems {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .business-logo {
    width: 70vw;
  }

  ._1-1-image-wrap {
    aspect-ratio: auto;
    padding-right: 0;
  }

  .heading-3 {
    font-size: var(--font-size--medium\<deleted\|variable-c5aed1c6-145f-2a11-5f07-fafeb5629b1f\>);
  }

  .card {
    padding: 10% 8vw;
  }

  .sticky_title {
    font-size: var(--fluid-sizes--fluid-xlarge);
  }

  .content-block {
    min-height: auto;
    max-height: 100%;
    padding: 0;
  }

  .content-block.gap-medium.padding-section-medium {
    padding-top: 2rem;
  }

  .image-block {
    flex-direction: column;
    width: 100%;
    padding: 1rem;
    display: flex;
  }

  .image-block.padding {
    padding-left: 0;
  }

  .modal-wrapper {
    border-width: 0;
    border-radius: 0;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    min-height: auto;
    padding-top: 3em;
    padding-bottom: 9em;
    padding-right: 1em;
    overflow: auto;
  }

  .modal-wrapper.light {
    padding: 1.5em;
  }

  .txt-scroll {
    max-height: 100%;
    padding-bottom: 3rem;
    overflow: visible;
  }

  .close-modal {
    position: fixed;
    top: 0%;
  }

  .atco-energy-systems, .atco-enpower, .atco-australia, .atco-structures, .atco-frontec, .atco-retail, .atco-ventures-investments {
    display: none;
    inset: 0% 0% auto;
  }

  .intro-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .icon-1x1-xlarge {
    width: 2rem;
    height: 2rem;
  }

  .continue-button-wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    bottom: 1rem;
    right: 1rem;
  }

  .icon-hamburger {
    border-width: 0;
    border-radius: 0;
    padding: .15rem;
  }

  .icon-hamburger.w--open {
    background-color: #0d166200;
    border-width: 2px;
    border-color: #0d166200;
    padding: 0;
  }

  .nav-menu-2 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    right: 0;
  }

  .tab-toggle-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-text-wrap-2 {
    padding-left: 1px;
    padding-right: 1px;
  }

  .home-a-hero-master {
    padding-bottom: 48px;
  }

  .home-a-hero-maser {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .section-2.hero-home-a {
    height: 100svh;
  }

  .video_home-client {
    height: 320px;
  }

  .headline_home-gen {
    justify-content: center;
    align-items: center;
    max-width: 80vw;
  }

  .image-wrap-tab {
    height: auto;
  }

  .padding-global-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .card_news-b {
    min-height: 300px;
  }

  .label-small {
    font-size: var(--font-size--caption);
  }

  .headline_network, .content_cta {
    max-width: 80vw;
  }

  .section-opt-countires.background-color-grey.is-gradient.position-relative {
    background-image: radial-gradient(circle at 60% 100%, #fff 34%, #e2e2e2 49%, #fff);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .display {
    font-size: 3.35rem;
  }

  .globe-cover {
    position: relative;
  }
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c6e7-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c706-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c70b-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c710-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c715-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c71b-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c721-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c727-801be77b {
  justify-self: start;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c809-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c811-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c828-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c841-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c844-801be77b {
  justify-self: start;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c846-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c849-801be77b {
  justify-self: start;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c855-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c85f-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c860-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c865-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c86a-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c86f-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c870-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c8be-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c8c8-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c8c9-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c93b-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c940-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c945-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c94a-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c94f-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c954-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c95e-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c963-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c968-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c96d-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c972-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c977-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c97c-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c981-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c986-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c98b-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c990-801be77b {
  justify-self: start;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c994-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313c995-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c99a-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c99f-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9a4-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9b8-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9bd-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9c2-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9c7-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9cc-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9d1-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9db-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9e0-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9e5-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9ea-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9ef-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9f4-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9f9-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313c9fe-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca03-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca08-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca0d-801be77b {
  justify-self: start;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca11-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca12-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca17-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca1c-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca21-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca32-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca37-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca3c-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca41-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca46-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca4b-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca50-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca55-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca5a-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca5f-801be77b {
  justify-self: start;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca63-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca64-801be77b {
  justify-self: start;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313ca67-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313cae8-801be77b, #w-node-c6b67ef6-cf10-8ea5-3600-b147f313cb15-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6b67ef6-cf10-8ea5-3600-b147f313cb58-801be77b {
  justify-self: start;
}

#w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc26e-801be77b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc272-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc27a-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc282-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc28a-801be77b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7b48ab0-3464-bb88-75cf-949ca88b20c7-801be77b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e02cd267-823a-60a9-f367-661b7f987974-801be77b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e02cd267-823a-60a9-f367-661b7f987976-801be77b {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-e02cd267-823a-60a9-f367-661b7f98797c-801be77b {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e02cd267-823a-60a9-f367-661b7f98797e-801be77b {
  grid-area: 1 / 7 / 2 / 12;
}

#w-node-_3ba6142a-3134-8d7d-6168-00fce849782a-801be77b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3ba6142a-3134-8d7d-6168-00fce849782c-801be77b {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4500-801be77b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4504-801be77b {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4506-801be77b {
  grid-area: 2 / 4 / 3 / 7;
}

#w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d3f5-801be77b {
  grid-area: 1 / 4 / 2 / 12;
}

#w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d3f9-801be77b {
  grid-area: 2 / 7 / 3 / 12;
  align-self: auto;
}

#w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d404-801be77b {
  grid-area: 2 / 4 / 3 / 7;
}

#w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb02-801be77b {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb0e-801be77b {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb11-801be77b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: end;
}

#w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb11-801be77b:hover {
  align-self: end;
}

#w-node-d3742e60-8799-610f-af19-728f3d7c3e32-58bdd46e {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-d3742e60-8799-610f-af19-728f3d7c3e34-58bdd46e {
  align-self: center;
}

#w-node-_66152339-6e30-28b2-2b27-73fb586ca5e1-58bdd46e, #w-node-_66152339-6e30-28b2-2b27-73fb586ca5f8-58bdd46e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e160c639-521a-e85c-6bd8-b783e9c842cd-58bdd46e {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-e160c639-521a-e85c-6bd8-b783e9c842f4-58bdd46e {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-c8dc2993-2672-944e-6d78-565d772c526b-772c5267 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5fa850f3-7b1e-6af1-0a63-5ecadc1fbb23-c0531ff2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_5fa850f3-7b1e-6af1-0a63-5ecadc1fbb4b-c0531ff2 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

@media screen and (min-width: 1440px) {
  #w-node-e160c639-521a-e85c-6bd8-b783e9c842cd-58bdd46e {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-e160c639-521a-e85c-6bd8-b783e9c842f4-58bdd46e {
    grid-area: 1 / 5 / 2 / 13;
  }

  #w-node-_5fa850f3-7b1e-6af1-0a63-5ecadc1fbb23-c0531ff2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5fa850f3-7b1e-6af1-0a63-5ecadc1fbb4b-c0531ff2 {
    grid-area: 1 / 5 / 2 / 13;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc26e-801be77b {
    grid-column: span 2 / span 2;
  }

  #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc272-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc27a-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc282-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc28a-801be77b {
    grid-column: span 3 / span 3;
  }

  #w-node-a7b48ab0-3464-bb88-75cf-949ca88b20c7-801be77b {
    grid-column: span 2 / span 2;
  }

  #w-node-e02cd267-823a-60a9-f367-661b7f987976-801be77b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-e02cd267-823a-60a9-f367-661b7f98797e-801be77b {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_3ba6142a-3134-8d7d-6168-00fce849782c-801be77b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4500-801be77b {
    grid-column: span 2 / span 2;
  }

  #w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4504-801be77b, #w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4506-801be77b, #w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d3f5-801be77b, #w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d3f9-801be77b {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d404-801be77b {
    grid-column: span 3 / span 3;
  }

  #w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb02-801be77b {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb0e-801be77b {
    grid-column: span 4 / span 4;
  }

  #w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb11-801be77b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e160c639-521a-e85c-6bd8-b783e9c842cd-58bdd46e {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc26e-801be77b {
    grid-column: span 4 / span 4;
  }

  #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc272-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc27a-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc282-801be77b, #w-node-_5d3f2324-121e-1a25-04de-5eb9f63dc28a-801be77b {
    grid-column: span 1 / span 1;
  }

  #w-node-a7b48ab0-3464-bb88-75cf-949ca88b20c7-801be77b, #w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4500-801be77b {
    grid-column: span 4 / span 4;
  }

  #w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d3f9-801be77b {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb02-801be77b {
    grid-area: 1 / 2 / 2 / 5;
  }

  #w-node-_66152339-6e30-28b2-2b27-73fb586ca5f8-58bdd46e {
    grid-column: span 1 / span 1;
  }

  #w-node-ee21d098-a593-927e-341b-fb385476ab9c-58bdd46e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e02cd267-823a-60a9-f367-661b7f987976-801be77b, #w-node-_3ba6142a-3134-8d7d-6168-00fce849782c-801be77b {
    grid-column: span 4 / span 4;
  }

  #w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4504-801be77b {
    grid-column: span 3 / span 3;
  }

  #w-node-dcdeaaa8-f0fc-367b-ced6-aa02c57c4506-801be77b {
    grid-column: span 2 / span 2;
  }

  #w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d3f5-801be77b {
    grid-column: span 3 / span 3;
  }

  #w-node-_5e11fbb5-bb06-fcdc-9c21-a8c97cc7d3f9-801be77b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb02-801be77b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_45e0d6f1-a34b-3745-cd32-6f774eccfb0e-801be77b {
    grid-column: span 2 / span 2;
  }

  #w-node-d3742e60-8799-610f-af19-728f3d7c3e32-58bdd46e {
    grid-column: span 1 / span 1;
  }

  #w-node-e160c639-521a-e85c-6bd8-b783e9c842cd-58bdd46e {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Variablefont Slnt Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharpgrotesk Book 15';
  src: url('../fonts/SharpGrotesk-Book15.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharpgrotesk 15';
  src: url('../fonts/SharpGrotesk-Medium15.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '15 Sharpgrotesk Book 15';
  src: url('../fonts/15-SharpGrotesk-Book15.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '15 Sharpgrotesk 15';
  src: url('../fonts/15-SharpGrotesk-Light15.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '15 Sharpgrotesk 15';
  src: url('../fonts/15-SharpGrotesk-Black15.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '15 Sharpgrotesk 15';
  src: url('../fonts/15-SharpGrotesk-Thin15.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '15 Sharpgrotesk 15';
  src: url('../fonts/15-SharpGrotesk-SemiBold15.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '15 Sharpgrotesk 15';
  src: url('../fonts/15-SharpGrotesk-Medium15.otf') format('opentype'), url('../fonts/15-SharpGrotesk-Medium15.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '15 Sharpgrotesk 15';
  src: url('../fonts/15-SharpGrotesk-Bold15.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}