@font-face {
  font-family: Jones;
  src: url("Jones-Black.12d28a21.otf");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: Jones;
  src: url("Jones-Bold.06f56131.otf");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: Jones;
  src: url("Jones-Medium.473a0c0e.otf");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: Jones;
  src: url("Jones-Light.8b3d2398.otf");
  font-style: normal;
  font-weight: 400;
}

@keyframes slide-in {
  from {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-2rem);
  }

  to {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}

@keyframes slide-out {
  from {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-2rem);
  }
}

@keyframes squeze {
  from {
    opacity: 1;
    transform: scaleX(1);
  }

  to {
    opacity: 0;
    transform: scaleX(.01);
  }
}

@keyframes stretch {
  from {
    opacity: 0;
    transform: scaleX(.01);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    pointer-events: auto;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    pointer-events: none;
  }
}

@keyframes slide-down {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slide-up {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

.hamburger {
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 15px;
  transition-property: opacity, filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  display: inline-block;
  overflow: visible;
}

.hamburger:hover, .hamburger.is-active:hover {
  opacity: .7;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:before, .hamburger.is-active .hamburger-inner:after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  margin-top: -2px;
  display: block;
  top: 50%;
}

.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {
  background-color: #000;
  border-radius: 4px;
  width: 40px;
  height: 4px;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease;
  position: absolute;
}

.hamburger-inner:before, .hamburger-inner:after {
  content: "";
  display: block;
}

.hamburger-inner:before {
  top: -10px;
}

.hamburger-inner:after {
  bottom: -10px;
}

.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dx .hamburger-inner:before, .hamburger--3dx .hamburger-inner:after {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dx.is-active .hamburger-inner {
  transform: rotateY(180deg);
  background-color: #0000 !important;
}

.hamburger--3dx.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0)rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0)rotate(-45deg);
}

.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dx-r .hamburger-inner:before, .hamburger--3dx-r .hamburger-inner:after {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dx-r.is-active .hamburger-inner {
  transform: rotateY(-180deg);
  background-color: #0000 !important;
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0)rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0)rotate(-45deg);
}

.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dy .hamburger-inner:before, .hamburger--3dy .hamburger-inner:after {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dy.is-active .hamburger-inner {
  transform: rotateX(-180deg);
  background-color: #0000 !important;
}

.hamburger--3dy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0)rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0)rotate(-45deg);
}

.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dy-r .hamburger-inner:before, .hamburger--3dy-r .hamburger-inner:after {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dy-r.is-active .hamburger-inner {
  transform: rotateX(180deg);
  background-color: #0000 !important;
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0)rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0)rotate(-45deg);
}

.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dxy .hamburger-inner:before, .hamburger--3dxy .hamburger-inner:after {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dxy.is-active .hamburger-inner {
  transform: rotateX(180deg)rotateY(180deg);
  background-color: #0000 !important;
}

.hamburger--3dxy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0)rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0)rotate(-45deg);
}

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dxy-r .hamburger-inner:before, .hamburger--3dxy-r .hamburger-inner:after {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  transform: rotateX(180deg)rotateY(180deg)rotateZ(-180deg);
  background-color: #0000 !important;
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0)rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0)rotate(-45deg);
}

.hamburger--arrow.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0)rotate(-45deg)scale(.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0)rotate(45deg)scale(.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0)rotate(45deg)scale(.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0)rotate(-45deg)scale(.7, 1);
}

.hamburger--arrowalt .hamburger-inner:before {
  transition: top .1s .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt .hamburger-inner:after {
  transition: bottom .1s .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
  transition: top .1s, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  top: 0;
  transform: translate3d(-8px, -10px, 0)rotate(-45deg)scale(.7, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
  transition: bottom .1s, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  bottom: 0;
  transform: translate3d(-8px, 10px, 0)rotate(45deg)scale(.7, 1);
}

.hamburger--arrowalt-r .hamburger-inner:before {
  transition: top .1s .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt-r .hamburger-inner:after {
  transition: bottom .1s .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  transition: top .1s, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  top: 0;
  transform: translate3d(8px, -10px, 0)rotate(45deg)scale(.7, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  transition: bottom .1s, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  bottom: 0;
  transform: translate3d(8px, 10px, 0)rotate(-45deg)scale(.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0)rotate(45deg)scale(.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0)rotate(-45deg)scale(.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0)rotate(-45deg)scale(.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0)rotate(45deg)scale(.7, 1);
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:before, .hamburger--boring .hamburger-inner:after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner:before {
  opacity: 0;
  top: 0;
}

.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
}

.hamburger--collapse .hamburger-inner {
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  top: auto;
  bottom: 0;
}

.hamburger--collapse .hamburger-inner:after {
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
  top: -20px;
}

.hamburger--collapse .hamburger-inner:before {
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0)rotate(-45deg);
}

.hamburger--collapse.is-active .hamburger-inner:after {
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  top: 0;
}

.hamburger--collapse.is-active .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  top: 0;
  transform: rotate(-90deg);
}

.hamburger--collapse-r .hamburger-inner {
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  top: auto;
  bottom: 0;
}

.hamburger--collapse-r .hamburger-inner:after {
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
  top: -20px;
}

.hamburger--collapse-r .hamburger-inner:before {
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0)rotate(45deg);
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  top: 0;
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  top: 0;
  transform: rotate(90deg);
}

.hamburger--elastic .hamburger-inner {
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  top: 2px;
}

.hamburger--elastic .hamburger-inner:before {
  transition: opacity .125s .275s;
  top: 10px;
}

.hamburger--elastic .hamburger-inner:after {
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  top: 20px;
}

.hamburger--elastic.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0)rotate(135deg);
}

.hamburger--elastic.is-active .hamburger-inner:before {
  opacity: 0;
  transition-delay: 0s;
}

.hamburger--elastic.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0)rotate(-270deg);
}

.hamburger--elastic-r .hamburger-inner {
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  top: 2px;
}

.hamburger--elastic-r .hamburger-inner:before {
  transition: opacity .125s .275s;
  top: 10px;
}

.hamburger--elastic-r .hamburger-inner:after {
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  top: 20px;
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0)rotate(-135deg);
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
  opacity: 0;
  transition-delay: 0s;
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0)rotate(270deg);
}

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s ease-in .175s;
}

.hamburger--emphatic .hamburger-inner:before {
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top 50ms linear .125s, left .125s ease-in .175s;
  left: 0;
}

.hamburger--emphatic .hamburger-inner:after {
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top 50ms linear .125s, right .125s ease-in .175s;
  top: 10px;
  right: 0;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: #0000 !important;
}

.hamburger--emphatic.is-active .hamburger-inner:before {
  transition: left .125s ease-out, top 50ms linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  top: -80px;
  left: -80px;
  transform: translate3d(80px, 80px, 0)rotate(45deg);
}

.hamburger--emphatic.is-active .hamburger-inner:after {
  transition: right .125s ease-out, top 50ms linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  top: -80px;
  right: -80px;
  transform: translate3d(-80px, 80px, 0)rotate(-45deg);
}

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s ease-in .175s;
}

.hamburger--emphatic-r .hamburger-inner:before {
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top 50ms linear .125s, left .125s ease-in .175s;
  left: 0;
}

.hamburger--emphatic-r .hamburger-inner:after {
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top 50ms linear .125s, right .125s ease-in .175s;
  top: 10px;
  right: 0;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: #0000 !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
  transition: left .125s ease-out, top 50ms linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  top: 80px;
  left: -80px;
  transform: translate3d(80px, -80px, 0)rotate(-45deg);
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
  transition: right .125s ease-out, top 50ms linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  top: 80px;
  right: -80px;
  transform: translate3d(-80px, -80px, 0)rotate(45deg);
}

.hamburger--minus .hamburger-inner:before, .hamburger--minus .hamburger-inner:after {
  transition: bottom 80ms ease-out, top 80ms ease-out, opacity linear;
}

.hamburger--minus.is-active .hamburger-inner:before, .hamburger--minus.is-active .hamburger-inner:after {
  opacity: 0;
  transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s linear 80ms;
}

.hamburger--minus.is-active .hamburger-inner:before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner:after {
  bottom: 0;
}

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner:before {
  transition-property: transform, opacity;
  transition-duration: .15s;
  transition-timing-function: ease;
  top: 10px;
}

.hamburger--slider .hamburger-inner:after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0)rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner:before {
  opacity: 0;
  transform: rotate(-45deg)translate3d(-5.71429px, -6px, 0);
}

.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0)rotate(-90deg);
}

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner:before {
  transition-property: transform, opacity;
  transition-duration: .15s;
  transition-timing-function: ease;
  top: 10px;
}

.hamburger--slider-r .hamburger-inner:after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0)rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner:before {
  opacity: 0;
  transform: rotate(45deg)translate3d(5.71429px, -6px, 0);
}

.hamburger--slider-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0)rotate(90deg);
}

.hamburger--spin .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin .hamburger-inner:before {
  transition: top .1s ease-in .25s, opacity .1s ease-in;
}

.hamburger--spin .hamburger-inner:after {
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(225deg);
}

.hamburger--spin.is-active .hamburger-inner:before {
  opacity: 0;
  transition: top .1s ease-out, opacity .1s ease-out .12s;
  top: 0;
}

.hamburger--spin.is-active .hamburger-inner:after {
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  bottom: 0;
  transform: rotate(-90deg);
}

.hamburger--spin-r .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin-r .hamburger-inner:before {
  transition: top .1s ease-in .25s, opacity .1s ease-in;
}

.hamburger--spin-r .hamburger-inner:after {
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(-225deg);
}

.hamburger--spin-r.is-active .hamburger-inner:before {
  opacity: 0;
  transition: top .1s ease-out, opacity .1s ease-out .12s;
  top: 0;
}

.hamburger--spin-r.is-active .hamburger-inner:after {
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  bottom: 0;
  transform: rotate(90deg);
}

.hamburger--spring .hamburger-inner {
  transition: background-color 0s linear .13s;
  top: 2px;
}

.hamburger--spring .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
  top: 10px;
}

.hamburger--spring .hamburger-inner:after {
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
  top: 20px;
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: #0000 !important;
}

.hamburger--spring.is-active .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  top: 0;
  transform: translate3d(0, 10px, 0)rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner:after {
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  top: 0;
  transform: translate3d(0, 10px, 0)rotate(-45deg);
}

.hamburger--spring-r .hamburger-inner {
  transition-duration: .13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  top: auto;
  bottom: 0;
}

.hamburger--spring-r .hamburger-inner:after {
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity linear;
  top: -20px;
}

.hamburger--spring-r .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0)rotate(-45deg);
}

.hamburger--spring-r.is-active .hamburger-inner:after {
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
  top: 0;
}

.hamburger--spring-r.is-active .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  top: 0;
  transform: rotate(90deg);
}

.hamburger--stand .hamburger-inner {
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
}

.hamburger--stand .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1), background-color 0s linear .15s;
  transform: rotate(90deg);
  background-color: #0000 !important;
}

.hamburger--stand.is-active .hamburger-inner:before {
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  top: 0;
  transform: rotate(-45deg);
}

.hamburger--stand.is-active .hamburger-inner:after {
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  bottom: 0;
  transform: rotate(45deg);
}

.hamburger--stand-r .hamburger-inner {
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
}

.hamburger--stand-r .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand-r .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1), background-color 0s linear .15s;
  transform: rotate(-90deg);
  background-color: #0000 !important;
}

.hamburger--stand-r.is-active .hamburger-inner:before {
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  top: 0;
  transform: rotate(-45deg);
}

.hamburger--stand-r.is-active .hamburger-inner:after {
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  bottom: 0;
  transform: rotate(45deg);
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms .12s, opacity 75ms;
}

.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(45deg);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  opacity: 0;
  transition: top 75ms, opacity 75ms .12s;
  top: 0;
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  transition: bottom 75ms, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
  bottom: 0;
  transform: rotate(-90deg);
}

.hamburger--vortex .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex .hamburger-inner:before, .hamburger--vortex .hamburger-inner:after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner:before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner:after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transform: rotate(765deg);
}

.hamburger--vortex.is-active .hamburger-inner:before, .hamburger--vortex.is-active .hamburger-inner:after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner:before {
  opacity: 0;
  top: 0;
}

.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(90deg);
}

.hamburger--vortex-r .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex-r .hamburger-inner:before, .hamburger--vortex-r .hamburger-inner:after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner:before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner:after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transform: rotate(-765deg);
}

.hamburger--vortex-r.is-active .hamburger-inner:before, .hamburger--vortex-r.is-active .hamburger-inner:after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
  opacity: 0;
  top: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("flags@2x.3c01a441.png");
  }
}

@media (max-width: 39.9375em) {
  .container-pt {
    padding-top: 4rem;
  }
}

@media (max-width: 39.9375em) {
  .container-py {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (max-width: 63.9375em) {
  .container-py {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media (max-width: 39.9375em) {
  .container-px {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}

@media (max-width: 39.9375em) {
  .container-pb {
    padding-bottom: 4rem;
  }
}

.btn-login, .btn--outlined {
  background-color: #0000;
  box-shadow: inset 0 0 0 .1rem #0a1829;
}

.navigation__menu, .btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.heading-h2-tag, .heading-h1-tag {
  color: #22c9f7;
  vertical-align: middle;
  font-weight: 600;
}

.heading-h2-slash, .heading-h1-slash {
  color: #22c9f7;
}

@media (max-width: 39.9375em) {
  .heading-h1-slash {
    font-size: 3rem;
  }
}

@media (max-width: 39.9375em) {
  .heading-h1-tag {
    font-size: 4rem;
  }
}

@media (max-width: 63.9375em) {
  .heading-h1 {
    text-align: center;
    margin-bottom: 3rem;
  }
}

@media (max-width: 39.9375em) {
  .heading-h1 {
    font-size: 3.6rem;
  }
}

@media (max-width: 63.9375em) {
  .heading-h2 {
    font-size: 2rem;
  }
}

@media (max-width: 63.9375em) {
  .heading-h2-tag {
    font-size: 2.5rem;
  }
}

@media (max-width: 87.4375em) {
  .heading-h2 {
    text-align: center;
  }
}

@media (max-width: 63.9375em) {
  .hide-for-mobile {
    display: none !important;
  }
}

@media (min-width: 64em) {
  .hide-for-desktop {
    display: none;
  }
}

.header {
  background-color: #fff;
  box-shadow: .4rem .8rem 2rem #0a18290a;
}

.header.sticky {
  z-index: 2;
  background-color: #fff;
  width: 100%;
  animation: .5s ease-out forwards slide-down;
  position: fixed;
  top: 0;
}

.header.out {
  animation: .5s ease-out forwards slide-up;
}

.dummy_header {
  height: 8.5rem;
  display: none;
}

.dummy_header.active {
  display: block;
}

.navigation {
  justify-content: space-between;
  align-items: center;
  padding-top: .8rem;
  padding-bottom: .5rem;
  display: flex;
  position: relative;
}

.navigation__dummy {
  height: 8.5rem;
}

.navigation__dummy.active {
  display: block;
}

.navigation a {
  color: #0a1829;
}

@media (max-width: 39.9375em) {
  .navigation__logo {
    width: 59.66%;
  }
}

.navigation__link {
  position: relative;
}

.navigation__link:after {
  opacity: 0;
  content: "";
  background-color: #22c9f7;
  width: 8.2rem;
  height: .25rem;
  transition: opacity .4s;
  position: absolute;
  top: 115%;
  left: 50%;
  transform: translateX(-50%);
}

.navigation__link:hover:after {
  opacity: 1;
}

.navigation__menu {
  gap: 3.6rem;
  list-style: none;
  display: flex;
}

.navigation__menu .language {
  cursor: pointer;
  align-items: center;
  gap: .5rem;
  display: flex;
  position: relative;
}

.navigation__menu .language svg {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.navigation__menu .language-menu {
  background-color: #fff;
  border-radius: .6rem;
  list-style: none;
  animation: .1s ease-in forwards slide-out;
  position: absolute;
  top: calc(150% + 2.5rem);
  left: calc(-100% - 4rem);
  box-shadow: .4rem .8rem 2rem #0a18290a;
}

.navigation__menu .language-menu.active {
  animation: .1s ease-in forwards slide-in;
}

.navigation__menu .language-menu.active + svg {
  transform: rotate(180deg);
}

.navigation__menu .language-menu + svg {
  transition: transform .1s;
}

.navigation__menu .language-menu:before {
  content: "";
  border: 1.5rem solid #0000;
  border-bottom-color: #fff;
  width: 0;
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
}

.navigation__menu .language-menu-container {
  border-radius: .6rem;
  list-style: none;
  overflow: hidden;
}

.navigation__menu .language-menu-container li {
  width: 100%;
}

.navigation__menu .language-menu-container li a {
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 3rem;
  transition: background-color .3s;
  display: flex;
}

.navigation__menu .language-menu-container li a svg {
  width: 1.8rem;
  height: 1.8rem;
}

.navigation__menu .language-menu-container li a:hover {
  background-color: #f7f7f7;
}

.navigation__mobile {
  z-index: 4;
  background-color: #22c9f7;
  flex-direction: column;
  width: 75vw;
  height: 100vh;
  padding: 8.5rem 0;
  transition: all .3s;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  overflow: auto;
  transform: translateX(75vw);
}

.navigation__mobile.open {
  transform: translateX(0);
}

.navigation__mobile--menu {
  flex-direction: column;
  list-style: none;
  display: flex;
}

.navigation__mobile--menu ul {
  list-style: inherit;
}

.navigation__mobile-link {
  width: 100%;
  padding: 2rem;
  display: inline-block;
}

.navigation__mobile-link.active {
  font-weight: 600;
}

.navigation__mobile--cta {
  margin-top: auto;
  padding: 0 2rem;
}

.navigation__mobile--cta a {
  text-align: center;
  font-size: 1.2rem;
  display: block;
}

.navigation__mobile--cta a:not(:last-child) {
  margin-bottom: 2rem;
}

.navigation__cta {
  gap: 3.5rem;
  display: flex;
}

@media (max-width: 63.9375em) {
  .navigation__cta {
    margin-left: auto;
  }
}

.btn-login {
  cursor: pointer;
  border: none;
  font-family: inherit;
  font-size: 1.6rem;
}

@media (max-width: 39.9375em) {
  .btn-login {
    padding: .7rem 2rem;
    font-size: 1.2rem;
  }
}

@media (max-width: 63.9375em) {
  .btn-login {
    justify-self: flex-end;
    margin-right: 1.5rem;
  }
}

.btn--contactus {
  color: #fff !important;
  background-color: #404040 !important;
}

.mobile__dropdown {
  flex-direction: column;
  max-height: 0;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.mobile__dropdown a {
  background-color: #fff3;
  width: 100%;
  padding: 1rem 4rem;
  display: inline-block;
}

.mobile__dropdown.show {
  max-height: 20rem;
}

.hamburger {
  z-index: 5;
}

.section-hero {
  background: linear-gradient(56deg, #e9fafe 62%, #4dd3f7 100%);
}

.hero {
  grid-template-columns: minmax(max-content, auto) minmax(min-content, auto);
  gap: 8rem;
  padding-top: 2rem;
  display: grid;
  overflow: hidden;
}

@media (max-width: 63.9375em) {
  .hero {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding-top: 8rem;
  }
}

@media (max-width: 39.9375em) {
  .hero {
    padding-top: 4.5rem;
  }
}

.hero-right {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

@media (max-width: 63.9375em) {
  .hero-left {
    order: 2;
  }
}

.hero-text {
  text-align: left;
  max-width: 47rem;
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

@media (max-width: 63.9375em) {
  .hero-text {
    text-align: center;
    margin: 0 auto;
  }
}

.hero-cta {
  gap: 3rem;
  display: flex;
}

@media (max-width: 63.9375em) {
  .hero-cta {
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
  }
}

.hero-image {
  width: 100%;
}

@media (max-width: 63.9375em) {
  .hero-image {
    width: 80%;
  }
}

.client {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.client__title {
  margin-bottom: 3.6rem;
  font-size: 4.189rem;
  font-weight: 600;
}

.client__text {
  max-width: 86.4rem;
}

.client__logo {
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 3rem;
  width: 100%;
  margin-bottom: 8.2rem;
  display: flex;
}

.client__logo div img {
  filter: grayscale() opacity(.5);
  transition: all .3s ease-in-out;
}

.client__logo div img:hover {
  filter: grayscale(0) opacity();
}

@media (max-width: 39.9375em) {
  .client__logo {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5rem;
  }
}

.iti__flag {
  background-image: url("flags.62645d29.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("flags@2x.3c01a441.png");
  }
}

::placeholder {
  opacity: .4;
  font-style: italic;
}

:-ms-input-placeholder {
  opacity: .4;
  font-style: italic;
}

::-moz-placeholder {
  opacity: .4;
  font-style: italic;
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  color: #0a1829;
  font-family: Jones, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}

body.noscroll {
  overflow: hidden;
}

main {
  overflow-x: hidden;
}

.overlay {
  z-index: 3;
  background-color: #00000080;
  height: 100vh;
  animation: .2s forwards fade-out;
  position: fixed;
  inset: 0;
}

.overlay.open {
  animation: .2s forwards fade-in;
}

.container {
  max-width: 144rem;
  margin: 0 auto;
}

.container-pt {
  padding-top: 8.3rem;
}

@media (max-width: 39.9375em) {
  .container-pt {
    padding-top: 4rem;
  }
}

.container-py {
  padding-top: 9.6rem;
  padding-bottom: 9.6rem;
}

@media (max-width: 39.9375em) {
  .container-py {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (max-width: 63.9375em) {
  .container-py {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.container-px {
  padding-left: 4rem;
  padding-right: 4rem;
}

@media (max-width: 39.9375em) {
  .container-px {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}

.container-pb {
  padding-bottom: 9.6rem;
}

@media (max-width: 39.9375em) {
  .container-pb {
    padding-bottom: 4rem;
  }
}

a {
  text-decoration: none;
}

.btn--filled {
  background-color: #22c9f7;
  font-weight: 500;
}

.btn--outlined, .btn-login {
  background-color: #0000;
  box-shadow: inset 0 0 0 .1rem #0a1829;
}

.btn, .navigation__menu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.btn {
  color: #0a1829;
  border-radius: .6rem;
  padding: .95rem 3rem;
  transition: background-color .3s;
}

.btn--filled:hover {
  background-color: #1fb5de;
}

.btn--outlined:hover {
  background-color: #f7f7f7;
}

.flex {
  display: flex;
}

.flex-jc-sb {
  justify-content: space-between;
}

.flex-jc-fs {
  justify-content: flex-start;
}

.flex-jc-c {
  justify-content: center;
}

.flex-ai-c {
  align-items: center;
}

.flex-ai-fs {
  align-items: flex-start;
}

.flex-fd-c {
  flex-direction: column;
}

.flex-fd-r {
  flex-direction: row;
}

.heading-h1-tag, .heading-h2-tag {
  color: #22c9f7;
  vertical-align: middle;
  font-weight: 600;
}

.heading-h1-slash, .heading-h2-slash {
  color: #22c9f7;
}

.heading-h1 {
  margin-bottom: 3.9rem;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-h1-slash {
  font-size: 4.5rem;
}

@media (max-width: 39.9375em) {
  .heading-h1-slash {
    font-size: 3rem;
  }
}

.heading-h1-tag {
  margin-top: 10rem;
  font-size: 5.5rem;
}

@media (max-width: 39.9375em) {
  .heading-h1-tag {
    font-size: 4rem;
  }
}

@media (max-width: 63.9375em) {
  .heading-h1 {
    text-align: center;
    margin-bottom: 3rem;
  }
}

@media (max-width: 39.9375em) {
  .heading-h1 {
    font-size: 3.6rem;
  }
}

.heading-h2 {
  margin-bottom: 3.6rem;
  font-size: 3.6rem;
  font-weight: 600;
}

@media (max-width: 63.9375em) {
  .heading-h2 {
    font-size: 2rem;
  }
}

.heading-h2-tag {
  margin-top: 10rem;
  font-size: 5rem;
}

@media (max-width: 63.9375em) {
  .heading-h2-tag {
    font-size: 2.5rem;
  }
}

@media (max-width: 87.4375em) {
  .heading-h2 {
    text-align: center;
  }
}

.section-differential-solutions {
  background: radial-gradient(circle at 100%, #4dd3f7 0%, #e9fafe 37%);
}

.section-paragraph {
  text-align: center;
  margin-bottom: 5rem;
  line-height: 1.8;
}

@media (max-width: 63.9375em) {
  .hide-for-mobile {
    display: none !important;
  }
}

@media (min-width: 64em) {
  .hide-for-desktop {
    display: none;
  }
}

.differential {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  display: grid;
}

@media (max-width: 63.9375em) {
  .differential {
    grid-template-columns: 1fr;
  }

  .differential__left {
    flex-direction: column;
    order: 1;
    align-items: center;
    display: flex;
  }
}

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

.differential__text {
  text-align: left;
}

@media (max-width: 63.9375em) {
  .differential__text {
    text-align: center;
  }
}

.differential__features {
  margin-bottom: 6rem;
  list-style-image: url("list-style-icon.ebd8e340.svg");
  list-style-position: inside;
}

.differential__features li:not(last-of-type) {
  margin-bottom: 3rem;
}

@media (max-width: 63.9375em) {
  .differential__features {
    text-indent: -2.5rem;
    margin-left: 3rem;
  }
}

.differential__image {
  width: 100%;
}

@media (max-width: 63.9375em) {
  .differential__image {
    width: 75%;
  }

  .btn-learn {
    background-color: #0000;
    padding-left: 9rem;
    padding-right: 9rem;
    box-shadow: inset 0 0 0 .1rem #0a1829;
  }
}

.solutions {
  grid-template-columns: 1fr 1fr;
  gap: 8rem;
  display: grid;
}

@media (max-width: 39.9375em) {
  .solutions {
    gap: 5rem;
  }
}

@media (max-width: 63.9375em) {
  .solutions {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

.solutions__text {
  text-align: left;
  max-width: 70rem;
  padding-right: 6rem;
}

@media (max-width: 63.9375em) {
  .solutions__text {
    text-align: center;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}

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

.solutions__right {
  flex-direction: column;
  display: flex;
}

.solutions__image {
  pointer-events: none;
  width: 80%;
}

@media (max-width: 39.9375em) {
  .solutions__image {
    width: 100%;
  }
}

.solutions__right-container {
  align-items: center;
  gap: 2rem;
  display: flex;
}

@media (max-width: 63.9375em) {
  .solutions__right-container {
    flex-direction: column;
    gap: 4rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}

.solutions__features {
  list-style: none;
  position: relative;
}

.solutions__features:after {
  content: "";
  background-color: #0000001a;
  border-radius: .6rem;
  width: .7rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset .01rem 0 .1rem .1rem #00000026;
}

.solutions__features-icon {
  fill: #0a182933;
  width: 3rem;
  height: 3rem;
}

.solutions__features-link {
  cursor: pointer;
  color: #0a182933;
  align-items: center;
  gap: 2rem;
  padding: 0 3rem;
  font-weight: 500;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.solutions__features-link:not(:last-child) {
  margin-bottom: 3rem;
}

.solutions__features-link:after {
  content: "";
  border-radius: .6rem;
  width: .7rem;
  height: 3.6rem;
  transition: all .1s;
  position: absolute;
  left: 0;
}

.solutions__features-link.active {
  color: #0a1829;
}

.solutions__features-link.active:after {
  background-color: #22c9f7;
}

.solutions__features-link.active svg {
  fill: #22c9f7;
}

.solutions__features-content-container {
  align-self: center;
}

@media (max-width: 63.9375em) {
  .solutions__features-content-container {
    align-self: flex-start;
  }
}

.solutions__features-content {
  opacity: 0;
  padding: 0 2rem;
  line-height: 1.5;
  display: none;
}

.solutions__features-content.active {
  opacity: 1;
  display: block;
}

.solutions__features-content ul {
  text-indent: -2.5rem;
  list-style-position: inside;
}

@media (max-width: 63.9375em) {
  .solutions__features-content ul {
    margin-left: 2rem;
  }
}

.testimonial {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonial__slide {
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.testimonial__slide-container {
  width: 100%;
  height: 42rem;
  display: flex;
}

.testimonial__slide-card {
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  display: flex;
}

.testimonial__photo {
  border-radius: 50%;
  width: 10.367rem;
  height: 10.367rem;
}

.testimonial__quote {
  text-align: center;
  width: 35ch;
  font-size: 1.354rem;
  line-height: 1.5;
}

.testimonial__name {
  margin-bottom: 2rem;
  font-size: 1.354rem;
  font-style: normal;
  font-weight: 500;
}

.testimonial__location {
  text-align: center;
  color: #22c9f7;
  font-size: 1.354rem;
  font-style: normal;
}

.functionality {
  background-color: #e9fafe;
}

@media (max-width: 63.9375em) {
  .functionality__title {
    margin-bottom: 6rem;
  }
}

.functionality__text {
  max-width: 72rem;
  margin-bottom: 10rem;
}

.functionality__features {
  grid-template-columns: repeat(3, 1fr);
  gap: 8rem;
  padding-left: 8.1rem;
  padding-right: 8.1rem;
  display: grid;
}

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

@media (max-width: 63.9375em) {
  .functionality__features {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.5rem;
    padding-left: 0;
    padding-right: 0;
  }
}

.functionality__info {
  align-items: center;
  gap: 2rem;
  margin-bottom: 3.6rem;
  font-size: 2rem;
  font-weight: 500;
  display: flex;
}

@media (max-width: 39.9375em) {
  .functionality__info {
    gap: 1rem;
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
  }
}

.functionality__info svg {
  width: 4.4rem;
  height: 4.4rem;
}

@media (max-width: 39.9375em) {
  .functionality__info svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.functionality__details {
  line-height: 1.5;
}

@media (max-width: 39.9375em) {
  .functionality__details {
    font-size: 1.2rem;
  }
}

.contactus-section {
  background-color: #e9fafe;
}

.d-none {
  display: none;
}

.contactus {
  position: relative;
}

.contactus > svg {
  pointer-events: none;
  width: 30rem;
  height: 30rem;
  position: absolute;
}

.contactus .repeat-icon {
  bottom: 0;
  left: 0;
}

.contactus .repeat-icon-2 {
  width: 50rem;
  height: 50rem;
  bottom: -23rem;
  right: 0;
}

.contactus .hand-shake-icon {
  top: 0;
  right: 8%;
}

.contactus .people-icon {
  top: 10%;
  left: 0;
}

.contactus__text {
  max-width: 72rem;
}

.contactus__form {
  background-color: #fff;
  border-top: 2rem solid #22c9f7;
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  padding: 3rem 3rem 5rem;
  display: flex;
  box-shadow: .4rem .8rem 2rem #0a18290a;
}

.contactus__form__tipo-de-auditor {
  background: #eee;
  border-radius: 1.6rem;
  justify-content: center;
  align-items: center;
  width: calc(75% - .4rem);
  min-height: 3.2rem;
  margin: 0 0 2rem;
  display: flex;
  position: relative;
}

.contactus__form__tipo-de-auditor #highlighter {
  background-color: #22c9f7;
  border-radius: 1.4rem;
  width: calc(50% - .8rem);
  min-height: calc(100% - .8rem);
  margin: .4rem .8rem;
  transition: transform .25s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 2px 2px 4px #35353523;
}

.contactus__form__tipo-de-auditor #highlighter.primeira-opcao {
  transform: translateX(0);
}

.contactus__form__tipo-de-auditor #highlighter.segunda-opcao {
  transform: translateX(100%);
}

.contactus__form__tipo-de-auditor__omissor-de-opcoes {
  display: none;
}

.contactus__form__tipo-de-auditor__audit-type-box {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.contactus__form__tipo-de-auditor__audit-type-box label {
  word-wrap: break-word;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  width: 50%;
  padding: 1rem;
  font-size: 1.4rem;
}

.contactus__form-title {
  text-align: center;
  margin-bottom: 4rem;
  font-size: 2.4rem;
  font-weight: 600;
}

@media (max-width: 63.9375em) {
  .contactus__form-title {
    text-align: center;
    font-size: 1.8rem;
  }
}

.contactus__form-container {
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 12rem;
  width: 100%;
  margin-bottom: 2.5rem;
  display: grid;
}

@media (max-width: 63.9375em) {
  .contactus__form-container {
    grid-template-columns: 1fr;
  }
}

.contactus__form-container label {
  margin-bottom: 1.2rem;
  font-size: small;
  display: block;
}

.contactus__form-container input, .contactus__form-container select {
  border: none;
  border-bottom: .1rem solid #d9d9d9;
  width: 100%;
  padding: .5rem 0;
  font-family: inherit;
  font-size: 1.354rem;
}

.contactus__form-container input[id="phone"]:focus, .contactus__form-container select[id="phone"]:focus {
  border-bottom: .1rem solid #1fb5de;
}

.contactus__form-container input:focus, .contactus__form-container select:focus {
  border-bottom: none;
  outline: none;
}

.contactus__form-container input:focus + .bottom-line, .contactus__form-container select:focus + .bottom-line {
  animation: .15s ease-in-out forwards stretch;
}

.contactus__form-container select:focus {
  border-bottom: .1rem solid #d9d9d9;
}

.contactus__form-container-quais {
  min-height: 7rem;
  padding: 1rem 0 0;
}

.contactus__form-button {
  cursor: pointer;
  background-color: #22c9f7;
  border: none;
  border-radius: .6rem;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2.6rem;
  padding: 1.6rem 0;
  font-family: inherit;
  font-size: 1.8rem;
  font-weight: 500;
  transition: background-color .15s;
}

.contactus__form-button:hover {
  background-color: #1fb5de;
}

@media (max-width: 63.9375em) {
  .contactus__form-button {
    font-size: 1.6rem;
  }
}

.contactus__form-checker {
  width: 100%;
  font-weight: 500;
}

.contactus__form-checker input[type="radio"] {
  width: 2.2rem;
}

.contactus__form-checker button {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #22c9f7;
  border-radius: .6rem;
  min-width: 10rem;
  margin-top: 1rem;
  padding: 1rem;
  font-family: inherit;
  font-size: 1.354rem;
  font-weight: 500;
  transition: background-color .15s;
}

.contactus__form-checker button:hover {
  background-color: #1fb5de;
}

@media (max-width: 63.9375em) {
  .contactus__form-checker button {
    font-size: 1.6rem;
  }
}

.contactus__form-checker button.active {
  color: #000;
  background-color: #22c9f7;
}

.contactus__form-disclaimer {
  line-height: 1.5;
}

@media (max-width: 63.9375em) {
  .contactus__form-disclaimer {
    font-size: 1.2rem;
  }
}

.contactus__form-GDPR {
  color: #22c9f7;
  font-weight: 500;
  text-decoration: underline;
}

.contactus__hero-form {
  background-color: #fff;
  border-top: 2rem solid #22c9f7;
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  padding: 1rem 3rem 5rem;
  display: flex;
  box-shadow: .4rem .8rem 2rem #0a18290a;
}

.contactus__hero-form__tipo-de-auditor {
  background: #eee;
  border-radius: 1.6rem;
  justify-content: center;
  align-items: center;
  width: calc(75% - .4rem);
  min-height: 3.2rem;
  margin: 0 0 2rem;
  display: flex;
  position: relative;
}

.contactus__hero-form__tipo-de-auditor #hero-form-highlighter {
  background-color: #22c9f7;
  border-radius: 1.4rem;
  width: calc(50% - .8rem);
  min-height: calc(100% - .8rem);
  margin: .4rem .8rem;
  transition: transform .25s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 2px 2px 4px #35353523;
}

.contactus__hero-form__tipo-de-auditor #hero-form-highlighter.primeira-opcao {
  transform: translateX(0);
}

.contactus__hero-form__tipo-de-auditor #hero-form-highlighter.segunda-opcao {
  transform: translateX(100%);
}

.contactus__hero-form__tipo-de-auditor__omissor-de-opcoes {
  display: none;
}

.contactus__hero-form__tipo-de-auditor__audit-type-box {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.contactus__hero-form__tipo-de-auditor__audit-type-box label {
  word-wrap: break-word;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  width: 50%;
  padding: 1rem;
  font-size: 1.2rem;
}

.contactus__hero-form-title {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
}

@media (max-width: 63.9375em) {
  .contactus__hero-form-title {
    text-align: center;
    font-size: 1.8rem;
  }
}

.contactus__hero-form-subtitle {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.4rem;
}

@media (max-width: 63.9375em) {
  .contactus__hero-form-subtitle {
    text-align: center;
    font-size: 1.8rem;
  }
}

.contactus__hero-form-container {
  grid-template-columns: repeat(1, 1fr);
  gap: .8rem 2.5rem;
  width: 100%;
  margin-bottom: 2.5rem;
  display: grid;
}

@media (max-width: 63.9375em) {
  .contactus__hero-form-container {
    grid-template-columns: 1fr;
  }
}

.contactus__hero-form-container label {
  margin-bottom: .1rem;
  font-size: small;
  display: block;
}

.contactus__hero-form-container #hero-form-campo-segmento, .contactus__hero-form-container #hero-form-campo-tipo-e-tamanho, .contactus__hero-form-container #hero-form-campo-empresa {
  display: none;
}

.contactus__hero-form-container input, .contactus__hero-form-container select {
  background-color: #e1f2ff;
  border: none;
  width: 100%;
  padding: .5rem 0;
  font-family: inherit;
  font-size: 1.354rem;
}

.contactus__hero-form-container input[id="phone"]:focus, .contactus__hero-form-container select[id="phone"]:focus {
  border-bottom: .1rem solid #1fb5de;
}

.contactus__hero-form-container input:focus, .contactus__hero-form-container select:focus {
  border-bottom: none;
  outline: none;
}

.contactus__hero-form-container input:focus + .bottom-line, .contactus__hero-form-container select:focus + .bottom-line {
  animation: .15s ease-in-out forwards stretch;
}

.contactus__hero-form-container select:focus {
  border-bottom: .1rem solid #d9d9d9;
}

.contactus__hero-form-container-quais {
  padding: 1rem 0 0;
}

.contactus__hero-form-button {
  cursor: pointer;
  background-color: #22c9f7;
  border: none;
  border-radius: .6rem;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2.6rem;
  padding: 1.6rem 0;
  font-family: inherit;
  font-size: 1.354rem;
  font-weight: 500;
  transition: background-color .15s;
}

.contactus__hero-form-button:hover {
  background-color: #1fb5de;
}

@media (max-width: 63.9375em) {
  .contactus__hero-form-button {
    font-size: 1.6rem;
  }
}

.contactus__hero-form-checker {
  width: 100%;
  font-weight: 500;
}

.contactus__hero-form-checker input[type="radio"] {
  width: 2.2rem;
}

.contactus__hero-form-checker button {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #22c9f7;
  border-radius: .6rem;
  min-width: 10rem;
  margin-top: 1rem;
  padding: 1rem;
  font-family: inherit;
  font-size: 1.2rem;
  font-weight: 500;
  transition: background-color .15s;
}

.contactus__hero-form-checker button:hover {
  background-color: #1fb5de;
}

@media (max-width: 63.9375em) {
  .contactus__hero-form-checker button {
    font-size: 1.6rem;
  }
}

.contactus__hero-form-checker button.active {
  color: #000;
  background-color: #22c9f7;
}

.contactus__hero-form-disclaimer {
  font-size: 1.2rem;
  line-height: 1.5;
}

@media (max-width: 63.9375em) {
  .contactus__hero-form-disclaimer {
    font-size: 1.2rem;
  }
}

.contactus__hero-form-GDPR {
  color: #22c9f7;
  font-weight: 500;
  text-decoration: underline;
}

.bottom-line {
  background-color: #1fb5de;
  height: .1rem;
  animation: .15s ease-in-out forwards squeze;
  display: block;
}

.bottom-line-error {
  background-color: #e22222;
}

.label_campo_quais_checklists {
  margin-top: 1rem;
}

.caixa_mensagem_erro {
  color: #e22222;
  background-color: #fcc;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 1.354rem;
  display: flex;
}

.caixa_mensagem_sucesso {
  color: #00b300;
  background-color: #cfc;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 1.354rem;
  display: flex;
}

.botao-de-whatsapp {
  z-index: 1000;
  color: #000;
  cursor: pointer;
  background-color: #22c9f7;
  border-radius: 2.5rem;
  align-items: center;
  height: 5rem;
  padding: 1rem 2rem;
  text-decoration: none;
  transition: background-color .15s;
  display: flex;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  box-shadow: .4rem .8rem 2rem #00000026;
}

.botao-de-whatsapp:hover {
  background-color: #1fb5de;
}

@media (max-width: 63.9375em) {
  .botao-de-whatsapp {
    width: 4rem;
    height: 4rem;
  }
}

.botao-de-whatsapp__icon {
  fill: #fff;
  height: 100%;
  margin-right: 1rem;
}

.blog-section {
  background-color: #e9fafe;
}

.blog__description {
  max-width: 72rem;
}

.blog__container {
  width: 100%;
}

.blog__container > div {
  gap: 4rem;
  width: 100%;
  margin-bottom: 9.6rem;
}

.blog__card {
  border-radius: .6rem;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2.1rem;
  display: flex;
  box-shadow: .8rem .8rem 2rem #0a182914;
  width: 40rem !important;
}

.blog__image {
  width: 35.8rem;
  height: 26.4rem;
  margin-bottom: 2.5rem;
  overflow: hidden;
}

.blog__info {
  gap: 2.5rem;
}

.blog__info a {
  align-self: center;
}

.blog__title {
  font-size: 1.8rem;
  font-weight: 500;
}

.blog__text {
  line-height: 1.5;
}

.footer {
  color: #fff;
  background-color: #404040;
}

.footer h5 {
  font-size: 1.6rem;
  font-weight: 500;
}

.footer ul {
  list-style: none;
}

.footer ul li > a {
  color: #fff;
  transition: all .1s;
}

.footer ul li > a:hover {
  color: #22c9f7;
}

.footer ul li:not(last-child) {
  margin-top: 4rem;
}

.footer__container {
  justify-content: space-between;
  gap: 4rem;
  display: flex;
}

@media (max-width: 63.9375em) {
  .footer__container {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width: 39.9375em) {
  .footer__container {
    flex-direction: column;
  }
}

.footer__logo {
  flex-grow: .5;
}

.footer__logo p {
  max-width: 30rem;
  margin-top: 3.1rem;
  margin-bottom: 5rem;
  line-height: 1.5;
}

.footer__logo a {
  display: inline-block;
}

.footer__email-input {
  width: 70%;
  display: inline-block;
  position: relative;
}

.footer__email-input input {
  color: #fff;
  background-color: #0000;
  border: .05rem solid #22c9f7;
  border-radius: .4rem;
  width: 100%;
  padding: .8rem 1rem;
}

.footer__email-input input:focus {
  outline: unset;
}

.footer__email-input button {
  vertical-align: middle;
  background-color: #22c9f7;
  border: none;
  border-radius: .4rem;
  width: 12%;
  height: 85.8%;
  font-size: 2rem;
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: .7%;
  transform: translateY(-50%);
}

.footer__search-input {
  display: inline-block;
  position: relative;
}

.footer__search-input input {
  border: none;
  border-radius: .5rem;
  width: 19.4rem;
  padding: .6rem 1rem;
}

.footer__search-input input:focus {
  outline: none;
}

.footer__search-input button {
  cursor: pointer;
  background-color: #0000;
  border: none;
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
}

.footer__socials ul {
  gap: 2.5rem;
  margin-bottom: 6rem;
  display: flex;
}

.footer__socials svg {
  width: 2.5rem;
  height: 2.5rem;
}

.footer__copy {
  color: #0a1829;
  background-color: #fff;
  padding: 2rem;
  font-size: 1.6rem;
}

@media (max-width: 39.9375em) {
  .footer__copy {
    text-align: center;
    font-size: 1.2rem;
  }
}

.termsModal {
  z-index: 2;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.termsModal__container {
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: start;
  width: 50%;
  height: 80%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 20px #0006;
}

.termsModal__container__bluedeco {
  background-color: #22c9f7;
  width: 100%;
  height: 1.3rem;
}

.termsModal__container__content_container {
  height: 86%;
  padding: 3rem;
}

.termsModal__container__content_container::-webkit-scrollbar {
  width: .7rem;
}

.termsModal__container__content_container::-webkit-scrollbar-track {
  background: #f7f7f7;
}

.termsModal__container__content_container::-webkit-scrollbar-thumb {
  background: #22c9f7;
  border-radius: .5rem;
}

.termsModal__container__content_container__content {
  overflow-y: auto;
}

.termsModal__container__content_container__content article {
  display: block;
}

.termsModal__container__content_container__content article h2 {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 600;
  display: block;
}

.termsModal__container__content_container__content article p {
  text-align: justify;
  margin: 1rem 0;
  display: block;
}

.termsModal__container__footer {
  border-top: 1px solid #e4e4e4;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.termsModal__container__footer button {
  color: #000;
  cursor: pointer;
  background-color: #22c9f7;
  border: none;
  border-radius: .7rem;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  transition: all .2s ease-in-out;
}

.termsModal__container__footer button:hover {
  background-color: #1fb5de;
}

/*# sourceMappingURL=index.38cbd61b.css.map */