.oxygen-sidebar-code-editor-panel {
  font-size: 16px !important;
  /* Adjust the size as needed */
}
/* Converts XD font-spacing to browser */
:root {
  --mobile-small: 480px;
}
:root {
  --mobile: 768px;
}
:root {
  --tablet: 998px;
}
:root {
  --laptop: 1200px;
}
:root {
  --desktop: 1920px;
}
:root {
  --uhd: 3840px;
}
:root {
  --all: px;
}
:root {
  --mobile-small-px: 480px;
  --mobile-small-rem: 480rem;
}
:root {
  --mobile-px: 768px;
  --mobile-rem: 768rem;
}
:root {
  --tablet-px: 998px;
  --tablet-rem: 998rem;
}
:root {
  --laptop-px: 1200px;
  --laptop-rem: 1200rem;
}
:root {
  --desktop-px: 1920px;
  --desktop-rem: 1920rem;
}
:root {
  --uhd-px: 3840px;
  --uhd-rem: 3840rem;
}
:root {
  --all-px: px;
  --all-rem: rem;
}
:root {
  --triangle-width: 30px;
  --triangle-height: 30px;
  --triangle-color: black;
}
.arrow-up {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-down {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-top: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-right {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-left: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.arrow-left {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.oxygen-sidebar-code-editor-panel {
  font-size: 16px !important;
  /* Adjust the size as needed */
}
/* Converts XD font-spacing to browser */
:root {
  --mobile-small: 480px;
}
:root {
  --mobile: 768px;
}
:root {
  --tablet: 998px;
}
:root {
  --laptop: 1200px;
}
:root {
  --desktop: 1920px;
}
:root {
  --uhd: 3840px;
}
:root {
  --all: px;
}
:root {
  --mobile-small-px: 480px;
  --mobile-small-rem: 480rem;
}
:root {
  --mobile-px: 768px;
  --mobile-rem: 768rem;
}
:root {
  --tablet-px: 998px;
  --tablet-rem: 998rem;
}
:root {
  --laptop-px: 1200px;
  --laptop-rem: 1200rem;
}
:root {
  --desktop-px: 1920px;
  --desktop-rem: 1920rem;
}
:root {
  --uhd-px: 3840px;
  --uhd-rem: 3840rem;
}
:root {
  --all-px: px;
  --all-rem: rem;
}
:root {
  --triangle-width: 30px;
  --triangle-height: 30px;
  --triangle-color: black;
}
.arrow-up {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-down {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-top: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-right {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-left: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.arrow-left {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
:root {
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
}
:root {
  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
}
:root {
  --color-brand-blue: #001733;
  --color-brand-blue-rgb: 0, 23, 51;
}
:root {
  --color-brand-grey: #262626;
  --color-brand-grey-rgb: 38, 38, 38;
}
:root {
  --color-brand-red: #dc2950;
  --color-brand-red-rgb: 220, 41, 80;
}
:root {
  --color-brand-green: #799F3E;
  --color-brand-green-rgb: 121, 159, 62;
}
:root {
  --color-brand-cream: #FFFBF0;
  --color-brand-cream-rgb: 255, 251, 240;
}
:root {
  --color-brand-deep-cream: #F8DC8D;
  --color-brand-deep-cream-rgb: 248, 220, 141;
}
:root {
  --color-brand-yellow: #FCD06C;
  --color-brand-yellow-rgb: 252, 208, 108;
}
:root {
  --color-brand-light-grey: rgba(128, 128, 128, 0.3);
  --color-brand-light-grey-rgb: 128, 128, 128;
}
:root {
  --color-brand-light-blue: #98B6DB;
  --color-brand-light-blue-rgb: 152, 182, 219;
}
:root {
  --color-brand-orange: #E2643E;
  --color-brand-orange-rgb: 226, 100, 62;
}
:root {
  --spacer-red: clamp(60rem, 45rem + 0.03125 * 100vw, 105rem);
  --spacer-purple: clamp(49.5rem, 41.25rem + 0.0171875 * 100vw, 74.25rem);
  --spacer-aqua: clamp(37.5rem, 32.5rem + 0.0104166667 * 100vw, 52.5rem);
  --spacer-blue: clamp(50rem, 43.3333333333rem + 0.0138888889 * 100vw, 70rem);
  --spacer-green: clamp(22.5rem, 18.75rem + 0.0078125 * 100vw, 33.75rem);
  --spacer-yellow: clamp(22.5rem, 20rem + 0.0052083333 * 100vw, 30rem);
  --spacer-orange: clamp(12rem, 11rem + 0.0020833333 * 100vw, 15rem);
  --spacer-brown: clamp(10.5rem, 10rem + 0.0010416667 * 100vw, 12rem);
  --spacer-navy: clamp(37.5rem, 25.25rem + 0.0255208333 * 100vw, 74.25rem);
  --spacer-maroon: clamp(33rem, 29rem + 0.0083333333 * 100vw, 45rem);
  --spacer-cherry: clamp(27rem, 17.75rem + 0.0192708333 * 100vw, 54.75rem);
  --spacer-pink: clamp(102rem, 93.5rem + 0.0177083333 * 100vw, 127.5rem);
  --spacer-dark-green: 27rem;
  --font-headline: "Bebas Neue", sans-serif;
  --font-body: "Univers LT Std", sans-serif;
}
html {
  --mixin: universal-html;
  --selector: html;
  --page-margin: clamp(15rem, -12.5rem + 0.0572916667 * 100vw, 97.5rem);
  --header-max-width: 2000rem;
  --header-height: 75px;
  scroll-margin-top: var(--header-height);
  --content-max-width: 1664px;
  --admin-bar-height: 0rem;
  --page-bumper-width: clamp(15rem, -12.5rem + 0.0572916667 * 100vw, 97.5rem);
  --page-gutter-width: 87px;
  --column-inner-margin: calc(var(--page-gutter-width)/2);
  --column-outer-margin: 3.5vw;
  --content-boxed-width: 800rem;
  --content-slideframe-width: 77.5rem;
  font-size: 1px;
}
html :target {
  scroll-margin-top: var(--scroll-margin-top);
}
html body {
  -webkit-font-smoothing: auto;
  font-size: 10rem;
  text-underline-offset: 0.3rem;
  z-index: 100;
  --admin-bar-height: 0rem;
  --page-height: calc(100svh - var(--header-height) - var(--admin-bar-height));
  /*  Begin GSAP Scrollsmoother Fix
             *  Fix SVG Resolution on low res monitors
             *  It isn't perfect, but it tends to prevent jaggy SVGs on monitors that are not high-rez
             */
  /*  Begin SVG Resolution Fix
             *  Fix SVG Resolution on low res monitors
             *  It isn't perfect, but it tends to prevent jaggy SVGs on monitors that are not high-rez
             */
  /*  Begin iOS 100vh fix
            *  Source: https://github.com/postcss/postcss-100vh-fix
            */
  max-width: 100vw;
  height: 100vh;
}
html body *::-webkit-scrollbar {
  display: none;
}
html body .line {
  display: block;
}
@media screen and (max-width: 998px) {
  html body .line {
    display: inline;
  }
}
html body.logged-in:not(.ct-builder .ct_inner .oxygen-body) {
  --admin-bar-height: 32px;
}
@media screen and (max-width: 782px) {
  html body.logged-in:not(.ct-builder .ct_inner .oxygen-body) {
    --admin-bar-height: 46px;
  }
}
html body.no-scroll page {
  overflow: hidden;
  max-height: var(--page-height);
}
html body .ct-shortcode {
  width: 100%;
  height: 100%;
}
html body #smooth-content {
  width: 100%;
}
@supports (-webkit-touch-callout: none) {
  html body {
    /* The hack for Safari */
    height: -webkit-fill-available;
    height: 100svh;
  }
}
html body page {
  margin-top: calc(var(--header-height) + 0rem);
  max-width: 100vw;
  overflow: hidden;
  width: 100vw;
}
html body section {
  --test: true;
}
html body section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  max-width: unset;
  min-height: unset;
  height: auto;
  --width: 100%;
  overflow: visible;
  align-self: center;
  align-items: center;
  --padding-horizontal: var(--page-margin);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
}
html body section, html body header, html body footer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100vw;
}
html body section.fullHeight, html body header.fullHeight, html body footer.fullHeight {
  --mixin: support-full-height(&.fullHeight);
}
html body section.fullHeight > .ct-section-inner-wrap, html body header.fullHeight > .ct-section-inner-wrap, html body footer.fullHeight > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  max-width: unset;
  min-height: unset;
  height: auto;
  --width: 100%;
  overflow: visible;
  align-self: center;
  align-items: center;
  --padding-horizontal: var(--page-margin);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
  min-height: var(--page-height);
}
html body section h1, html body section h2, html body section h3, html body section h4, html body section h5, html body section h6, html body header h1, html body header h2, html body header h3, html body header h4, html body header h5, html body header h6, html body footer h1, html body footer h2, html body footer h3, html body footer h4, html body footer h5, html body footer h6 {
  font-family: inherit;
  font-weight: inherit;
  break-after: avoid;
}
html body section p, html body header p, html body footer p {
  margin-block-start: 0;
  margin-block-end: 0;
}
html body section p + p, html body header p + p, html body footer p + p {
  margin-block-start: 1em;
}
html body section article h1, html body section article h2, html body section article h3, html body section article h4, html body section article h5, html body section article h6, html body section article strong, html body section article b, html body header article h1, html body header article h2, html body header article h3, html body header article h4, html body header article h5, html body header article h6, html body header article strong, html body header article b, html body footer article h1, html body footer article h2, html body footer article h3, html body footer article h4, html body footer article h5, html body footer article h6, html body footer article strong, html body footer article b {
  break-after: avoid;
}
html body section article p, html body section article ul, html body section article li, html body section article #PostActions, html body header article p, html body header article ul, html body header article li, html body header article #PostActions, html body footer article p, html body footer article ul, html body footer article li, html body footer article #PostActions {
  break-inside: avoid;
}
html * {
  margin-block-end: 0;
  margin-block-start: 0;
}
header {
  height: var(--header-height);
  position: fixed;
  overflow-y: visible;
  overflow: visible;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  header .smaller-than-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  header .signup {
    display: none !important;
  }
}
header #Menu-Spacer {
  position: relative;
}
header .menu-container {
  --mixin: navigation-menu-container-hamburger;
  --selector: .menu-container;
  --breakpoint: 998px;
  --capture-scroll-below: 998px;
  --nav-menu-background: white;
  --hamburger-color: black;
  --hamburger-thickness: 2px;
  --hamburger-width: 30rem;
  --hamburger-spread: 10rem;
  --hamburger-menu-transition: 0.5s ease-in-out;
  --hamburger-menu-transform: translateY(calc(-100% - var(--header-height) - var(--page-margin)));
  --bun-top-transform: rotate(90deg);
  --meat-transform: rotate(45deg);
  --bun-bottom-transform: rotate(90deg);
  --menu-trey-z-index: -5;
  --divider-color: black;
  --divider-height: 1px;
  --divider-margin: 20px;
  --side: right;
  padding: calc(var(--spacer-navy) - (var(--spacer-cherry)/2)) 20px var(--spacer-navy) 20px;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  max-width: 998px;
  max-width: 100%;
  --max-width: 480px;
  --width: fit-content;
  hamburger-thickness: 2px;
  hamburger-width: 30rem;
  hamburger-spread: 10rem;
  width: max-content;
  icon-gap: var(--spacer-dark-green);
  capture-scroll-below: 768px;
  --text-color: var(--color-brand-blue);
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: var(--header-height);
  display: flex;
  align-self: flex-end;
}
header .menu-container .menu-hotspot {
  width: 100%;
}
header .menu-container .menu-hotspot .menu-toggle {
  display: none;
  width: var(--header-height);
  height: var(--header-height);
  position: absolute;
  right: 0;
}
header .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger {
  -webkit-transform: var(--meat-transform);
  transform: var(--meat-transform);
}
header .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger::before {
  -webkit-transform: var(--bun-top-transform);
  transform: var(--bun-top-transform);
  top: 0;
}
header .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger::after {
  -webkit-transform: var(--bun-bottom-transform);
  transform: var(--bun-bottom-transform);
  bottom: 0;
}
header .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-links {
  overflow: scroll;
  z-index: var(--menu-trey-z-index);
  transform: var(--hamburger-menu-transform);
  animation: menu-slide-in 0.5s forwards;
  max-height: var(--page-height);
}
header .menu-container .menu-hotspot .menu-toggle:not(:checked) ~ .menu-links {
  transform: translateY(0);
  animation: menu-slide-out var(--hamburger-menu-transition) forwards;
  animation-delay: 1s;
}
@keyframes menu-slide-in {
  from {
    transform: var(--hamburger-menu-transform);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes menu-slide-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: var(--hamburger-menu-transform);
  }
}
header .menu-container .menu-hotspot .menu-control {
  position: absolute;
  width: var(--header-height);
  height: var(--header-height);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  right: 0;
  top: 0;
  z-index: 5;
}
header .menu-container .menu-hotspot .menu-control .hamburger {
  position: absolute;
  width: var(--hamburger-width);
  height: var(--hamburger-thickness);
  background-color: var(--hamburger-color);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
header .menu-container .menu-hotspot .menu-control .hamburger::before, header .menu-container .menu-hotspot .menu-control .hamburger::after {
  position: absolute;
  width: var(--hamburger-width);
  height: var(--hamburger-thickness);
  background-color: var(--hamburger-color);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  content: " ";
}
header .menu-container .menu-hotspot .menu-control .hamburger::before {
  top: calc(0rem - var(--hamburger-spread));
}
header .menu-container .menu-hotspot .menu-control .hamburger::after {
  bottom: -10px;
  bottom: calc(0rem - var(--hamburger-spread));
}
header .menu-container .menu-hotspot .menu-links {
  z-index: var(--menu-trey-z-index);
  right: calc(0px - var(--page-margin));
  position: absolute;
  height: 100dvh;
  height: fit-content;
  max-height: var(--page-height);
  max-width: min(100vw, var(--max-width));
  width: max-content;
  top: var(--header-height);
  overflow: hidden;
  background-color: var(--nav-menu-background);
}
header .menu-container .menu-hotspot .menu-links:not(.animated) {
  transform: var(--hamburger-menu-transform) !important;
  animation: none !important;
}
header .menu-container .menu-hotspot .menu-links::before {
  display: block;
  width: 100%;
  height: var(--header-height);
  pointer-events: none;
  background-color: var(--nav-menu-background);
}
header .menu-container .menu-hotspot .menu-links > .menu, header .menu-container .menu-hotspot .menu-links > .header-menu-list {
  padding: var(--padding);
  pointer-events: all;
  display: flex;
  width: 100%;
  margin: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  background-color: var(--nav-menu-background);
  min-height: -webkit-fill-available;
  height: unset;
  min-height: unset;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
header .menu-container .menu-hotspot .menu-links > .menu .divider, header .menu-container .menu-hotspot .menu-links > .header-menu-list .divider {
  display: none;
  width: unset;
  padding: 0;
  margin: var(--divider-margin);
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item {
  display: block;
  height: unset;
  justify-content: center;
  width: 100%;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item:hover, header .menu-container .menu-hotspot .menu-links > .menu > .menu-item:focus-within, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item:hover, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item:focus-within {
  background: none;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.divider, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.divider {
  overflow: hidden;
  background-color: var(--divider-color);
  max-height: var(--divider-height);
  height: var(--divider-height);
  color: transparent;
  pointer-events: none;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item .sub-menu, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item .sub-menu {
  box-shadow: unset;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item a, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item a {
  cursor: pointer;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons a, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons a {
  display: none;
  width: unset;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > svg, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > svg {
  display: none;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu {
  display: flex;
  list-style-type: none;
  padding-inline-start: 0;
  padding-inline-end: 0;
  width: 100%;
  gap: var(--icon-gap);
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item {
  padding: 0;
  display: flex;
  list-style-type: none;
  padding-inline-start: 0;
  padding-inline-end: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item a, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item a {
  display: block;
  padding: unset;
  line-height: 0;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item a svg, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item a svg {
  fill: var(--text-color);
  width: 45px;
  height: 45px;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon {
  width: fit-content;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon.phone, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon.phone {
  padding-right: 10px;
}
header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon.email, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon.email {
  padding-left: 10px;
}
header .menu-container .action {
  --mixin: typography-standard-headline(.action);
  font-family: var(--font-headline);
  font-size: clamp(30rem, 28.75rem + 0.0026041667 * 100vw, 33.75rem);
  color: var(--color-brand-blue);
}
header .menu-container .action a {
  color: inherit;
  text-decoration: none;
}
header .menu-container .menu-item {
  --mixin: typography-menu-item;
  --selector: .menu-item;
  font-family: var(--font-headline);
  font-weight: 400;
  font-size: clamp(30rem, 28.75rem + 0.0026041667 * 100vw, 33.75rem);
  color: var(--color-brand-blue);
  --text-decoration-default: unset;
  --text-decoration-active: underline;
  line-height: 1.3em;
  letter-spacing: unset;
  text-transform: uppercase;
  --text-decoration-thickness: unset;
  padding: calc(var(--spacer-maroon)/2) var(--page-bumper-width);
  this-is-a-test: true;
  divider-margin: 0 20px;
}
header .menu-container a {
  display: block;
  width: 100%;
  text-align: center;
  color: inherit;
  font: inherit inherit/inherit inherit;
  text-decoration: var(--text-decoration-default);
}
header .menu-container a:hover {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
header .menu-container .divider + .menu-item a {
  padding-top: calc(var(--spacer-cherry)/2);
}
header .menu-container .menu-item + .divider a {
  padding-bottom: calc(var(--spacer-cherry)/2);
}
header .menu-container .divider + .icons .sub-menu {
  padding-top: calc(var(--spacer-cherry)/2);
}
@media screen and (min-width: 768px) {
  header .menu-container .smaller-than-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  header .menu-container .menu-links {
    height: 100vh !important;
  }
}
@media screen and (max-width: 768px) {
  header .menu-container {
    --mixin: navigation-menu-container-hamburger;
    --selector: .menu-container;
    --breakpoint: 998px;
    --capture-scroll-below: 998px;
    --nav-menu-background: white;
    --hamburger-color: black;
    --hamburger-thickness: 2px;
    --hamburger-width: 30rem;
    --hamburger-spread: 10rem;
    --hamburger-menu-transition: 0.5s ease-in-out;
    --hamburger-menu-transform: translateY(calc(-100% - var(--header-height) - var(--page-margin)));
    --bun-top-transform: rotate(90deg);
    --meat-transform: rotate(45deg);
    --bun-bottom-transform: rotate(90deg);
    --menu-trey-z-index: -5;
    --divider-color: black;
    --divider-height: 1px;
    --divider-margin: 20px;
    --side: right;
    padding: calc(var(--spacer-navy) - (var(--spacer-cherry)/2)) 20px var(--spacer-navy) 20px;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    max-width: 998px;
    max-width: 100%;
    --max-width: 480px;
    --width: fit-content;
    hamburger-thickness: 2px;
    hamburger-width: 30rem;
    hamburger-spread: 10rem;
    width: max-content;
    icon-gap: var(--spacer-dark-green);
    capture-scroll-below: 768px;
    --text-color: var(--color-brand-blue);
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: var(--header-height);
    display: flex;
    align-self: flex-end;
  }
  header .menu-container .menu-hotspot {
    width: 100%;
  }
  header .menu-container .menu-hotspot .menu-toggle {
    display: none;
    width: var(--header-height);
    height: var(--header-height);
    position: absolute;
    right: 0;
  }
  header .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger {
    -webkit-transform: var(--meat-transform);
    transform: var(--meat-transform);
  }
  header .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger::before {
    -webkit-transform: var(--bun-top-transform);
    transform: var(--bun-top-transform);
    top: 0;
  }
  header .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger::after {
    -webkit-transform: var(--bun-bottom-transform);
    transform: var(--bun-bottom-transform);
    bottom: 0;
  }
  header .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-links {
    overflow: scroll;
    z-index: var(--menu-trey-z-index);
    transform: var(--hamburger-menu-transform);
    animation: menu-slide-in 0.5s forwards;
    max-height: var(--page-height);
  }
  header .menu-container .menu-hotspot .menu-toggle:not(:checked) ~ .menu-links {
    transform: translateY(0);
    animation: menu-slide-out var(--hamburger-menu-transition) forwards;
    animation-delay: 1s;
  }
  @keyframes menu-slide-in {
    from {
      transform: var(--hamburger-menu-transform);
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes menu-slide-out {
    from {
      transform: translateY(0);
    }
    to {
      transform: var(--hamburger-menu-transform);
    }
  }
  header .menu-container .menu-hotspot .menu-control {
    position: absolute;
    width: var(--header-height);
    height: var(--header-height);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    right: 0;
    top: 0;
    z-index: 5;
  }
  header .menu-container .menu-hotspot .menu-control .hamburger {
    position: absolute;
    width: var(--hamburger-width);
    height: var(--hamburger-thickness);
    background-color: var(--hamburger-color);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  header .menu-container .menu-hotspot .menu-control .hamburger::before, header .menu-container .menu-hotspot .menu-control .hamburger::after {
    position: absolute;
    width: var(--hamburger-width);
    height: var(--hamburger-thickness);
    background-color: var(--hamburger-color);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    content: " ";
  }
  header .menu-container .menu-hotspot .menu-control .hamburger::before {
    top: calc(0rem - var(--hamburger-spread));
  }
  header .menu-container .menu-hotspot .menu-control .hamburger::after {
    bottom: -10px;
    bottom: calc(0rem - var(--hamburger-spread));
  }
  header .menu-container .menu-hotspot .menu-links {
    z-index: var(--menu-trey-z-index);
    right: calc(0px - var(--page-margin));
    position: absolute;
    height: 100dvh;
    height: fit-content;
    max-height: var(--page-height);
    max-width: min(100vw, var(--max-width));
    width: max-content;
    top: var(--header-height);
    overflow: hidden;
    background-color: var(--nav-menu-background);
  }
  header .menu-container .menu-hotspot .menu-links:not(.animated) {
    transform: var(--hamburger-menu-transform) !important;
    animation: none !important;
  }
  header .menu-container .menu-hotspot .menu-links::before {
    display: block;
    width: 100%;
    height: var(--header-height);
    pointer-events: none;
    background-color: var(--nav-menu-background);
  }
  header .menu-container .menu-hotspot .menu-links > .menu, header .menu-container .menu-hotspot .menu-links > .header-menu-list {
    padding: var(--padding);
    pointer-events: all;
    display: flex;
    width: 100%;
    margin: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    background-color: var(--nav-menu-background);
    min-height: -webkit-fill-available;
    height: unset;
    min-height: unset;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  header .menu-container .menu-hotspot .menu-links > .menu .divider, header .menu-container .menu-hotspot .menu-links > .header-menu-list .divider {
    display: none;
    width: unset;
    padding: 0;
    margin: var(--divider-margin);
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item {
    display: block;
    height: unset;
    justify-content: center;
    width: 100%;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item:hover, header .menu-container .menu-hotspot .menu-links > .menu > .menu-item:focus-within, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item:hover, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item:focus-within {
    background: none;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.divider, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.divider {
    overflow: hidden;
    background-color: var(--divider-color);
    max-height: var(--divider-height);
    height: var(--divider-height);
    color: transparent;
    pointer-events: none;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item .sub-menu, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item .sub-menu {
    box-shadow: unset;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item a, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item a {
    cursor: pointer;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons a, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons a {
    display: none;
    width: unset;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > svg, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > svg {
    display: none;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu {
    display: flex;
    list-style-type: none;
    padding-inline-start: 0;
    padding-inline-end: 0;
    width: 100%;
    gap: var(--icon-gap);
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item {
    padding: 0;
    display: flex;
    list-style-type: none;
    padding-inline-start: 0;
    padding-inline-end: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item a, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item a {
    display: block;
    padding: unset;
    line-height: 0;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item a svg, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item a svg {
    fill: var(--text-color);
    width: 45px;
    height: 45px;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon {
    width: fit-content;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon.phone, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon.phone {
    padding-right: 10px;
  }
  header .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon.email, header .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon.email {
    padding-left: 10px;
  }
  header .menu-container .action {
    --mixin: typography-standard-headline(.action);
    font-family: var(--font-headline);
    font-size: clamp(30rem, 28.75rem + 0.0026041667 * 100vw, 33.75rem);
    color: var(--color-brand-blue);
  }
  header .menu-container .action a {
    color: inherit;
    text-decoration: none;
  }
  header .menu-container .menu-item {
    --mixin: typography-menu-item;
    --selector: .menu-item;
    font-family: var(--font-headline);
    font-weight: 400;
    font-size: clamp(30rem, 28.75rem + 0.0026041667 * 100vw, 33.75rem);
    color: var(--color-brand-blue);
    --text-decoration-default: unset;
    --text-decoration-active: underline;
    line-height: 1.3em;
    letter-spacing: unset;
    text-transform: uppercase;
    --text-decoration-thickness: unset;
    padding: calc(var(--spacer-maroon)/2) var(--page-bumper-width);
    this-is-a-test: true;
    divider-margin: 0 20px;
  }
  header .menu-container a {
    display: block;
    width: 100%;
    text-align: center;
    color: inherit;
    font: inherit inherit/inherit inherit;
    text-decoration: var(--text-decoration-default);
  }
  header .menu-container a:hover {
    text-decoration: var(--text-decoration-active);
    text-underline-offset: var(--text-underline-offset);
    text-decoration-thickness: var(--text-decoration-thickness);
  }
  header .menu-container .divider + .menu-item a {
    padding-top: calc(var(--spacer-cherry)/2);
  }
  header .menu-container .menu-item + .divider a {
    padding-bottom: calc(var(--spacer-cherry)/2);
  }
  header .menu-container .divider + .icons .sub-menu {
    padding-top: calc(var(--spacer-cherry)/2);
  }
}
@media screen and (max-width: 768px) and (min-width: 768px) {
  header .menu-container .smaller-than-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  header .menu-container .menu-links {
    height: 100vh !important;
  }
}
header::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-white);
}
header > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  max-width: unset;
  min-height: unset;
  height: auto;
  --width: 100%;
  overflow: visible;
  align-self: center;
  align-items: center;
  --padding-horizontal: var(--page-margin);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
  height: var(--header-height);
}
header > .ct-section-inner-wrap .ct-new-columns {
  --mixin: oxy-columns;
  max-width: unset;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
header > .ct-section-inner-wrap .ct-new-columns .identity {
  flex-basis: 100%;
  justify-content: center;
  height: var(--header-height);
  width: auto;
}
header > .ct-section-inner-wrap .ct-new-columns .identity a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}
header > .ct-section-inner-wrap .ct-new-columns .identity .image {
  max-height: 60%;
  max-width: 100%;
  width: fit-content;
}
header > .ct-section-inner-wrap .ct-new-columns .actions {
  flex-basis: fit-content;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
header > .ct-section-inner-wrap .ct-new-columns .actions .action {
  --mixin: typography-standard-headline(.action);
  font-family: var(--font-headline);
  font-size: clamp(30rem, 28.75rem + 0.0026041667 * 100vw, 33.75rem);
  color: var(--color-brand-blue);
}
header > .ct-section-inner-wrap .ct-new-columns .actions .action a {
  color: inherit;
  text-decoration: none;
}
header > .ct-section-inner-wrap .ct-new-columns .actions a {
  white-space: nowrap;
}
header > .ct-section-inner-wrap .ct-new-columns #Menu-Spacer {
  height: var(--header-height);
  width: 100px;
}
#Hero.ct-section {
  --mixin: oxy-section;
  --selector: #Hero;
  position: relative;
  z-index: 1;
  overflow: visible;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  align-self: center;
  padding: 0;
  max-width: 100vw;
  --full-width: true;
  --full-height: true;
  content-in-inner: true;
  padding-top: unset;
  background-position: center;
}
#Hero.ct-section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  max-width: unset;
  min-height: var(--page-height);
  height: 100%;
  --width: 100%;
  overflow: var(--inner-overflow);
  align-self: center;
  align-items: center;
  --padding-horizontal: unset;
  width: 100%;
  width: var(--width);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
}
#Hero.ct-section .image {
  position: relative;
  top: 0;
  width: 100%;
  height: calc(100svh - var(--spacer-blue) - var(--header-height) - var(--admin-bar-height));
  background-position: center;
}
#Hero.ct-section .parallax {
  position: relative;
  width: 100%;
}
#MiniHero.ct-section {
  --mixin: oxy-section;
  --selector: #MiniHero;
  position: relative;
  z-index: 1;
  overflow: visible;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  align-self: center;
  padding: 0;
  max-width: 100vw;
  --full-width: true;
  --full-height: false;
  content-in-inner: true;
  padding-top: unset;
  background-position: center;
}
#MiniHero.ct-section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  max-width: unset;
  min-height: unset;
  height: 50vh;
  --width: 100%;
  overflow: var(--inner-overflow);
  align-self: center;
  align-items: center;
  --padding-horizontal: unset;
  width: 100%;
  --test: hello;
  justify-content: stretch;
  width: var(--width);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
}
#MiniHero.ct-section .image {
  position: relative;
  flex-basis: 100%;
  width: 100%;
  background-position: center;
}
#MiniHero.ct-section .parallax {
  position: relative;
  width: 100%;
}
#SubHero.ct-section {
  --mixin: site-section-subhero;
  --selector: #SubHero;
  position: relative;
  z-index: 1;
  overflow: visible;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  align-self: center;
  padding: 0;
  max-width: 100vw;
  --full-width: false;
  --full-height: false;
  content-in-inner: true;
  padding-top: var(--spacer-red);
  --test: test;
}
#SubHero.ct-section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  max-width: 1664px;
  min-height: 100%;
  height: 100%;
  --width: 100%;
  overflow: var(--inner-overflow);
  align-self: center;
  align-items: center;
  --padding-horizontal: var(--page-margin);
  width: 100%;
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
}
#SubHero.ct-section .body {
  --mixin: typography-standard-body;
  --selector: .body;
  color: var(--color-text);
  will-change: opacity;
  width: 100%;
  text-align: center;
  font-family: var(--font-body);
  font-size: clamp(15rem, 15rem + 0 * 100vw, 15rem);
  line-height: clamp(24.75rem, 23.5rem + 0.0026041667 * 100vw, 28.5rem);
  --color-text: var(--color-brand-blue);
}
#SubHero.ct-section .body a {
  color: var(--color-accent);
  color: rgba(var(--color-text), 0.75);
  font-weight: bold;
}
#SubHero.ct-section .body a:hover {
  text-decoration: underline;
}
#SubHero.ct-section .body + .button {
  margin-top: var(--spacer-green);
}
#SubHero.ct-section .headline {
  --mixin: typography-standard-headline;
  --selector: .headline;
  font-family: var(--font-headline);
  font-size: clamp(47rem, 35.1666666667rem + 0.0246527778 * 100vw, 82.5rem);
  line-height: clamp(45rem, 35.5rem + 0.0197916667 * 100vw, 73.5rem);
  color: var(--color-text);
  text-transform: uppercase;
  will-change: opacity;
  width: 100%;
  text-align: center;
  --color-text: var(--color-brand-blue);
}
#SubHero.ct-section .headline a {
  color: inherit;
}
#SubHero.ct-section .action, #SubHero.ct-section .button {
  --mixin: typography-standard-button;
  --selector: .action, .button;
  display: block;
  width: 100%;
  font-family: var(--font-headline);
  font-weight: 400;
  font-size: clamp(18rem, 11.6666666667rem + 0.0131944444 * 100vw, 37rem);
  font-style: unset;
  color: var(--color-text);
  line-height: 1.3em;
  letter-spacing: clamp(3rem, 2.6666666667rem + 0.0006944444 * 100vw, 4rem);
  text-transform: unset;
  text-decoration: underline;
  text-align: center;
  text-decoration-thickness: unset;
  --link-skip-ink: none;
  --link-color: var(--color-text);
  --link-underline-offset: 2px;
  --link-underline-thickness: 1px;
  --link-decoration: underline;
  --link-active-color: inherit;
  --link-active-decoration: var(--link-decoration);
  --link-hover-color: var(--link-color);
  --link-hover-decoration: var(--link-decoration);
  direction: rtl;
  --color-text: var(--color-brand-blue);
}
a .action, a .button {
  color: var(--link-active-color);
  text-decoration: var(--link-decoration);
  text-decoration-skip-ink: var(--link-skip-ink) !important;
}
a .action:active, a .button:active {
  color: inherit;
  text-decoration: inherit;
}
#SubHero.ct-section .action:not(:not(a)), #SubHero.ct-section .action a, #SubHero.ct-section .button:not(:not(a)), #SubHero.ct-section .button a {
  color: var(--link-color);
  text-underline-offset: var(--link-underline-offset);
  text-decoration: var(--link-decoration);
  text-decoration-thickness: var(--link-underline-thickness);
}
#SubHero.ct-section .action:active, #SubHero.ct-section .button:active {
  color: var(--link-active-color);
  text-decoration: var(--link-active-decoration);
  text-decoration-thickness: var(--link-underline-thickness);
}
#SubHero.ct-section .action:not(:not(a)):hover, #SubHero.ct-section .action a:hover, #SubHero.ct-section .button:not(:not(a)):hover, #SubHero.ct-section .button a:hover {
  color: var(--link-hover-color);
  text-decoration: var(--link-hover-decoration);
  text-decoration-thickness: var(--link-underline-thickness);
}
#SubHero.ct-section .action:hover, #SubHero.ct-section .button:hover {
  opacity: 0.5;
}
#SubHero.ct-section svg {
  fill: var(--color-accent);
  width: 100%;
}
#SubHero.ct-section svg.divider {
  margin: var(--spacer-green) auto;
}
#SubHero.ct-section > .ct-section-inner-wrap > .content {
  max-width: var(--content-boxed-width);
  width: 100%;
}
#SubHero.ct-section .ct-new-columns {
  --mixin: oxy-columns;
  max-width: unset;
  height: auto;
  display: flex;
}
#SubHero.ct-section .ct-new-columns > .content:first-of-type {
  padding-left: clamp(0rem, -21.75rem + 0.0453125 * 100vw, 65.25rem);
  padding-right: clamp(0rem, -18.75rem + 0.0390625 * 100vw, 56.25rem);
}
#SubHero.ct-section .ct-new-columns > .content:last-of-type {
  padding-right: clamp(0rem, -21.75rem + 0.0453125 * 100vw, 65.25rem);
  padding-left: clamp(0rem, -18.75rem + 0.0390625 * 100vw, 56.25rem);
}
#SubHero.ct-section .body + .actions {
  margin-top: var(--spacer-aqua);
}
#Footer.ct-section {
  --mixin: site-section;
  --selector: #Footer;
  position: relative;
  z-index: 1;
  overflow: visible;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  align-self: center;
  padding: 0;
  max-width: 100vw;
  --full-width: false;
  --full-height: false;
  content-in-inner: true;
  padding-top: var(--spacer-red);
  margin-bottom: var(--spacer-red);
  --test: test;
}
#Footer.ct-section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  max-width: 1664px;
  min-height: 100%;
  height: 100%;
  --width: 100%;
  overflow: var(--inner-overflow);
  align-self: center;
  align-items: center;
  --padding-horizontal: var(--page-margin);
  width: 100%;
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
}
#Footer.ct-section .body {
  --mixin: typography-standard-body;
  --selector: .body;
  color: var(--color-text);
  will-change: opacity;
  width: 100%;
  text-align: center;
  font-family: var(--font-body);
  font-size: clamp(15rem, 15rem + 0 * 100vw, 15rem);
  line-height: clamp(24.75rem, 23.5rem + 0.0026041667 * 100vw, 28.5rem);
  --color-text: var(--color-brand-blue);
}
#Footer.ct-section .body a {
  color: var(--color-accent);
  color: rgba(var(--color-text), 0.75);
  font-weight: bold;
}
#Footer.ct-section .body a:hover {
  text-decoration: underline;
}
#Footer.ct-section .body + .button {
  margin-top: var(--spacer-green);
}
#Footer.ct-section .headline {
  --mixin: typography-standard-headline;
  --selector: .headline;
  font-family: var(--font-headline);
  font-size: clamp(47rem, 35.1666666667rem + 0.0246527778 * 100vw, 82.5rem);
  line-height: clamp(45rem, 35.5rem + 0.0197916667 * 100vw, 73.5rem);
  color: var(--color-text);
  text-transform: uppercase;
  will-change: opacity;
  width: 100%;
  text-align: center;
  --color-text: var(--color-brand-blue);
}
#Footer.ct-section .headline a {
  color: inherit;
}
#Footer.ct-section .action, #Footer.ct-section .button {
  --mixin: typography-standard-button;
  --selector: .action, .button;
  display: block;
  width: 100%;
  font-family: var(--font-headline);
  font-weight: 400;
  font-size: clamp(18rem, 11.6666666667rem + 0.0131944444 * 100vw, 37rem);
  font-style: unset;
  color: var(--color-text);
  line-height: 1.3em;
  letter-spacing: clamp(3rem, 2.6666666667rem + 0.0006944444 * 100vw, 4rem);
  text-transform: unset;
  text-decoration: underline;
  text-align: center;
  text-decoration-thickness: unset;
  --link-skip-ink: none;
  --link-color: var(--color-text);
  --link-underline-offset: 2px;
  --link-underline-thickness: 1px;
  --link-decoration: underline;
  --link-active-color: inherit;
  --link-active-decoration: var(--link-decoration);
  --link-hover-color: var(--link-color);
  --link-hover-decoration: var(--link-decoration);
  direction: rtl;
  --color-text: var(--color-brand-blue);
}
a .action, a .button {
  color: var(--link-active-color);
  text-decoration: var(--link-decoration);
  text-decoration-skip-ink: var(--link-skip-ink) !important;
}
a .action:active, a .button:active {
  color: inherit;
  text-decoration: inherit;
}
#Footer.ct-section .action:not(:not(a)), #Footer.ct-section .action a, #Footer.ct-section .button:not(:not(a)), #Footer.ct-section .button a {
  color: var(--link-color);
  text-underline-offset: var(--link-underline-offset);
  text-decoration: var(--link-decoration);
  text-decoration-thickness: var(--link-underline-thickness);
}
#Footer.ct-section .action:active, #Footer.ct-section .button:active {
  color: var(--link-active-color);
  text-decoration: var(--link-active-decoration);
  text-decoration-thickness: var(--link-underline-thickness);
}
#Footer.ct-section .action:not(:not(a)):hover, #Footer.ct-section .action a:hover, #Footer.ct-section .button:not(:not(a)):hover, #Footer.ct-section .button a:hover {
  color: var(--link-hover-color);
  text-decoration: var(--link-hover-decoration);
  text-decoration-thickness: var(--link-underline-thickness);
}
#Footer.ct-section .action:hover, #Footer.ct-section .button:hover {
  opacity: 0.5;
}
#Footer.ct-section svg {
  fill: var(--color-accent);
  width: 100%;
}
#Footer.ct-section svg.divider {
  margin: var(--spacer-green) auto;
}
#Footer.ct-section > .ct-section-inner-wrap > .content {
  max-width: var(--content-boxed-width);
  width: 100%;
}
#Footer.ct-section .ct-new-columns {
  --mixin: oxy-columns;
  max-width: unset;
  height: auto;
  display: flex;
}
#Footer.ct-section .ct-new-columns > .content:first-of-type {
  padding-left: clamp(0rem, -21.75rem + 0.0453125 * 100vw, 65.25rem);
  padding-right: clamp(0rem, -18.75rem + 0.0390625 * 100vw, 56.25rem);
}
#Footer.ct-section .ct-new-columns > .content:last-of-type {
  padding-right: clamp(0rem, -21.75rem + 0.0453125 * 100vw, 65.25rem);
  padding-left: clamp(0rem, -18.75rem + 0.0390625 * 100vw, 56.25rem);
}
#Footer.ct-section .footer.content {
  --mixin: typography-footer;
  --selector: .footer.content;
  text-align: center;
  font: 400 clamp(12rem, 10rem + 0.0041666667 * 100vw, 18rem)/26.25rem var(--font-body);
  color: #848484;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#Footer.ct-section .footer.content a {
  text-decoration: none;
  color: inherit;
}
#Footer.ct-section .footer.content a:hover {
  color: var(--color-brand-blue);
}
#Footer.ct-section .ct-new-columns {
  --mixin: oxy-columns;
  max-width: unset;
  height: auto;
  display: flex;
  max-width: 1664px;
}
#Footer.ct-section .ct-new-columns .footer {
  justify-content: center;
  align-items: center;
  --logo-width: 65%;
}
@media screen and (max-width: 998px) {
  #Footer.ct-section .ct-new-columns .footer {
    margin-top: var(--spacer-aqua);
  }
}
#Footer.ct-section .ct-new-columns .footer .identity {
  justify-content: center;
  align-items: center;
  width: var(--logo-width);
}
#Footer.ct-section .ct-new-columns .footer .divider {
  background-color: var(--color-brand-blue);
  height: 1px;
  margin-top: var(--spacer-yellow);
  margin-bottom: var(--spacer-yellow);
  width: var(--logo-width);
}
@media screen and (max-width: 998px) {
  #Footer.ct-section .ct-new-columns .footer .divider {
    width: 100%;
  }
}
#Footer.ct-section .ct-new-columns .footer .address {
  margin-top: var(--spacer-yellow);
  margin-bottom: var(--spacer-yellow);
}
#Footer.ct-section .ct-new-columns .footer .email {
  margin-top: 0.4em;
}
#Footer.ct-section .ct-new-columns .footer .menu .menu-links ul {
  padding-inline-start: 0;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.4em 1em;
}
@media screen and (min-width: 998px) {
  #Footer.ct-section .ct-new-columns .footer .menu .menu-links ul {
    width: 60%;
  }
}
#Footer.ct-section .ct-new-columns .footer .menu .menu-links ul li {
  display: block;
}
#Footer.ct-section .ct-new-columns .footer .social {
  flex-direction: row;
  gap: 35rem;
  margin-bottom: -12px;
}
#Footer.ct-section .ct-new-columns .footer .social svg {
  width: 43px;
  fill: var(--color-brand-blue);
}
#Footer.ct-section .ct-new-columns .contact .headline {
  --mixin: typography-contact-headline(.headline);
  font: 600 clamp(30rem, 26.6666666667rem + 0.0069444444 * 100vw, 40rem) var(--font-headline);
  color: var(--color-text);
  text-align: left;
  margin-bottom: var(--spacer-yellow);
  letter-spacing: 9px;
}
#Footer.ct-section .ct-new-columns .contact .field label {
  --mixin: typography-contact-label(.field label);
  font: 400 clamp(13.5rem, 12.75rem + 0.0015625 * 100vw, 15.75rem) var(--font-body);
  color: var(--color-text);
  display: block;
  text-align: left;
}
#Footer.ct-section .ct-new-columns .contact .field input, #Footer.ct-section .ct-new-columns .contact .field textarea {
  --mixin: typography-contact-field(.field input, .field textarea);
  font: 400 clamp(13.5rem, 12.75rem + 0.0015625 * 100vw, 15.75rem) var(--font-body);
  color: var(---color-text);
  margin-top: var(--spacer-orange);
  background-color: var(--color-brand-light-grey);
}
#Footer.ct-section .ct-new-columns .contact .action .button, #Footer.ct-section .ct-new-columns .contact .hs-button {
  --mixin: typography-contact-action(.action .button, .hs-button);
  font: 300 clamp(20rem, 18.3333333333rem + 0.0034722222 * 100vw, 25rem) var(--font-body);
  color: var(---color-text);
  background-color: white;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: var(--spacer-yellow);
  border: 2px solid var(--color-brand-blue);
  pointer-events: all;
  cursor: pointer;
  width: unset;
  position: relative;
}
#Footer.ct-section .ct-new-columns .contact .action .button:hover, #Footer.ct-section .ct-new-columns .contact .hs-button:hover {
  background-color: var(--color-brand-blue);
  color: white;
}
#Footer.ct-section .ct-new-columns .contact .action .button::before, #Footer.ct-section .ct-new-columns .contact .hs-button::before {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background-color: white;
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form {
  --mixin: form-hubspot;
  --selector: .hbspt-form;
  --stack-below: 998px;
  --column-gap: 25px;
  --row-gap: var(--spacer-orange);
  --input-border: unset;
  --input-padding: 9.75rem 12rem;
  --input-margin: var(--spacer-brown) unset;
  --input-text-color: unset;
  --input-placeholder-color: unset;
  --input-focus-border: unset;
  --input-error-text-color: var(--color-brand-red);
  --button-padding: 8px 20px 1px;
  --input-label-gap: var(--spacer-brown);
  width: 100%;
  height: 100%;
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset {
  margin-top: var(--row-gap);
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset.form-columns-1 {
  display: flex;
  flex-direction: column;
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset.form-columns-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: var(--column-gap);
}
@media screen and (max-width: 998px) {
  #Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset.form-columns-2 {
    flex-direction: column;
    column-gap: 0;
    row-gap: var(--row-gap);
  }
  #Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset.form-columns-2 .field {
    float: none;
    width: 100%;
  }
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input {
  margin-top: var(--input-label-gap);
  margin-right: unset;
  border: var(--input-border);
  flex-grow: 1;
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input input, #Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input textarea {
  width: 100%;
  -webkit-appearance: none;
  color: var(--input-text-color);
  border: var(--input-border);
  padding: var(--input-padding);
  margin: var(--input-margin);
  height: 100%;
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input input::-webkit-input-placeholder, #Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input textarea::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input input:focus, #Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input textarea:focus {
  outline: var(--input-focus-border);
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input input:focus::-webkit-focus-ring-color, #Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .input textarea:focus::-webkit-focus-ring-color {
  border: var(--input-focus-border);
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .hs-error-msgs {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--input-error-text-color);
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form fieldset .field .hs-error-msgs li label {
  color: var(--input-error-text-color);
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form .hs_error_rollup {
  color: var(--input-error-text-color);
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form .hs-recaptcha {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.5;
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form form .hs-submit input {
  padding: var(--button-padding);
}
#Footer.ct-section .ct-new-columns .contact .hbspt-form fieldset:last-of-type {
  flex-basis: 100%;
}
#Footer.ct-section .ct-new-columns .contact .field label {
  --mixin: typography-contact-label(.field label);
  font: 400 clamp(13.5rem, 12.75rem + 0.0015625 * 100vw, 15.75rem) var(--font-body);
  color: var(--color-text);
  display: block;
  text-align: left;
}
#Footer.ct-section .legal {
  margin: var(--spacer-pink) clamp(0rem, -21.75rem + 0.0453125 * 100vw, 65.25rem) 0;
  padding-top: var(--spacer-aqua);
  border-top: 1px solid black;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  width: calc(100% - clamp(0rem, -21.75rem + 0.0453125 * 100vw, 65.25rem)*3);
}
@media screen and (max-width: 998px) {
  #Footer.ct-section .legal {
    margin-top: var(--spacer-yellow);
  }
}
#Footer.ct-section .legal .eho {
  width: 85rem;
}
#Footer.ct-section .legal .body {
  margin: var(--spacer-yellow) 0;
}
section .parallax {
  position: relative;
  height: var(--spacer-blue);
  overflow: hidden;
}
section .parallax .image {
  width: 100vw;
}
section#Hero > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  max-width: unset;
  min-height: unset;
  height: auto;
  --width: 100%;
  overflow: visible;
  align-self: center;
  align-items: center;
  --padding-horizontal: var(--page-margin);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
}