/** Shopify CDN: Minification failed

Line 1189:0 Unexpected "{"
Line 1189:1 Expected identifier but found "%"
Line 1221:19 Expected identifier but found whitespace
Line 1221:21 Unexpected "{"
Line 1221:28 Expected ":"
Line 1222:16 Expected identifier but found whitespace
Line 1222:17 Unexpected "1px"
Line 1222:28 Unexpected "{"
Line 1222:35 Expected ":"
Line 1233:13 Expected identifier but found whitespace
... and 143 more hidden warnings

**/


/* CSS from section stylesheet tags */
.challenge_faq_wrap {
  background-color: var(--color-background-meta);
  padding: calc(var(--space-outer) * 2) var(--space-outer); 
}

.rte_challenge_faq {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: calc(var(--space-outer)*2);
  max-width: var(--maxInnerWidth);
  margin-left: auto;
  margin-right: auto;
}

.rte_challengeFAQIntro p {
  padding: 16px 0;
  max-width: 450px;
}

.rte_challenge_faq .faq_inner {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 960px) {
  .rte_challenge_faq {
    grid-template-columns: 1fr;
  }
}

.rte_challenge_faq .faq_item h3 {
  font-size: 18px;
  padding: 20px 0;
}

.rte_challenge_faq .faq_item__copy {
  /*transform: scaleY(1);
  transform-origin: top;*/
  overflow: hidden;
  transition: all .2s ease-in-out;
  max-height: 1000px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 1.5; 
}

.rte_challenge_faq .faq_item--closed .faq_item__copy {
  /*transform: scaleY(0);*/
  max-height: 0;
  padding-bottom: 0;
}

.rte_challenge_faq .faq_item__titleTrigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rte_challenge_faq .faq_item .icon-button {
  transition: all .2s ease-in-out;
}

.rte_challenge_faq .faq_item:not(.faq_item--closed) .icon-button {
  transform: rotate(180deg);
}

.rte_challenge_faq .faq_item {
  border-bottom: 1px solid var(--transparentBorderColor);
}

.rte_challenge_faq .faq_item:last-child {
  border-bottom: 0;
}

.rte_challenge_faq .faq_item__copy a {
  color: var(--primaryBrandColor);
}
.challenge_hero {
    background: linear-gradient(180deg, #010B11 0%, #02171E 100%);
}

.challengeHero.insideHeader {
    padding-top: 137px;
    margin-top: -137px;
}

.challengeHeroInner {
    max-width: var(--maxInnerWidth);
    margin: 0 auto;
    display: flex;
    font-family: var(--featureFontFamily);
    padding: 40px 0;
    gap: 40px;
    flex-direction: column;
}

.challengeHeroInner .challengeHeroLeft {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    width: 50%;
    padding-right: 50px;
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
}

.challengeHeroButtons {
    display: flex;
    margin: 10px 0 30px;
    gap: 20px;
}

.challengeHeroInner .challengeHeroBottom {
    box-shadow: inset 0 3px 0 0 rgba(255,255,255,0.12);
    padding: 30px 0 0;
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.challengeHeroInner .challengeHeroBottomSection {
    width: 50%;
    display: flex;
}

.challengeHeroInner .challengeHeroBottomIcon {
    margin-right: 10px;
}

.challengeHeroInner .challengeHeroBottomIcon .icon-button__icon .icon {
    width: 24px;
    height: 24px;
    color: #f06c26;
}
.challengeHeroInner .challengeHeroBottom strong {
    font-size: 18px;
    font-weight: bold;
}

.challengeHeroInner .challengeHeroBottom p {
    font-size: 14px;
    margin-top: 4px;
}

.challengeHeroNotice {
    padding: 10px;
    background-color: #a7fffe;
    color: #005a8f;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: var(--secondaryFontFamily);
}

.challengeHeroInner h1 {
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 0;
}
.challengeHeroInner h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
}
.challengeHeroInner p {
    opacity: 0.7;
    line-height: 28px;
    margin-bottom: 25px;
}

.challengeHeroInner .challengeHeroRight {
    position: relative;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}

@media (min-width: 40em) {
    .challengeHeroInner {
        flex-direction: row;
    }

    .challengeHeroInner .challengeHeroRight {
        width: 50%;
    }
}

.challengeHeroAnimation {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-size: min(1vw, 10px);
}

.challengeHeroAnimationContainer {
    width: 67em;
    height: 62em;
    /* background: rgba(255,255,255,.1); */
    position: relative;
}
.challengeHeroSkew {
     position: absolute;
     transform: skewX(25deg);
}
.challengeHeroSkewLeft {
    width: 14em;
    height: 26.4em;
    background: #f26c26;
    bottom: 0;
    left: 6em;
}
.challengeHeroSkewCenter{
    width: 20em;
    height: 44.6em;
    background: #00d0d6;
    left: 18em;
    top: 5em;
}
.challengeHeroSkewRight {
    width: 14em;
    height: 27em;
    background: #f26c26;
    right: 6em;
    top: 23em;
}

.challengeHeroImage {
    position: absolute;
    border-radius: 20px;
    background-size: cover;
}

.challengeHeroImageTop {
    left: 20%;
    top: 0;
    width:21em;
    height:26em;
}
.challengeHeroImageRight {
    right: 0;
    top: 6%;
    width:36em;
    height:40em;
}
.challengeHeroImageLeft {
    bottom: 20%;
    left: 15%;
    width:22em;
    height:16em;
}

.challengeHeroComponent {
    position: absolute;
}

.challengeHeroComponent > div {
    font-size:1rem;
}

.challengeHeroComponentLeft {
    top: 14em;
    transform: scale(.7);
    transform-origin: top left;
}

.challengeHeroComponentRight {
    bottom: 8em;
    right: 1em;
    transform-origin: bottom right;
    transform: scale(.8);
}

@media (max-width: 960px) {
  .challengeHeroInner {
    display: block;
  } 

  .challengeHeroInner .challengeHeroLeft {
    width: 100%;
    padding-right: 0;
  }

  .challengeHeroInner .challengeHeroRight {
    width: 100%;
    height: 400px;
  }
}

@media (max-width: 640px) {
  .challengeHeroInner .challengeHeroRight {
    height: 250px; 
  }

  .challengeHeroInner .challengeHeroLeft .challengeHeroBottom {
    display: block;
  }

  .challengeHeroBottom .challengeHeroBottomSection {
    width: 100%;
  }
}

.challengeHero__flair {
  margin-top: 0;
  margin-bottom: 5px;
}

.challengeHero__flair svg {
  width: 100%;
  max-width: 300px;
  display: block;
  height: auto;
}
.rte_challengePackages.grid-section:not(.full-width) {
  overflow: visible;
  padding: 0;
}

.challengePackages__header {
  text-align: center;
  margin-bottom: var(--space-outer); 
}
/*
.challengePackages__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: var(--space-outer);
}

@media (max-width: 960px) {
  .challengePackages__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .challengePackages__grid { display: block; }
  .challengePackage { margin-bottom: calc(var(--space-outer) * 2); }
}

.challengePackage {
  display: flex;
  flex-direction: column;
}
*/
.challengePackages__grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: var(--space-outer); 
}

@media (max-width: 640px) {
  .challengePackage { margin-bottom: calc(var(--space-outer) * 2); }
}

.challengePackage {
    display: flex;
    flex-direction: column;
    width: 30%;
    flex-grow: 1;
    max-width: 440px;
    min-width: 300px;
}

.challengePackage__image {
  display: block;
  border-radius: 16px;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-bottom: var(--spacing-medium);
  transform: scale(1);
  transition: transform .2s ease-in-out;
}

.challengePackage__image img {
  border-radius: 16px;
  line-height: 0;
  width: 100%;
}

.challengePackage__image:hover {
  transform: scale(1.05);
}

.challengePackage__promo {
  display: inline-block;
  position: absolute;
  top: var(--spacing-medium);
  left: var(--spacing-medium);
  padding: var(--spacing-extra-small) var(--spacing-small);
  border-radius: 8px;
  background: var(--secondaryBrandColor);
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
}

.challengePackage__body {
  border-radius: 16px;
  background: linear-gradient(to right, #181818, #242424);
  flex-grow: 1;
  padding: var(--spacing-medium);
}

.challengePackage__bodyHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: 700;
  margin-bottom: var(--spacing-medium);
  font-size: 24px;
}

.challengePackage__bodyInner .btn {
  text-align: center;
  width: 100%;
  margin-bottom: var(--spacing-medium);
}

.challengePackage__desc p {
  margin-bottom: var(--spacing-small);
  color: #fff;
}

.challengePackage__desc p svg {
  width: 18px;
  color: #b3e600;
  margin-bottom: -2px;
}

.challengePackage__desc p:last-child {
  margin-bottom: 0;
}

.challengePackage__shortWrap {
  grid-column: 1 / span 3;
  display: flex;
  justify-content: center;
  gap: var(--space-outer);
  flex-flow: row wrap;
}

.challengePackage__shortWrap .challengePackage {
  max-width: 450px;
  width: 100%;
}
.faq_inner {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.faq_item h3 {
  font-size: 18px;
  padding: 20px 0; 
}

.faq_item__copy {
  /*transform: scaleY(1);*/
  transform-origin: top;
  overflow: hidden;
  transition: all .2s ease-in-out;
  max-height: 1000px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 1.5; 
}

.faq_item--closed .faq_item__copy {
  /*transform: scaleY(0);*/
  max-height: 0;
  padding-bottom: 0;
}

.faq_item__copy a {
  text-decoration: none;
  color: var(--primaryBrandColor);
}

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

.faq_item .icon-button {
  transition: all .2s ease-in-out;
}

.faq_item:not(.faq_item--closed) .icon-button {
  transform: rotate(180deg);
}

.faq_item {
  border-bottom: 1px solid var(--transparentBorderColor);
}

.faq_item:last-child {
  border-bottom: 0;
}
.featureGrid {
    border-radius: 24px;
    background: linear-gradient(90deg, #181818 0%, #242424 100%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.04), 0 16px 24px 0 rgba(0,0,0,0.04), 0 24px 32px 0 rgba(0,0,0,0.04);
    font-family: var(--featureFontFamily);
    color: white;
    text-align: center;
    padding: calc(var(--space-outer) * 2) var(--space-outer) var(--space-outer);
    margin-top: 100px
}

.featureGrid h2 {
    margin-bottom: 20px;
}

.featureGrid p {
    max-width: 600px;
    margin: 0 auto;
    opacity: .7;
    font-weight: 400;
    line-height: 28px; 
}

.fgIconSection {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: space-around;
}
@media (min-width: 40em) {
    .fgIconSection {
        flex-direction: row;
    }
}
.fgIconBox {
    width: 128px;
    height: 128px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 30px;
    position: relative;
    margin: 0 auto 40px;
}
.fgIconBox .fgIconBoxBorder {
    position: absolute;
    border-radius: 30px 30px 0 0;
    height: 50%;
    width: 100%;
    border: 1px solid;
    content: '';
    top: 0;
    lefT: 0;
    border-bottom: 0;
}
.fgIconBox .fgIconBoxInner {
    margin: 13px;
    width: 100px;
    height: 100px;
    background-color: #3a3a3a;
    border-radius: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fgIconSection strong {
    font-weight: bold;
    font-size: 18px;
}
.fgButtonContainer {
    margin: 70px 0;
}
.galleryViewLink {
  color: var(--primaryBrandColor);
}
.get_started_grid {  overflow: visible !important; }

.getStartedSection {
    text-align: center;
    overflow: visible; 
}

.getStartedSection h2 {
    text-align: center;
    margin:0 0  40px;
}

.getStartedFigures {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: space-between;
}
.getStartedFigure {
    position: relative;
    aspect-ratio: 1/1;
    display: inline-block;
    margin: 0 auto;
    max-width: 400px;
    width: 100%
}
@media (min-width: 60em) {
    .getStartedFigures {
        gap: 20px;
        align-items: center;
        flex-direction: row;
    }

    .getStartedFigure {
        width: 33%;
        margin: 0 ;
    }
}

.getStartedFigure .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px;
    border-radius: 8px;
    background-color: #005a8f;
    color: white;
    text-transform: uppercase;
    font-family: var(--secondaryFontFamily);
    font-weight: 700;
    font-size: smaller;
}

.getStartedFigure .image {
  background: transparent;
}

.getStartedFigure img {
    border-radius: 24px;
    max-width: 100%;
    max-height: 100%;
}

.getStartedFigure a .image {
  transition: all .2s ease-in-out !important;
}

.getStartedFigure a:hover .image {
  transform: scale(1.05);
}

.getStartedFigure figcaption {
    position: absolute;
    bottom: -10px;
    left: 20px; 
    right: 20px;
    padding: 10px 10px 10px 20px;
    border-radius: 24px;
    background: #242424;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.getStartedFigure figcaption h5 {
    margin: 0;
    padding: 0;
}

.getStartedFigure .tag {
  z-index: 50;
}
.home_hero {
    background: linear-gradient(180deg, #010B11 0%, #02171E 100%);
}
.headerHero.insideHeader {
    padding-top: 137px;
    margin-top: -137px;
    overflow: hidden;
}

.headerHeroInner {
    max-width: var(--maxInnerWidth);
    margin: 0 auto;
    display: flex;
    font-family: var(--featureFontFamily);
    padding: 40px 0px;
    flex-direction: column;
}

.headerHeroInner .headerHeroLeft {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    padding-right: 50px;
}
.headerHeroLeft h1 {
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 25px;

    transform: translate(0, 5em);
    opacity: 0;
    
    animation-name: fadeInTitle;
    animation-duration: 1s;
    animation-delay: 1.6s;
    animation-fill-mode: forwards;  
    line-height: 1.2em;
}

.headerHeroLeft .headerHeroCarouselTextContainer {
    display: inline-block;
    overflow: hidden;
    height: 1.3em;
    margin-bottom: -0.3em;
}
.headerHeroLeft .headerHeroCarouselText {
    animation-name: updateTitle;
    animation-duration: 20s;
    animation-delay: 4s;
    animation-iteration-count: infinite;
}

 .headerHeroCarouselText div {
   height: 1.4em;
    line-height: 1.2em;
 }

@keyframes updateTitle {
  0% {
    margin-top: 0;
  }
  29% {
    margin-top: 0;
  }
  30% {
    margin-top: -1.4em;
  }
  49% {
    margin-top: -1.4em;
  }
  50% {
    margin-top: -2.8em;
  }
  69% {
    margin-top: -2.8em;
  }
  70% {
    margin-top: -4.2em;
  }
  99% {
    margin-top: -4.2em;
  }
  100% {
    margin-top: -5.6em;
  }
}

.headerHeroLeft p {
    opacity: 0.7;
    line-height: 28px;
    margin-bottom: 25px;

    transform: translate(0, 5em);
    opacity: 0;
    
    animation-name: fadeInTitle;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: forwards;  
}
.headerHeroLeft .headerHeroButtons {
    display: flex;
    gap: 20px;

    transform: translate(0, 5em);
    opacity: 0;
    
    animation-name: fadeInTitle;
    animation-duration: 1s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;  
}

@keyframes fadeInTitle {
  from {
      transform: translate(0, 5em);
      opacity: 0;
  }
  to {
      transform: translate(0,0);
      opacity: 1;
  }
}

.headerHeroInner .headerHeroRight {
    position: relative;
    margin-top: 40px;
}

@media (min-width: 60em) {
    .headerHeroInner {
        flex-direction: row;
        padding: 80px 0px;
    }

    .headerHeroInner .headerHeroRight {
        margin-top: 0;
    }

    .headerHeroInner .headerHeroRight,
    .headerHeroInner .headerHeroLeft {
        width: 50%;
    }
}

.headerHeroAnimation {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    margin: 20px -20px;
    font-size: min(1.4vw,10px);
    overflow: hidden;
}

.headerHeroAnimationContainer {
    width: 67em;
    height: 62em;
    /* background: rgba(255,255,255,.1); */
    position: relative;
}
.headerHeroSkewContainer {
    transform: skew(25deg);
    transform: skew(-10deg) scaleX(-1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.headerHeroSkew {
     position: absolute;
     animation-duration: .8s;
     opacity: 0;
     animation-fill-mode: forwards;  
     pointer-events: none;
}

.headerHeroSkewLeft {
    width: 14em;
    height: 31.4em;
    background: #f26c26;
    bottom: -5em;
    /* left: -2em; */
    animation-name: headerHeroSkewLeft;
    right: 2em;
    /* top: 1em; */
}
.headerHeroSkewCenter {
    width: 26em;
    height: 42em;
    background: #00d0d6;
    left: 22em;
    top: 11em;
    animation-name: headerHeroSkewCenter;
    animation-duration: 1s;    
}
.headerHeroSkewRight {
    width: 18em;
    height: 57em;
    background: #f26c26;
    /* right: 2em; */
    /* top: 1em; */
    animation-name: headerHeroSkewRight;
    bottom: 5em;
    left: 0em;
    animation-duration: 1.2s;
}

/*.headerHeroSkewLeft {
    width: 14em;
    height: 26.4em;
    background: #f26c26;
    bottom: 0;
    left: -2em;
    animation-name: headerHeroSkewLeft;
}
.headerHeroSkewCenter {
    width: 20em;
    height: 42em;
    background: #00d0d6;
    left: 21em;
    top: 11em;
    animation-name: headerHeroSkewCenter;
}
.headerHeroSkewRight {
    width: 15em;
    height: 54em;
    background: #f26c26;
    right: 2em;
    top: 1em;
    animation-name: headerHeroSkewRight;
}*/

@keyframes headerHeroSkewLeft {
  from {
      transform: translate(0,100em);
  }
  40% {
      opacity: 0;
  }
  to {
       transform: translate(0, 0);
       opacity: 1;
  }
}
@keyframes headerHeroSkewCenter {
  from {
      transform: translate(0,-100em);
  }
  40% {
      opacity: 0;
  }
  to {
       transform: translate(0, 0);
       opacity: 1;
  }
}
@keyframes headerHeroSkewRight {
  from {
      transform: translate(0,100em);
  }
  40% {
      opacity: 0;
  }
  to {
       transform: translate(0, 0);
       opacity: 1;
  }
}

.headerHeroImage {
    position: absolute;
    border-radius: 20px;
    background-size: cover;
    animation-duration: .8s;
    animation-delay: .5s;
    animation-fill-mode: forwards;  
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    opacity: 0;
}

.headerHeroImageTop {
    left: 20%;
    top: 0;
    width:21em;
    height:26em;
   transform: translate(0, -100em);
    animation-name: headerHeroImageTop;
}
@keyframes headerHeroImageTop {
  from {
      transform: translate(0, -100em);
  }
  40% {
      opacity: 0;
  }
  to {
       transform: translate(0, 0);
       opacity: 1;
  }
}

.headerHeroImageRight {
    right: 0;
    top: 6%;
    width:36em;
    height:40em;
    animation-delay: .6s;
    animation-name: headerHeroImageRight;
    transform: translate(100em, 0);
}
@keyframes headerHeroImageRight {
  from {
      transform: translate(100em, 0);
  }
  40% {
      opacity: 0;
  }
  to {
       transform: translate(0, 0);
       opacity: 1;
  }
}

.headerHeroImageLeft {
    bottom: 22%;
    left: 15%;
    width:22em;
    height:16em;
    animation-delay:.7s;
    animation-name: headerHeroImageLeft;
    transform: translate(0, 40em);
}
@keyframes headerHeroImageLeft {
  from {
      transform: translate(0, 100em);
  }
  40% {
      opacity: 0;
  }
  to {
       transform: translate(0, 0);
       opacity: 1;
  }
}

.headerHeroComponent {
    position: absolute;
    display: none;
    animation-duration: .8s;
    animation-delay: .8s;
    animation-fill-mode: forwards; 
    opacity: 0;
}

.headerHeroComponent .emoji {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(30%, -40%);
    animation: bounceHeroIcon 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    z-index: 9;
}
@keyframes bounceHeroIcon {
    from {
      transform: translate(30%, -40%);
    }
    to {
      transform: translate(30%, -50%);
    }
}

.headerHeroComponent > div {
    font-size:1rem;
}

.headerHeroComponentLeft {
    top: 14em;
    transform-origin: top left;
    animation-name: headerHeroComponentLeft;
    transform: translate(-40em, -80em) scale(.9);
    animation-delay: 0.9s;
}
@keyframes headerHeroComponentLeft {
  from {
      transform: translate(-40em, -80em) scale(.9);
  }
  40% {
      opacity: 0;
  }
  to {
       transform: translate(0, 0) scale(.7);
       opacity: 1;
  }
}

.headerHeroComponentLeft .emoji {
    top: 0;
    right: 0;
    transform: translate(25%,-25%) scale(1.4);
    z-index: 9;
    animation: bounceHeroIconLeft 3s;
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}
@keyframes bounceHeroIconLeft {
    from {
      transform: translate(25%,-25%) scale(1.4);
    }
    to {
      transform: translate(25%,-35%) scale(1.4);
    }
}

.headerHeroComponentRight {
    top: 37em;
    right: 2em;
    transform-origin: bottom right;
    animation-name: headerHeroComponentRight;
    animation-delay: 1.1s;
    transform: translate(40em, 20em) scale(.9);
}
@keyframes headerHeroComponentRight {
  from {
      transform: translate(40em, 20em)) scale(.9);
  }   
  40% {
      opacity: 0;
  }
  to {
       transform: translate(0, 0) scale(.8);
       opacity: 1;
  }
}

@media (min-width: 60em) {
    .headerHeroAnimation {
        margin: 0;
        font-size: min(.7vw,10px);
    }

    .headerHeroAnimation {
        overflow: visible;
    }
}

@media (min-width: 70em) {
  .headerHeroComponent {
      display: block;
  }
}

@media (min-width: 80em) {
    .headerHeroAnimation {
        margin: 0;
    }

    .headerHeroAnimation {
        overflow: visible;
    }
}

.headerHeroCarouselText__wrapper {
  position: relative;
  display: inline-block;
}

.headerHeroCarouselText__flair {
  position: absolute;
  bottom: -10px;
  left: 0px;
  width: 191px;
  height: 12px;
}

.headerHeroCarouselText__flair svg { display: block; }

@media (max-width: 640px) {
  .headerHeroLeft h1, .headerHeroLeft p, .headerHeroLeft .headerHeroButtons, .headerHeroSkewLeft, .headerHeroSkewCenter, .headerHeroSkewRight, .headerHeroImage {
    opacity: 1;
    animation: none;
    transform: translate(0,0); 
  }
}
{% import './_macros.css' %}

[data-global-resource-path*='header'] {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  -webkit-transition:
    opacity 0.25s ease-in-out;
  -o-transition:
    opacity 0.25s ease-in-out;
  transition:
    opacity 0.25s ease-in-out;
}

.header .widget-type-logo > a {
  z-index:999;
}

body.popup-open [data-global-resource-path*="header"] {
  opacity: 0;
  pointer-events: none;
}

.header .widget-span > .dnd-section > .row-fluid {
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.header {
  background-color: {{ theme.header.background_color }};
  border-bottom: 1px solid {{ theme.header.border_color }};
}

.header.header--no-navigation .widget-span > .dnd-section > .row-fluid > .dnd-column:first-child + .dnd-column {
  margin-left: auto;
}

.header {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-shadow: 0 {{ theme.spacing.spacing_base * 2 ~ "px" }} {{ theme.spacing.spacing_base * 2 ~ "px" }} 0 rgba(0, 0, 0, 0);
  transition:
    box-shadow 0.25s ease-in-out,
    background-color 0.25s ease-in-out;
  padding-bottom: {{ theme.header.vertical_spacing ~ "px" }};
}

.header::-webkit-scrollbar {
  display: none;
}

.header .widget-type-logo {
  padding-top: {{ theme.header.menu.spacing.padding.top.value ~ theme.header.menu.spacing.padding.top.units }};
  padding-bottom: {{ theme.header.menu.spacing.padding.bottom.value ~ theme.header.menu.spacing.padding.bottom.units }};
}

@media (max-width: {{ (theme.spacing.breakpoints.md - 1) ~ 'px' }}) {
  .header .widget-type-logo {
    max-width: 150px;
  }
}

.header .hs-menu-wrapper ul li a {
  display: block;
  color: {{ theme.header.menu.text.color }};
  {{ theme.header.menu.spacing.spacing_xs.css }};
  text-transform: uppercase;
}

.header .hs-menu-wrapper ul li a:hover {
  color: {{ theme.header.menu.text.hover_color }};
}

.header .hs-menu-wrapper ul.hs-menu-children-wrapper {
  background-color: {{ theme.header.menu.drop_downs.background_color }};
}

.header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  color: {{ theme.header.menu.drop_downs.text.color }};
  {{ theme.header.menu.drop_downs.links_spacing.spacing_xs.css }}
}

.header .hs-menu-wrapper ul.hs-menu-children-wrapper li a:hover {
  color: {{ theme.header.menu.drop_downs.text.hover_color }};
}

.header .hs-menu-wrapper  ul  li.hs-menu-item.active-branch > a {
  position: relative;
  color: {{ theme.header.menu.text.hover_color }};
  font-weight: 600;
}

.header .hs-menu-wrapper > ul > li.hs-menu-item.active-branch > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: {{ theme.spacing.spacing_base ~ 'px' }};
  height: {{ theme.spacing.spacing_base ~ 'px' }};
  background-color: currentColor;
  border-radius: 50%;
  display: none;
}

@media (min-width: {{ theme.spacing.breakpoints.sm ~ 'px' }}) {
  .header .hs-menu-wrapper ul li a {
    {{ theme.header.menu.spacing.spacing_sm.css }}
  }

  .header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    {{ theme.header.menu.drop_downs.links_spacing.spacing_sm.css }}
  }
}

@media (min-width: {{ theme.spacing.breakpoints.md ~ 'px' }}) {
  .header .hs-menu-wrapper ul li a {
    {{ theme.header.menu.spacing.spacing_md.css }}
  }

  .header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    {{ theme.header.menu.drop_downs.links_spacing.spacing_md.css }}
  }

  .header .hs-menu-wrapper .hs-menu-children-wrapper > li:not(:first-child) > a {
    padding-top: 0;
  }

  .header .header-menu .header-menu__language-switcher > ul > li > a {
    padding-right: 0;
  }
}

@media (min-width: {{ theme.spacing.breakpoints.lg ~ 'px' }}) {
  .header .hs-menu-wrapper ul li a {
    {{ theme.header.menu.spacing.spacing_lg.css }}
  }

  .header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    {{ theme.header.menu.drop_downs.links_spacing.spacing_lg.css }}
  }
}

@media (min-width: {{ theme.spacing.breakpoints.xl ~ 'px' }}) {
  .header .hs-menu-wrapper ul li a {
    {{ theme.header.menu.spacing.spacing_xl.css }}
  }

  .header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
    {{ theme.header.menu.drop_downs.links_spacing.spacing_xl.css }}
  }
}

.header .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
  {{ theme.header.menu.drop_downs.spacing.css }}
}

.header .hs-menu-wrapper .hs-item-has-children > a {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}

.header .widget-span > .dnd-section > .row-fluid > [class*='span'] {
  flex: 0 0 auto;
  width: auto;
}

.header .header-menu .header-menu__toggle {
  max-width: {{ theme.spacing.spacing_base * 6 ~ "px" }};
  width: {{ theme.spacing.spacing_base * 6 ~ "px" }};
  cursor: pointer;
  transition: transform 0.25s ease-in-out;
}

.header .header-menu .header-menu__toggle svg {
  display: block;
  max-height: 100%;
  margin: auto;
}

.header .header-menu__language-switcher > ul > .hs-item-has-children > a:after {
  content: '';
  display: inline-block;
  height: 0;
  width: 0;
  border-top: {{ theme.spacing.spacing_base ~ "px" }} solid {{ theme.header.menu.text.color }};
  border-right: {{ theme.spacing.spacing_base ~ "px" }} solid transparent;
  border-left: {{ theme.spacing.spacing_base ~ "px" }} solid transparent;
  margin-left: {{ theme.spacing.spacing_base ~ "px" }};
  transition: border 0.25s ease-in-out;
}

.header .header-menu__language-switcher > ul > .hs-item-has-children > a:hover:after {
  border-top: {{ theme.spacing.spacing_base ~ "px" }} solid {{ theme.header.menu.text.hover_color }};
}

.header .header-menu__search-toggle,
.header .header-menu .header-menu__search .hs-search-field__suggestions {
  display: none;
}

.header .header-menu__search-toggle:hover svg {
  transform: initial;
}

@media (min-width: {{ theme.spacing.breakpoints.sm ~ "px" }}) {
  .header {
    overflow: initial;
  }
}

@media (max-width: {{ (theme.spacing.breakpoints.md - 1) ~ 'px' }}) {
  .header .header-menu .header-menu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: fixed;
    top: 100%;
    right: 0%;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10000;
    -webkit-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
    background-color: {{ theme.global_colors.white.color }};
    padding-top: {{ theme.spacing.columns_gap * 2 ~ "px" }};
  }

  .header .hs-menu-wrapper > ul > li.hs-menu-item.active-branch > a:after {
    display: none;
  }

  .header .header-menu .hs-menu-wrapper ul li a {
    width: 100%;
    font-size: 1em;
  }

  .header .header-menu .header-menu__menu {
    margin-bottom: 2rem;
  }

  .header .header-menu.open .header-menu__container {
    top: 0%;
    pointer-events: auto;
  }

  .header .header-menu.open .header-menu__toggle {
    transform: rotate(90deg);
    z-index:999;
  }

  .header .header-menu__buttons {
    order: 1;
  }

  .header .header-menu__language-switcher {
    order: 1;
  }

  .header .header-toggle {
    top: calc(({{ theme.spacing.spacing_base ~ "px" }} * 4) * 1.2);
    right: {{ theme.spacing.columns_gap / 2 ~ "px" }};
    width: calc(({{ theme.spacing.spacing_base ~ "px" }} * 6) * 1.2);
    height: calc(({{ theme.spacing.spacing_base ~ "px" }} * 4) * 1.2);
    cursor: pointer;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin-left: auto;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
  }

  .header .header-toggle span {
    border-radius: {{ theme.spacing.spacing_base * 2 ~ "px" }};
    width: 100%;
    height: 2px;
    background-color: {{ theme.header.menu.text.color }};
    display: block;
    transform: translateX(0%);
    opacity: 1;
    transition:
      transform 0.25s ease-in-out,
      background-color 0.25s ease-in-out,
      opacity 0.25s ease-in-out;
  }

  .header .header-toggle:hover span {
    background-color: {{ theme.header.menu.text.hover_color }};
  }

  .hs-menu-wrapper > ul > li {
    width: 100%;
  }

  .header .header-menu .header-menu__search [class*="span"] {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: {{ theme.spacing.breakpoints.md ~ 'px' }}) {
  .header .hs-menu-wrapper > ul > li:not(:first-child) > a,
  .header .header-menu .header-menu__language-switcher > ul > li > a {
    margin-left: {{ theme.spacing.spacing_base * 3 ~ "px" }};
  }

  .header .header-toggle {
    display: none;
  }

  .header:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba({{ theme.global_colors.black.color|convert_rgb }}, 0.75);
    opacity: 0;
    pointer-events: none;
    user-select: none;
    z-index: -1;
    transition: opacity 0.25s ease-in-out;
  }

  .header .header-menu__search {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding-top: 15vw;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    background-color: rgba({{ theme.global_colors.black.color|convert_rgb }}, .95);
    transition: none;
    z-index: 1;
  }

  .header .header-menu .header-menu__search.hs-search-field form label {
    margin-bottom: {{ theme.spacing.spacing_base * 4 ~ "px" }};
  }

  .header .header-menu .header-menu__search .hs-search-field__suggestions {
    display: block;
    background-color: {{ theme.global_colors.white.color }};
    border-radius: {{ theme.spacing.spacing_base * 2 ~ "px" }};
    border: none;
    margin-top: {{ theme.spacing.spacing_base * 4 ~ "px" }};
  }

  .header .header-menu .header-menu__search .hs-search-field__suggestions #results-for,
  .header .header-menu .header-menu__search .hs-search-field__suggestions li a {
    padding: {{ theme.spacing.spacing_base * 2 ~ "px" }};
  }

  .header .header-menu.search-open .header-menu__search-toggle:not(:hover) svg path {
    color: {{ theme.global_colors.white.color }};
    fill: {{ theme.global_colors.white.color }};
  }

  .header .header-menu.search-open .header-menu__search {
    opacity: 1;
    pointer-events: initial;
    transition: opacity 0.25s ease-in-out;
  }

  .header .header-menu__search-toggle {
    display: inline-block;
  }
}
.image-text-grid {
    background: linear-gradient(0deg, rgba(0,157,225,0) 0%, rgba(0,157,225,0.05) 100%);
}
.imageAndTextGrid {
    max-width: var(--maxInnerWidth);
    margin: 0 auto;
    font-family: var(--featureFontFamily);
    color: white;
    text-align: center;
    padding: calc(var(--space-outer) * 2) var(--space-outer) !important;  
}

.imageAndTextGrid h2 {
    margin-bottom: 20px;
}

.imageAndTextGrid p {
    margin-top: 15px;
    line-height: 28px;
    opacity: 0.7;
}

.iatgIconSection {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: space-around;
}
@media (min-width: 60em) {
    .iatgIconSection {
        flex-direction: row;
    }
}

.iatgIconItem {
    text-align: left;
    flex: 1;
}

.iatgIconBox {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 19px;
    position: relative;
    margin: 0 0 35px;
}
.iatgIconBox .iatgIconBoxBorder {
    position: absolute;
    border-radius: 19px 19px 0 0;
    height: 50%;
    width: 100%;
    border: 1px solid;
    content: '';
    top: 0;
    lefT: 0;
    border-bottom: 0;
}
.iatgIconBox .iatgIconBoxInner {
    margin: 8px;
    width: 62px;
    height: 62px;
    background-color: #3a3a3a;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iatgIconSection strong {
    font-weight: bold;
    font-size: 24px;
}
.iatgButtonContainer {
    margin: 70px 0;
}
.rte_heroImageWrapper {
  position:relative;
}

.rte_heroImageWrapper .image {
  position: initial;
  padding: 0 !important;
  z-index: 1;
}

.rte_heroImage__overlay {
    z-index: 10;
    position: relative;
    padding-left: var(--space-outer);
    padding-right: var(--space-outer);
    color: #fff;
}

.rte_heroImage__innerText {
  max-width: var(--maxInnerWidth);
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}

.behind-header .rte_heroImage__innerText {
  padding-top: var(--headerHeight);
}

.rte_heroImageWrapper h1 {
  font-size: var(--heroTitleFontSize);
  font-family: var(--featureFontFamily);
  font-weight: 900;
  line-height: 1.25;
  max-width: 600px;
}

.rte_heroImageWrapper h2 {
  font-size: var(--heroSubtitleFontSize);
  margin-top: 16px;
  max-width: 600px;
  font-weight: 500;
  color: var(--color-text-subheading); 
}

.rte_heroImageWrapper .btn {
  margin-top: 24px;
}

@media (max-width: 960px) {
  .behind-header .rte_heroImage__innerText {
    padding-top: var(--headerHeightMobile);
  }
  
  .rte_heroImageWrapper h1 {
    font-size: var(--heroTitleFontSizeMobile);
  }
}
.image-text-grid {
    background: linear-gradient(0deg, rgba(0,157,225,0) 0%, rgba(0,157,225,0.05) 100%);
}
.imageAndTextGrid {
    max-width: var(--maxInnerWidth);
    margin: 0 auto;
    font-family: var(--featureFontFamily);
    color: white;
    text-align: center;
    padding: calc(var(--space-outer) * 2) var(--space-outer) !important;  
}

.imageAndTextGrid h2 {
    margin-bottom: 20px;
}

.imageAndTextGrid p {
    margin-top: 15px;
    line-height: 28px;
    opacity: 0.7;
}

.iatgIconSection {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: space-around;
}
@media (min-width: 60em) {
    .iatgIconSection {
        flex-direction: row;
    }
}

.iatgIconItem {
    text-align: left;
    flex: 1;
}

.iatgIconBox {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 19px;
    position: relative;
    margin: 0 0 35px;
}
.iatgIconBox .iatgIconBoxBorder {
    position: absolute;
    border-radius: 19px 19px 0 0;
    height: 50%;
    width: 100%;
    border: 1px solid;
    content: '';
    top: 0;
    lefT: 0;
    border-bottom: 0;
}
.iatgIconBox .iatgIconBoxInner {
    margin: 8px;
    width: 62px;
    height: 62px;
    background-color: #3a3a3a;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iatgIconSection strong {
    font-weight: bold;
    font-size: 24px;
}
.iatgButtonContainer {
    margin: 70px 0;
}
.listAndImageDual {
      display: flex;
      flex-direction: column-reverse;
      border-radius: 24px;
      padding: calc(var(--space-outer) * 2) 0;
      gap: 40px;
      color: black;
      align-items: stretch;
      justify-content: stretch;
      font-family: var(--featureFontFamily);
      /*
      background-color: #1e1e1e;
      background: linear-gradient(90deg, #181818 0%, #242424 100%);
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.04), 0 16px 24px 0 rgba(0,0,0,0.04), 0 24px 32px 0 rgba(0,0,0,0.04);
      */
      margin: 0 auto;
      max-width: var(--maxInnerWidth);
  }
  
  .list_and_image:not(.full-width) .listAndImageDual {
    background-color: #1e1e1e;
    background: linear-gradient(90deg, #181818 0%, #242424 100%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.04), 0 16px 24px 0 rgba(0,0,0,0.04), 0 24px 32px 0 rgba(0,0,0,0.04);
    padding-left: var(--space-outer);
    padding-right: var(--space-outer);
    padding-bottom: var(--space-outer);
  }
  
  @media (max-width: 960px) {
    .list_and_image:not(.full-width) .listAndImageDual {
      flex-direction: column;
    }
  
    .list_and_image:not(.full-width) .listAndImageDual .laidRight {
      margin-left: calc(var(--space-outer) * -1);
      margin-right: calc(var(--space-outer) * -1);
      margin-bottom: calc(var(--space-outer) * -1);
      width: auto;
    }
  }
  
  .list_and_image {
    box-shadow: none;
    border-radius: 0;
  }
  
  .list_and_image.full-width {
    background: linear-gradient(0deg, rgba(0,157,225,0) 0%, rgba(0,157,225,0.05) 100%);
    padding-left: var(--space-outer);
    padding-right: var(--space-outer);
  }
  
  .listAndImageDual .laidLeft {
      width: 100%;
  }
  
  .listAndImageDual .laidLeft ol {
      list-style: none;
      padding: 40px 0 30px;
      margin: 0;
  }
  
  .listAndImageDual .laidLeft li {
      border-bottom: 1px solid #373837;
      padding: 20px;
      display: flex;
  }
  .listAndImageDual .laidLeft li .laidListNumber {
      font-size: 20px;
      padding: 0 30px 0 0;
      color: #00967c;
      font-weight: bild;
  }
  .listAndImageDual .laidLeft li strong {
      font-size: 18px;
      font-weight: bold;
  }
  .listAndImageDual .laidLeft li p {
      padding-top: 5px;
      opacity: 0.7;
      line-height: 28px;
  }
  
  .listAndImageDual .laidRight {
      position: relative;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
  
  .listAndImageDual .laidRight .laidIphoneImage {
      background-size: contain;
      background-size: contain;
      background-repeat: no-repeat;
      transition: all 1s;
      animation-delay: 0s;
      animation-duration: .5s;
      animation-timing-function: linear;
      animation-fill-mode: forwards;  
  }

  .listAndImageDual .laidRight .laidIphoneImage > img {
      max-height: 830px;
      max-width: 100%;
      transform: scale(0.7);
  }

  .listAndImageDual .laidRight.animate .laidIphoneImage:first-child {
    animation-name: scrollLeft;
  }
  @keyframes scrollLeft {
    from {
         transform: translate(0, 0);
    }
    to {
        transform: translate(0, 60px);
    }
  }

  .listAndImageDual .laidRight.animate .laidIphoneImage:nth-child(2n) {
    animation-name: scrollRight;
  }
  @keyframes scrollRight {
    from {
         transform: translate(0, 0);
    }
    to {
        transform: translate(0, -60px);
    }
  }

  .laidIcons {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    opacity: 0;
    transition: opacity 1.5s;
  }

  .listAndImageDual .laidRight.animate .laidIcons {
      opacity: 1;
  }

  .laidIcons div {
    position: absolute;
    animation: bounce 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    transform: translate(0, 0);
  }

  .laidIcons div img {
      width: 64px;
  }

  .laidIcons div:first-child {
    top: 10%;
    left: 35%;
    animation-delay: 2s;
  }
  .laidIcons div:nth-child(2n) {
    top: 35%;
    right: 80%;
    animation-delay: 4s;
  }
  .laidIcons div:nth-child(3n) {
    top: 70%;
    right: 75%;
    animation-delay: 6s;
  }
  .laidIcons div:nth-child(4n) {
    top: 85%;
    left: 40%;
    animation-delay: 0s;
  }

  .laidButtonGroup {
      padding: 0 0 20px;
      display: flex;
      gap: 20px;
  }
  
  .laidButtonGroup img {
      opacity: 30%;
  }
  
  @media (min-width: 40em) {
      .listAndImageDual {
          flex-direction: row;
      }
      .listAndImageDual.reverse {
          flex-direction: row-reverse;
      }
  
      .listAndImageDual .laidLeft {
          width: 55%;
      }
  
      .listAndImageDual.reverse .laidLeft {
          padding-top: 100px;
          padding-bottom: 50px;
      }
  
      .listAndImageDual .laidRight {
          width: 45%;
          margin: 0 -40px -40px 0;
      }

      
      .listAndImageDual .laidRight img {
          border-radius: 24px 0;
      }
  
      .listAndImageDual .laidRight img {
          border-radius: 0;
      }
  }
  
  @media (max-width: 960px) {
    .listAndImageDual.reverse {
          flex-direction: column-reverse;
      }
  
    .listAndImageDual .laidLeft, .listAndImageDual .laidRight {
      padding-top: 0 !important;
      width: 100%;
    }
    
    .listAndImageDual .laidRight {
      height: 500px;
      background-position: center;
      margin: 130px auto;
    }
  }

  
    @media (max-width: 640px) {
    .listAndImageDual .laidRight {
      height: 370px;
      gap: 0;
      width: 80%;
      margin: 70px auto 120px;
    }
  }

      @media (max-width: 460px) {
      .listAndImageDual .laidRight {
        margin: 60px auto;
      }
    }


  
  @keyframes bounce {
    from {
      transform: translate(0, 0);
    }
    to {
      transform: translate(0, -50%);
    }
  }
.listAndImage {
    display: flex;
    flex-direction: column-reverse;
    border-radius: 24px;
    padding: calc(var(--space-outer) * 2) 0;
    gap: 40px;
    color: black;
    align-items: stretch;
    justify-content: stretch;
    font-family: var(--featureFontFamily);
    /*
    background-color: #fafafa;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.04), 0 16px 24px 0 rgba(0,0,0,0.04), 0 24px 32px 0 rgba(0,0,0,0.04);
    */
    margin: 0 auto;
    max-width: var(--maxInnerWidth);
}

.list_and_image:not(.full-width) .listAndImage {
  background-color: #fafafa;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.04), 0 16px 24px 0 rgba(0,0,0,0.04), 0 24px 32px 0 rgba(0,0,0,0.04);
  padding-left: var(--space-outer);
  padding-right: var(--space-outer);
  padding-bottom: var(--space-outer);
}

@media (max-width: 960px) {
  .list_and_image:not(.full-width) .listAndImage {
    flex-direction: column;
  }

  .list_and_image:not(.full-width) .listAndImage .laiRight {
    margin-left: calc(var(--space-outer) * -1);
    margin-right: calc(var(--space-outer) * -1);
    margin-bottom: calc(var(--space-outer) * -1);
    width: auto;
  }
}

.list_and_image {
  box-shadow: none;
  border-radius: 0;
}

.list_and_image.full-width {
  background: linear-gradient(0deg, rgba(0,157,225,0) 0%, rgba(0,157,225,0.05) 100%);
  padding-left: var(--space-outer);
  padding-right: var(--space-outer);
}

.listAndImage .laiLeft {
    width: 100%;
}

.listAndImage .laiLeft ol {
    list-style: none;
    padding: 40px 0 30px;
    margin: 0;
}

.listAndImage .laiLeft li {
    border-bottom: 1px solid #373837;
    padding: 20px;
    display: flex;
}
.listAndImage .laiLeft li .laiListNumber {
    font-size: 20px;
    padding: 0 30px 0 0;
    color: #00967c;
    font-weight: bild;
}
.listAndImage .laiLeft li strong {
    font-size: 18px;
    font-weight: bold;
}
.listAndImage .laiLeft li p {
    padding-top: 5px;
    opacity: 0.7;
    line-height: 28px;
}

.listAndImage .laiRight {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 24px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.listAndImage.reverse .laiRight {
    background-size: contain;
}

.laiButtonGroup {
    padding: 0 0 20px;
    display: flex;
    gap: 20px;
}

.laiButtonGroup img {
    opacity: 30%;
}


@media (min-width: 40em) {
    .listAndImage {
        flex-direction: row;
    }
    .listAndImage.reverse {
        flex-direction: row-reverse;
    }

    .listAndImage .laiLeft {
        width: 55%;
    }

    .listAndImage.reverse .laiLeft {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .listAndImage .laiRight {
        width: 45%;
        margin: 0 -40px -40px 0;
    }
    .listAndImage.reverse  .laiRight{
        margin: 0
    }
    
    .listAndImage .laiRight img {
        border-radius: 24px 0;
    }

    .listAndImage .laiRight img {
        border-radius: 0;
    }
}

@media (max-width: 960px) {
  .listAndImage.reverse {
        flex-direction: column-reverse;
    }

  .listAndImage .laiLeft, .listAndImage .laiRight {
    padding-top: 0 !important;
    width: 100%;
  }
  
  .listAndImage .laiRight {
    height: 500px;
    background-position: center;
  }
}

@media (max-width: 640px) {
  .listAndImage .laiRight {
    height: 400px;
  }
}
.social_icons_wrap {
text-align: center;
}

.socialIconsWrapper {
  text-align: center;
  margin-top: 20px;
}

.socialIconsWrapper .social-icons {
  justify-content: center;
}

.socialIconsWrapper .social-icons .icon, .socialIconsWrapper .social-icons li {
  width: 36px;
height: 36px;
}
.testimonials {
    font-family: var(--featureFontFamily);
    color: black;
    text-align: center;
    padding: 0 var(--space-outer) !important; 
}

.testimonialHeading {
    margin-bottom: 40px;
}

.testimonialHeading h3 {
    font-size: 36px;
}

.testimonialIcon {
    color: #00d0d6;
    display: flex;
    justify-content: center;
}

.testimonialIcon .icon {
    width: 36px;
    height: 36px;
}

.testimonialContainer {
    width: 100%;
    overflow: hidden;
}

.testimonialInnerContainer {
    display:flex;
    margin-top: 15px;
}

.testimonialItem .testimonialText {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 15px;
    max-width: 800px;
    display: inline-block;
    font-family: var(--secondaryFontFamily);
}

@media (max-width: 640px) {
  .testimonialItem .testimonialText {
    font-size: 20px;
    line-height: 24px;
  }
}

.testimonialAvatar {
  margin-top: 20px;
  line-height: 0;
}

.testimonialItem .testimonialAvatar img {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.testimonialItem .testimonialDetails {
    opacity: 0.7;
    margin-top: 15px;
}

.testimonialButtons {
    display: inline-flex;
    margin: 40px auto 0;
}

.testimonialButton {
    width: 48px;
    height: 48px;
    border: 1px solid white;
    border-radius: 50%;
    margin: 0 60px;
    opacity: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 640px) {
  .testimonialButton { margin: 0 15px; }
}

.testimonialButton:hover {
    border-color: #00D0D6;
    color: #00D0D6;
    opacity: 1;
}

.testimonialButtonDots {
    display: flex;
    align-items: center;
}

.testimonialButtonDots ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
} 
.testimonialButtonDots li {
    width: 6px;
    height: 6px;
    background-color: white;
    border-radius: 50%;
    opacity: 0.25;
    overflow: hidden;
}
 
.testimonialButtonDots li.slick-active {
    opacity: 1;
}
.rte_textAndExtraWithScolling {
  background-color: #fafafa;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.04), 0 16px 24px 0 rgba(0,0,0,0.04), 0 24px 32px 0 rgba(0,0,0,0.04);
  padding: 0 var(--space-outer);
}
  
.textWithExtraScroll {
  min-height: 740px;
  background-color: #fafafa;
  display: flex;
  max-width: var(--maxInnerWidth);
  margin: auto;
  gap: calc(var(--space-outer) * 2);
}

.textWithExtraScroll .twesSection {
    width: 50%;
}

.textWithExtraScroll .twesTextSection {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    color: black;
    font-family: var(--featureFontFamily);
}

.twesImageSections {
    display: flex;
    gap: 30px;
}
.twesImageSection {
    width: 33%;
    position: relative;
    overflow: hidden;
}
.twesImageSection div {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: absolute;
}
.twesImageSection img {
    width: 100%;
    border-radius: 15px;
}

.twesImageSection:first-child div {
    top: 0;
    /* transform: translate(0, -79%); */
    animation: scroll 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.twesImageSection:nth-child(2n) div {
    top: 0;
    animation: scrollR 27s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.twesImageSection:nth-child(3n) div {
    top: 0;
    animation: scroll 25s;
    animation delay: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes scroll {
  from {
      transform: translate(0, 0);
  }
  to {
      transform: translate(0, calc(-50% - 15px))
  }
}
@keyframes scrollR {
  from {
      transform: translate(0, calc(-50% - 15px))
  }
  to {
      transform: translate(0, 0);
  }
}

.textWithExtraScroll h4 {
    font-size: 36px;
    margin-bottom: 25px;
    white-space: nowrap;
}
.textWithExtraScroll p {
    opacity: 0.7;
    margin-bottom: 20px;
    line-height: 28px;
}

@media (max-width: 960px) {
  .textWithExtraScroll {
    display: block;
  }

  .textWithExtraScroll .twesSection { width: 100%; }

  .textWithExtraScroll .twesImageSections { 
    height: 500px; 
    position: relative; 
  }

  .textWithExtraScroll .twesImageSections:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    height: 110px;
    background: linear-gradient(0deg, transparent 60%, #181818);
  }
}

.twes__flair {
  margin-top: 5px;
  margin-bottom: 40px;
  white-space: nowrap;
  width: 100%;
  position: relative;
}

.twes__flair svg {
  position: absolute;
  top: 100%;
  left: 10%;
  width: 100%;
  max-width: 400px;
  margin: auto; 
  height: auto;
  display: block;
}

@media (max-width: 640px) {
  .textWithExtraScroll .twesImageSections { height: 350px; }
  .textWithExtraScroll h4,
  .twes__flair {
    white-space: inherit;
  }

  .twes__flair {
    display: inline;
  }

  .twes__flair svg {display: none;}
  
}
.textAndExtra {
    display: flex;
    font-family: var(--featureFontFamily);
    padding: calc(var(--space-outer) * 2) 0;
    flex-direction: column;
}

.textAndExtra .taeLeft {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 50px;
    width: 40%;
    padding-right: 100px;
}
.textAndExtra .taeTag {
    padding: 10px;
    background-color: #a7fffe;
    color:#005a8f;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 20px;
    font-family: var(--secondaryFontFamily);
}
.textAndExtra h4 {
    font-size: 30px;
    margin-bottom: 25px;
    position: relative;
    display: block;
}
.textAndExtra p {
    opacity: 0.7;
    line-height: 28px;
}

.textAndExtra .taeRight {
    position: relative;
}
.textAndExtra .taeRight img {
    max-width: 100%;
    border-radius: 24px;
}

.textAndExtra .taeRight .taeComponent {
    position: absolute;
    bottom: -20px;
    left: 20px;
    z-index: 50;
}

@media (min-width: 60em) {
    .textAndExtra {
        flex-direction: row;
        margin: 0;
    }

    .textAndExtra .taeRight {
        width: 60%;
    }

    .textAndExtra .taeRight img {
        border-radius: 24px 0 0 24px;
    }
    .textAndExtra .taeRight .taeComponent {
        left: -40px;
    }
}

@media (max-width: 960px) {
  .textAndExtra {
    flex-direction: column;
  }

  .textAndExtra .taeLeft {
    width: 100%;
    padding-right: 0;
    padding: var(--space-outer) 0;
  }

  .textAndExtra .taeRight {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .taeComponent {
    transform: scale(.7);
    transform-origin: bottom left;
  }
}

.headerFlair--miles, .headerFlair--progress { display: none; }

@media (min-width: 960px) {
  .headerFlair--miles {
    position: absolute;
    top: -120px;
    right: -40px;
    display: flex;
    width: 290px;
    height: 117px;
  }

  .headerFlair--miles svg {
    min-width: 84px;
    margin-top: 25px;
  }

  .headerFlair__text--miles {
    font-family: var(--secondaryFontFamily);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
    text-transform: uppercase;
    margin-left: 10px;
  } 

  .headerFlair--progress {
    position: absolute;
    top: -120px;
    right: -50px;
    display: block;
    width: 135px;
    height: 100px;
  }

  .headerFlair--progress svg {
    margin-left: auto;
    display: block;
  }

  .headerFlair__text--progress {
    font-family: var(--secondaryFontFamily);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
    text-transform: uppercase;
    margin-top: 5px;
  } 
}
.text-columns-with-images__image-wrap {
    --s-image-max-width: auto; 
  }
  
  

  @media (min-width: 1400px) {
    .text-columns-with-images {
      padding-left: 0;
      padding-right: 0;
    }
    .text-columns-with-images__columns {
      margin-left: calc(calc(var(--space-inline-element) + var(--spacing-medium)) * -1);
      margin-right: calc(calc(var(--space-inline-element) + var(--spacing-medium)) * -1);
    }
  }