@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

a {
  color: inherit;
  text-decoration: none
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

* {
  box-sizing: border-box
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
  position: relative
}

body {
  width: 100%;
  height: 100%;
  font-weight: 400;
  position: relative
}

.height-100 {
  height: 100vh;
  position: relative
}

.overflow,
.overflow-hidden {
  overflow: hidden
}

.container {
  z-index: 2;
  min-height: 100vh;
  position: relative;
  overflow: hidden
}

.content-wrapper {
  width: calc(100% - 166px);
  max-width: 1200px;
  margin: auto;
  position: relative
}

.grey-bg {
  background: rgba(255, 255, 255, .15);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.section {
  position: relative
}

.bg {
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}

.video-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.hero-iframe-wrapper {
  z-index: -1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.hero-iframe-wrapper iframe {
  width: 100vw;
  min-width: 177.77vh;
  height: 56.25vw;
  min-height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.video {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.video-2 {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 150%;
  position: absolute;
  top: -25%;
  left: 0
}

.overlay {
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  transition: all .4s ease-out;
  position: absolute;
  top: 0;
  left: 0
}

.overlay.darkk {
  background: rgba(0, 0, 0, .65)
}

.overlay.light {
  background: rgba(0, 0, 0, .25)
}

.placeholder {
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.center-wrapper-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.center-wrapper {
  width: 100%;
  height: 100%;
  display: table;
  position: absolute;
  top: 0;
  left: 0
}

.center-wrapper .center {
  vertical-align: middle;
  display: table-cell
}

.ta-c {
  text-align: center
}

.m-t-5 {
  margin-top: 5px
}

.m-t-10 {
  margin-top: 10px
}

.m-t-20 {
  margin-top: 20px
}

.m-b-20 {
  margin-bottom: 20px
}

.m-t-30 {
  margin-top: 30px
}

.m-t-40 {
  margin-top: 40px
}

.m-t-50 {
  margin-top: 50px
}

.m-t-60 {
  margin-top: 60px
}

.m-t-80 {
  margin-top: 80px
}

.m-t-90 {
  margin-top: 90px !important
}

.m-t-100 {
  margin-top: 100px;
}

.m-b-125 {
  margin-bottom: 125px;
}

.m-t-200 {
  margin-top: 200px
}

.p-t-100 {
  padding-top: 100px
}

.p-50 {
  padding: 0 50px
}

.p-80 {
  padding: 0 80px
}

.clear {
  clear: both
}

.c-white {
  color: #fff
}

.image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

::placeholder {
  font-family: DM Sans, sans-serif;
  color: #14105b !important
}

::placeholder {
  font-family: DM Sans, sans-serif;
  color: #14105b !important
}

:-ms-input-placeholder {
  font-family: DM Sans, sans-serif;
  color: #14105b !important
}

:-moz-placeholder {
  font-family: DM Sans, sans-serif;
  color: #14105b !important
}

.bb::placeholder {
  font-family: DM Sans, sans-serif;
  color: #000 !important
}

.bb::placeholder {
  font-family: DM Sans, sans-serif;
  color: #000 !important
}

.bb:-ms-input-placeholder {
  font-family: DM Sans, sans-serif;
  color: #000 !important
}

.bb:-moz-placeholder {
  font-family: DM Sans, sans-serif;
  color: #000 !important
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.animated.hinge {
  animation-duration: 2s
}

.ofc {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.ofc.opt {
  -o-object-position: top;
  object-position: top
}

.ofc img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  animation-name: fadeIn
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.fadeInUp {
  animation-name: fadeInUp
}

@keyframes fadeInUpSpecial {
  0% {
    visibility: hidden;
    transform: translateY(120px);
  }

  to {
    visibility: visible;
    transform: translateY(0)
  }
}

.fadeInUpSpecial {
  animation-name: fadeInUpSpecial
}

@keyframes fadeOutDownSpecial {
  0% {
    visibility: visible;
    transform: translateY(0)
  }

  to {
    visibility: hidden;
    transform: translateY(100px);
  }
}

@-webkit-keyframes justGoUp {
  0% {
    transform: translateY(30px)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes justGoUp {
  0% {
    transform: translateY(30px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.justGoUp {
  animation-name: justGoUp
}

@-webkit-keyframes justGoUpBig {
  0% {
    transform: translateY(150px)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes justGoUpBig {
  0% {
    transform: translateY(150px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.justGoUpBig {
  animation-name: justGoUpBig
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate(-30px)
  }

  to {
    opacity: 1;
    transform: translate(0)
  }
}

.fadeInRight {
  animation-name: fadeInRight
}

.wow {
  visibility: hidden
}

@media screen and (min-width:0) and (max-width:1024px) {
  .content-wrapper {
    width: calc(100% - 60px)
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(50px)
    }

    to {
      opacity: 1;
      transform: translateY(0)
    }
  }
}

.slick-next,
.slick-prev {
  cursor: pointer;
  color: transparent;
  background: 0 0;
  border: none;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  background: 0 0;
  outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: slick;
  font-size: 20px;
  line-height: 1
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  position: absolute;
  bottom: -25px
}

.slick-dots li {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  position: relative
}

.slick-dots li button {
  color: transparent;
  cursor: pointer;
  background: 0 0;
  border: 0;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 5px;
  font-size: 0;
  line-height: 0;
  display: block
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  content: "•";
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  display: block;
  position: relative
}

.slick-list {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate(0, 0)
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  height: auto;
  display: block
}

.slick-arrow.slick-hidden {
  display: none
}

h1 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 98px
}

h2 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.18
}

h3 {
  font-size: 30px;
  line-height: 37.5px
}

h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px
}

p {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px
}

p strong,
li strong {
  font-weight: 600
}

.button {
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 2px solid #99fffe;
  border-radius: 30px;
  width: 190px;
  height: 60px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 54px;
  transition: all .26s ease-out;
  position: relative
}

.button:hover {
  color: #14105b;
  background: #99fffe
}

.button.two {
  border-color: #a1bcf4
}

.button.two:hover {
  color: #14105b;
  background: #a1bcf4
}

.button.three {
  color: #fff;
  background: #14105b;
  border-color: #14105b;
  font-weight: 600
}

.button.three:hover {
  color: #14105b;
  background: #a1bcf4;
  border-color: #a1bcf4
}

.learn-more {
  color: #fff;
  cursor: pointer;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  display: inline-block;
  position: relative
}

.learn-more:hover .line {
  transform: scaleX(1.6) !important
}

.learn-more .row {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.learn-more .row svg {
  width: auto;
  height: 15px;
  position: absolute;
  left: calc(100% + 8px);
  transform: translateY(2px) !important
}

.learn-more .line {
  background: #ff666a;
  width: 45px;
  height: 2px;
  margin: 12px auto 0;
  transition: all .26s ease-out;
  position: relative
}

.download {
  cursor: pointer;
  padding-left: 20px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  display: inline-block;
  position: relative
}

.download:hover .line {
  transform: scaleX(1.6) !important
}

.download .row {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.download .row svg {
  width: auto;
  height: 14px;
  position: absolute;
  left: -20px;
  transform: translateY(1px) !important
}

.download .line {
  background: #ff666a;
  width: 45px;
  height: 2px;
  margin: 12px auto 0;
  transition: all .26s ease-out;
  position: relative
}

.faqs-button {
  color: #14105B;
  border: 2px solid #14105B;
  padding: 25px 30px;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  box-sizing: border-box;
  line-height: 1;
  margin: 60px auto 0;
  transition: all .3s ease-out;
}

.faqs-button:hover {
  background-color: #14105B;
  color: #ffffff;
}

@media screen and (min-width:0) and (max-width:1024px) {
  .m-b-m-40 {
    margin-bottom: 40px;
  }

  h1 {
    font-size: 40px;
    line-height: 50px
  }

  h2 {
    font-size: 35px;
    line-height: 43.75px
  }

  p {
    font-size: 15px;
    line-height: 24px
  }
}

.popup-wrapper {
  z-index: 999999999;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  transition: all .26s ease-out;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto
}

.popup-wrapper.show {
  opacity: 1;
  visibility: visible
}

.popup-wrapper .close {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.popup-wrapper .bg-color {
  opacity: .85;
  background: #14105b;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.popup-wrapper .inner-video {
  border: 1px solid transparent;
  max-width: 767px;
  margin: auto;
  position: relative
}

.popup-wrapper .inner-video .inner-height {
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden
}

.popup-wrapper .inner-video .inner-height iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.popup-wrapper .inner-thanks {
  background: #fff;
  border-radius: 20px;
  max-width: 480px;
  margin: auto;
  padding: 50px;
  position: relative
}

.popup-wrapper .inner-thanks h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 33px
}

.popup-wrapper .inner-member {
  max-width: 794px;
  margin: auto;
  padding-top: 125px;
  padding-left: 125px;
  position: relative
}

.popup-wrapper .inner-member .img-wrapper {
  border: 2px solid #98b3ff;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
  left: 0
}

.popup-wrapper .inner-member .img-wrapper .inner-img {
  z-index: 9;
  border-radius: 50%;
  width: 225px;
  height: 225px;
  margin-top: -112.5px;
  margin-left: -112.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden
}

.popup-wrapper .inner-member .rec {
  background: #fff;
  border-radius: 20px;
  min-height: 420px;
  padding: 60px 80px 60px 120px;
  position: relative;
  box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}

.popup-wrapper .inner-member .rec h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 38px
}

.popup-wrapper .inner-member .rec p.title {
  margin: 10px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  position: relative
}

.popup-wrapper .inner-member .rec p.title .linkedin {
  height: 20px;
  margin-top: -10px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0
}

.popup-wrapper .inner-member .rec p.title .linkedin svg {
  width: auto;
  height: 100%;
  display: block
}

.popup-wrapper .inner-member .rec p.bio {
  font-size: 16px;
  line-height: 24px
}

.popup-wrapper .inner-member .rec .divider {
  background: #98b3ff;
  height: 1px;
  margin: 30px 0
}

.popup-wrapper .x-button {
  z-index: 99;
  cursor: pointer;
  width: 25px;
  height: 25px;
  transition: all .26s ease-out;
  position: absolute;
  top: 50px;
  right: 50px
}

.popup-wrapper .x-button:hover {
  transform: rotate(45deg)
}

.popup-wrapper .x-button svg {
  width: 100%;
  height: auto;
  display: block
}

@media screen and (max-width:1024px) {
  .popup-wrapper {
    width: 100vw
  }

  .popup-wrapper .center-wrapper {
    padding: 20px 0
  }

  .popup-wrapper .inner-video {
    padding: 4px;
    width: calc(100vw - 20px) !important
  }

  .popup-wrapper .inner-gallery {
    width: calc(100vw - 40px);
    height: calc(125vw - 50px)
  }

  .popup-wrapper .inner-gallery .image-wrapper {
    height: calc(125vw - 50px)
  }

  .popup-wrapper .inner-gallery .arrow {
    display: none
  }

  .popup-wrapper .inner-contact {
    padding: 30px
  }

  .popup-wrapper .inner-contact h3 {
    font-size: 24px
  }
}

@media screen and (min-width:0) and (max-width:1024px) {
  .popup-wrapper {
    background: rgba(20, 16, 91, .8)
  }

  .popup-wrapper.show .inner-shop {
    width: calc(100vw - 40px);
    height: auto;
    display: block
  }

  .popup-wrapper .inner-shop .part {
    width: 100%;
    height: auto;
    padding: 40px 20px
  }

  .popup-wrapper .inner-shop .part .img-wrapper {
    width: 280px;
    height: auto;
    margin: auto
  }

  .popup-wrapper .inner-shop .part .img-wrapper img {
    width: 100%;
    height: auto
  }

  .popup-wrapper .inner-shop .part .img-wrapper img.pack {
    transform: scale(1) !important
  }

  .popup-wrapper .inner-shop .part h2 {
    margin: 24px auto 0;
    font-size: 21px
  }

  .popup-wrapper .inner-shop .v-line {
    display: none
  }

  .popup-wrapper .inner-contact {
    width: calc(100% - 40px)
  }

  .popup-wrapper.of-thanks {
    height: calc(100% - 54px);
    top: 54px
  }

  .popup-wrapper.of-thanks .inner-contact {
    margin-top: -54px
  }

  .popup-wrapper .inner-shop .on-top {
    display: block
  }

  .popup-wrapper .inner-shop .more-prods {
    margin: 0;
    padding: 0
  }

  .popup-wrapper .inner-shop .more-prods .prods {
    border: 0;
    padding: 0;
    display: block
  }

  .popup-wrapper .inner-shop .more-prods .prods .prod {
    width: 100%;
    padding: 20px 20px 40px
  }

  .popup-wrapper .inner-shop .more-prods .prods .prod h2 {
    font-size: 21px;
    line-height: 22px
  }

  .popup-wrapper .center-wrapper {
    padding: 0
  }

  .popup-wrapper .inner-member {
    width: calc(100vw - 60px)
  }

  .popup-wrapper .inner-member .img-wrapper {
    width: 200px;
    height: 200px;
    margin: auto;
    position: relative;
    top: auto;
    left: auto
  }

  .popup-wrapper .inner-member .rec {
    border-radius: 20px;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: -60px auto 0;
    padding: 80px 40px;
    position: relative
  }

  .popup-wrapper .inner-member .rec h2 {
    font-size: 25px;
    line-height: 32px
  }

  .popup-wrapper .inner-member .rec p.title {
    font-size: 16px;
    line-height: 22px
  }

  .popup-wrapper .inner-member .rec p.title .linkedin {
    height: 16px
  }

  .popup-wrapper .inner-member .rec .divider {
    margin: 40px 0
  }

  .popup-wrapper .inner-member .rec p {
    font-size: 16px;
    line-height: 24px
  }

  .popup-wrapper.of-team {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: linear-gradient(#162769 0%, rgba(22, 39, 105, .9) 44.27%, rgba(22, 39, 105, .8) 100%)
  }

  .popup-wrapper .bg-color {
    display: none
  }

  .popup-wrapper .inner-member {
    padding-top: 0;
    padding-left: 0
  }

  .popup-wrapper .x-button {
    margin-right: -15px;
    top: auto;
    bottom: 40px;
    right: 50%
  }

  .popup-wrapper .inner-member .img-wrapper .inner-img {
    width: 160px;
    height: 160px;
    margin-top: -80px;
    margin-left: -80px
  }

  .center-wrapper .center.of-team {
    padding-top: 40px;
    display: block
  }

  .popup-wrapper .inner-member .rec {
    height: calc(100vh - 280px);
    overflow: auto
  }

  .popup-wrapper .inner-thanks {
    width: calc(100vw - 60px);
    margin: 80px auto 0;
    padding: 30px
  }

  .popup-wrapper .inner-thanks h3 {
    font-size: 18px;
    line-height: 25px
  }
}

header {
  z-index: 999;
  color: #fff;
  background: 0 0;
  border-bottom: 1px solid transparent;
  width: 100%;
  height: 90px;
  transition: all .26s
  ease-out;
  position: fixed;
  top: 0;
  left: 0;
}

header.scrolled {
  background: #ffffff
}



header.scrolled.go-base {
  color: #14105b;
  background: #ffffff;
}

header.go-reg-page .content-wrapper .on-right .rd-button {
  visibility: visible;
  opacity: 1;
  border: 2px solid #14105b;
  transform: translateY(0) !important
}

header.go-reg-page .content-wrapper .on-right .rd-button:hover {
  color: #14105b;
  border-color: #14105b
}

header.go-base {
  color: #14105b;
  background: 0 0
}

.header:has(.menu-item:hover),
.header:has(.on-left:hover) {
  background: #ffffff;
}

header.go-base .content-wrapper .on-right .rd-button {
  visibility: visible;
  opacity: 1;
  border: 2px solid #14105b;
  transform: translateY(0) !important
}

header.go-base .content-wrapper .on-right .rd-button:hover {
  color: #14105b;
  border-color: #14105b
}

header.go-position {
  color: #14105b;
  background: 0 0
}

header.go-position .content-wrapper .on-right .rd-button {
  visibility: visible;
  opacity: 1;
  border: 2px solid #14105b;
  transform: translateY(0) !important
}

header.go-position .content-wrapper .on-right .rd-button:hover {
  color: #14105b;
  border-color: #14105b
}

header.show-rd .content-wrapper .on-right .rd-button {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important
}

header .behind {
  width: 56%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 44%
}

header .content-wrapper {
  -ms-flex-pack: justify;
  justify-content: center;
  width: calc(100% - 80px);
  /* max-width: unset; */
  height: 100%;
  display: flex;
  align-items: center;
  /* position: unset; */
  max-width: 1200px;
  position: relative;
}

header .content-wrapper .on-left {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  /* position: unset; */
  position: absolute;
  left: 0;
}

header .content-wrapper .on-left .logo-wrapper {
  height: 28px;
  margin-right: 50px;
  position: relative
}
.header:has(.on-left:hover) .on-left .logo-wrapper .logo,
.header:has(.menu-item:hover) .on-left .logo-wrapper .logo,
header.scrolled .content-wrapper .on-left .logo-wrapper .logo {
  visibility: hidden;
  opacity: 0
}
.header:has(.on-left:hover) .on-left .logo-wrapper .logo.two,
.header:has(.menu-item:hover) .on-left .logo-wrapper .logo.two,
header.scrolled .content-wrapper .on-left .logo-wrapper .logo.two,
.show_an header.dark-bg .content-wrapper .on-left .logo-wrapper .logo.two {
  visibility: visible;
  opacity: 1;
}

header.go-base:has(.on-left:hover) .content-wrapper .on-left .logo-wrapper .logo,
header.go-base:has(.menu-item:hover) .content-wrapper .on-left .logo-wrapper .logo,
header.go-base .content-wrapper .on-left .logo-wrapper .logo {
  visibility: visible;
  opacity: 1;
}

header.go-base:has(.on-left:hover) .content-wrapper .on-left .logo-wrapper .logo.two,
header.go-base:has(.menu-item:hover) .content-wrapper .on-left .logo-wrapper .logo.two,
header.go-base.scrolled .content-wrapper .on-left .logo-wrapper .logo.two {
  visibility: hidden;
  opacity: 0;
}

header .content-wrapper .on-left .logo-wrapper.in-menu .logo.show,
header .content-wrapper .on-left .logo-wrapper.in-menu .logo.logo {
  visibility: visible;
  opacity: 1
}

header .content-wrapper .on-left .logo-wrapper .logo {
  width: auto;
  height: 100%;
  display: block
}

header .content-wrapper .on-left .logo-wrapper .logo.two {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0
}



header .content-wrapper .on-left .logo-wrapper .logo.two.show {
  visibility: visible;
  opacity: 1
}



header .content-wrapper .on-left ul {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  position: unset;
  padding: 25px 0;
  z-index: 10;
}

header .content-wrapper .on-left ul li {
  cursor: pointer;
  margin-right: 0;
  position: inherit;
}

header .content-wrapper .on-left ul > li:before {
  background: transparent;
  width: 130px;
  height: 90px;
  content: '';
  display: block;
  z-index: -1;
  position: fixed;
  top: 0;
}

header .content-wrapper .on-left ul li a {
  transition: color .3s;
  position: relative;
  padding-right: 20px;
  margin-right: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
}

header .content-wrapper .on-left ul li a.mega-menu__link {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-right: 0;
}

header .content-wrapper .on-left ul li:not(:has(> .mega-menu)) a {
  padding-right: 20px;
  margin-right: 0;
}

header .content-wrapper .on-left ul li:hover a {
  color: #98B3FF;
}

header .content-wrapper .on-left ul li:hover:after,
header .content-wrapper .on-left ul li.active:after {
  transform: scaleX(1) !important
}

.header:has(.menu-item:hover) a,
.header:has(.on-left:hover) a,
header.scrolled .content-wrapper .on-left ul li a,
.show_an header.dark-bg .content-wrapper .on-left ul li a {
  color: #14105B;
}

header.scrolled .content-wrapper .on-left ul li:hover a {
  color: #98B3FF;
}

header .content-wrapper .on-left ul li:after {
  content: "";
  display: none;
}

.header__nav .mega-menu {
  display: none;
  background: #fff;
  /* position: absolute; */
  position: fixed;
  left: 0;
  right: 0;
  top: 90px;
  cursor: default;
}

.show_an .header__nav .mega-menu {
  top: 180px;
}

.show_an header.scrolled .header__nav .mega-menu {
  top: 90px;
}

.header__nav .menu-wrap {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  color: black;
  padding: 50px 0 67px;
  gap: 31px 20px;
  position: relative;
  left: 0;
  width: 100%;
  grid-template-columns: 0.8fr 0.8fr 0.8fr 0.8fr 1fr;
}

.header__nav .menu-wrap:has(.mega-menu__item--with-icon) {
  display: grid;
  gap: 66px 20px;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1180px;
  left: 0;
  padding-right: 220px;
}

.mega-menu__item {
  max-width: 249px;
  border-radius: 10px;
  padding: 0;
  transition: background-color .3s;
}

.mega-menu__item:hover {
  /*background-color: #F3F7FF;*/
}

.mega-menu__item--with-icon {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-width: 260px;
  padding: 0;
}

.mega-menu__item--with-icon .mega-menu__link {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

header .content-wrapper .on-left ul li .mega-menu__item--with-icon a.mega-menu__link {
  flex-wrap: nowrap;
}

header .content-wrapper .on-left ul li a.mega-menu__link:hover,
header .content-wrapper .on-left ul li a.mega-menu__link:hover .mega-menu__desc,
header .content-wrapper .on-left ul li a.mega-menu__link:hover .mega-menu__title {
  color: #98B3FF;
}

.mega-menu__image {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

.mega-menu__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mega-menu__title {
  color: #14105B;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  width: 100%;
}

.mega-menu__title:before {
  content: '';
  display: inline-block;
  background-color: #14105b2b;
  width: 1px;
  height: 21px;
  vertical-align: bottom;
  margin-right: 10px;
}

header .content-wrapper .on-left ul li .mega-menu__item--with-icon a.mega-menu__link .mega-menu__title:before {
  content: none;
}

.mega-menu__desc {
  color: #14105B;
  font-family: "Plus Jakarta Sans";
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  margin: 10px 0 0;
}

header .content-wrapper .on-left ul li .mega-menu:before {
  content: '';
  width: 100%;
  position: absolute;
  height: 50px;
  top: -36px;
  z-index: 1;
}

header .content-wrapper .on-left ul li:hover .mega-menu:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* background-color: #3A3A3A1A; */
  background-color: #3a3a3a00;
  backdrop-filter: blur(2px);
  width: 100%;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
}

header .content-wrapper .on-left ul li:hover .mega-menu {
  display: flex;
}

header .content-wrapper .on-right {
  /* position: relative;
  margin-left: 290px; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  right: 0;
  margin: 0;
  position: absolute;
}

header.scrolled .content-wrapper .on-right .login,
header.dark-bg .content-wrapper .on-right .login {
  color: #14105B;
  transition: color 0.3s;
}

header .content-wrapper .on-right .login:hover {
  color: #98B3FF;
}

header .content-wrapper .on-right .rd-button {
  text-align: center;
  cursor: pointer;
  visibility: visible;
  opacity: 1;
  border: 2px solid #fff;
  border-radius: 30px;
  width: 170px;
  height: 50px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 44px;
  transition: all .26s ease-out;
  display: block;
  position: relative;
  transform: translateY(0) !important;
}
@media (min-width: 1025px) and (max-width: 1075px) {
  header .content-wrapper .on-right .rd-button {
    width: 150px;
  }

  header.scrolled .content-wrapper .on-right .login, header.dark-bg .content-wrapper .on-right .login {
    margin-right: 10px;
  }
}
.header:has(.on-left:hover) .content-wrapper .on-right .rd-button,
.header:has(.menu-item:hover) .content-wrapper .on-right .rd-button,
header.scrolled .content-wrapper .on-right .rd-button,
.show_an header.dark-bg .content-wrapper .on-right .rd-button {
  border-color: #14105B;
  color: #14105B;
}

header .content-wrapper .on-right .rd-button.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important
}

header .content-wrapper .on-right .rd-button:hover {
  color: #a1bcf4;
  border-color: #a1bcf4
}

header .content-wrapper .menu-button-wrapper {
  display: none
}

header .solutions-dropdown {
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border-radius: 20px;
  width: 800px;
  height: 150px;
  margin-left: -466px;
  padding: 40px;
  transition: all .26s ease-out;
  position: absolute;
  top: 100%;
  left: 50%;
  box-shadow: 0 0 80px rgba(0, 0, 0, .3);
  transform: translateY(-20px) !important
}

header .solutions-dropdown.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important
}

header .solutions-dropdown .inner {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

header .solutions-dropdown .inner .item {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 20px);
  display: -ms-flexbox;
  display: flex;
  position: relative
}

header .solutions-dropdown .inner .item .img-wrapper {
  width: 70px;
  margin-right: 20px;
  position: relative
}

header .solutions-dropdown .inner .item .img-wrapper img.reg {
  width: 100%;
  height: auto;
  display: block
}

header .solutions-dropdown .inner .item .text-wrapper {
  width: calc(100% - 90px);
  position: relative
}

header .solutions-dropdown .inner .item .text-wrapper p {
  color: #807ea6;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 18px
}

header .solutions-dropdown .inner .item .text-wrapper p.title {
  color: #14105b;
  margin: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px
}

header .company-dropdown {
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border-radius: 20px;
  width: 412px;
  height: 120px;
  padding: 40px;
  transition: all .26s ease-out;
  position: absolute;
  top: 100%;
  left: calc(50vw - 499px);
  box-shadow: 0 0 80px rgba(0, 0, 0, .3);
  transform: translateY(-20px) !important
}

header .company-dropdown.show {
  visibility: visible;
  opacity: 1;

  transform: translateY(0) !important
}

header .company-dropdown .inner {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

header .company-dropdown .inner .item {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

header .company-dropdown .inner .item .img-wrapper {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  position: relative
}

header .company-dropdown .inner .item p.title {
  color: #14105b;
  margin: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px
}

header .company-dropdown .inner .item p.title.one {
  width: 74px
}

header .company-dropdown .inner .item p.title.two {
  width: 63px
}

header .company-dropdown .inner .item p.title.three {
  width: 94px
}

header .rc-dropdown {
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border-radius: 20px;
  width: 624px;
  /* height: 120px; */
  height: auto;
  padding: 40px;
  transition: all .26s ease-out;
  position: absolute;
  top: 100%;
  left: calc(50vw - 299px);
  box-shadow: 0 0 80px rgba(0, 0, 0, .3);
  transform: translateY(-20px) !important
}

header .rc-dropdown.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important
}

header .rc-dropdown .inner {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  display: grid;
  grid-template-columns: 166px 128px;
  grid-auto-flow: row dense;
  grid-row-gap: 20px;
}

header .rc-dropdown .inner .item {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

header .rc-dropdown .inner .item .img-wrapper {
  width: 36px;
  height: 36px;
  margin-right: 20px;
  position: relative;
  flex-shrink: 0;
}

header .rc-dropdown .inner .item p.title {
  color: #14105b;
  margin: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 23px
}

header .rc-dropdown .inner .item p.title.one {
  width: 74px
}

header .rc-dropdown .inner .item p.title.two {
  width: 160px
}

header .rc-dropdown .inner .item p.title.three {
  width: 94px
}

.side-menu {
  display: none
}

@media screen and (max-width:1363px) {
  header .content-wrapper .on-right {
    margin-left: auto;
  }
  .header__nav .menu-wrap:has(.mega-menu__item--with-icon),
  .header__nav .menu-wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(100% - 80px);
  }

}

@media screen and (min-width:0) and (max-width:1024px) {
  header .content-wrapper {
    width: calc(100% - 60px);
    justify-content: space-between;
  }



  header .content-wrapper .on-left ul,
  header .content-wrapper .on-right {
    display: none
  }

  .header__nav .mega-menu {
    position: inherit;
    display: block;
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    padding-left: 16px;
    max-height: 0;
  }

  .header__nav li.menu-item.is-active .mega-menu {
    position: inherit;
    max-height: 900px;
  }
  .header__nav .menu-wrap:has(.mega-menu__item--with-icon),
  .header__nav .menu-wrap {
    left: 0;
    gap: 7px;
    padding: 0 0 15px;
    max-width: 100%;
  }

  .header__nav .menu-wrap:has(.mega-menu__item--with-icon) {
    gap: 7px;
  }

  .mega-menu__item {
    max-width: 100%;
    width: 100%;
    padding: 0;
    background: none !important;
  }

  .mega-menu__image {
    display: none;
  }

  .mega-menu__title {
    line-height: 1.5;
  }

  .mega-menu__item--with-icon {
    flex-direction: column;
    max-width: 100%;
  }

  .mega-menu__item--with-icon a.mega-menu__link {
    flex-direction: column;
  }

  .mega-menu__desc {
    display: none;
  }

  header.scrolled {
    border-bottom: 1px solid #E5E5E5;
  }

  header .content-wrapper .menu-button-wrapper {
    cursor: pointer;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
  }

  .single-webinar header,
  .single-event header {
    display: none;
  }

  header .content-wrapper .menu-button-wrapper.rotate .menu-button .line {
    background: #fff !important
  }

  header .content-wrapper .menu-button-wrapper.rotate .menu-button .line.one {
    top: 5px;
    transform: rotate(45deg)
  }

  header .content-wrapper .menu-button-wrapper.rotate .menu-button .line.two {
    top: 5px;
    transform: rotate(-45deg)
  }

  header .content-wrapper .menu-button-wrapper.special-rotate .menu-button .line {
    background: #14105b !important
  }

  header .content-wrapper .menu-button-wrapper.special-rotate .menu-button .line.one {
    top: 5px;
    transform: rotate(45deg)
  }

  header .content-wrapper .menu-button-wrapper.special-rotate .menu-button .line.two {
    top: 5px;
    transform: rotate(-45deg)
  }

  header .content-wrapper .menu-button-wrapper .menu-button {
    width: 100%;
    height: 12px;
    position: relative
  }

  header .content-wrapper .menu-button-wrapper .menu-button .line {
    background: #fff;
    width: 100%;
    height: 2px;
    transition: all .26s ease-out;
    position: absolute;
    left: 0
  }

  header .content-wrapper .menu-button-wrapper .menu-button .line.one {
    top: 0
  }

  header .content-wrapper .menu-button-wrapper .menu-button .line.two {
    top: 10px
  }
  header.scrolled .content-wrapper .menu-button-wrapper .menu-button .line,
  header.go-base .content-wrapper .menu-button-wrapper .menu-button .line {
    background: #14105b !important;
  }

  .side-menu {
    color: #fff;
    z-index: 888;
    transform-origin: 100% 0;
    visibility: visible;
    opacity: 1;
    background: #ffffff;
    width: 100%;
    height: 100%;
    padding: 90px 0 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, -webkit-backdrop-filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-100%) !important
  }

  .side-menu.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) !important
  }

  .side-menu .inner {
    height: calc(100vh - 200px);
    padding: 15px 30px 50px;
    position: relative;
    overflow: auto
  }

  .header__nav li > a {
    color: #14105B;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px 0;
    display: block;
    position: relative;
  }

  .header__nav li a:before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0607 1.06066L7.06067 7.06066L1.06067 1.06066' stroke='%2314105B' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    right: 0;
    position: absolute;
    width: 14px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    transition: .3s;
  }

  .header__nav li:not(:has(> .mega-menu)) a:before {
    content: none;
  }

  .header__nav li.menu-item.is-active a {
    color: #98B3FF;
  }

  .header__nav li:first-child > a {
    padding: 0 0 15px;
  }

  .header__nav li.menu-item.is-active a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06067 7.06066L7.06067 1.06066L13.0607 7.06066' stroke='%2398B3FF' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    transform: rotate(360deg);
  }

  .header__nav li.menu-item a.mega-menu__link:before,
  .header__nav li.menu-item.is-active a.mega-menu__link:before {
    content: none;
  }


  .mega-menu__title:before {
    content: none;
  }

  .header__nav li.menu-item {
  }

  .header__nav li.menu-item:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='330' height='1' viewBox='0 0 330 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H330' stroke='%23E5E5E5' stroke-dasharray='5'/%3E%3C/svg%3E%0A");
  }

  .side-menu .inner label {
    color: #98b3ff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    position: relative
  }

  .side-menu .inner .items {
    margin: 20px 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    position: relative
  }

  .side-menu .inner .divider {
    background: rgba(255, 255, 255, .3);
    height: 1px;
    margin: 30px 0
  }

  .side-menu .inner .solutions {
    margin: 20px 0 0;
    position: relative
  }

  .side-menu .inner .solutions .item {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 0;
    display: -ms-flexbox;
    display: flex;
    position: relative
  }

  .side-menu .inner .solutions .item.first {
    margin: 0
  }

  .side-menu .inner .solutions .item svg {
    width: 65px;
    height: auto;
    margin-right: 20px;
    display: block;
    position: relative
  }

  .side-menu .inner .solutions .item p {
    width: calc(100% - 85px);
    font-size: 20px;
    font-weight: 500;
    line-height: 1
  }

  .side-menu .contact-bg {
    width: 100%;
    height: 120px;
    position: fixed;
    bottom: 0;
    left: 0;
    top: auto;
    border-radius: 30px 30px 0 0;
    background: linear-gradient(180deg, rgba(152, 179, 255, 0.21) -22.45%, #98B3FF 159.93%, rgba(20, 16, 91, 0.18) 159.93%), #FFF;
    box-shadow: 0 2px 20px 0 rgba(29, 24, 115, 0.15)
  }
  .side-menu .contact-bg a > div,
  .side-menu .contact-bg a {
    -webkit-touch-callout: none !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-appearance: none !important;
  }


  .side-menu .contact-button {
    text-align: center;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 30px;
    width: 166px;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    line-height: 54px;
    position: fixed;
    bottom: 30px;
    padding: 12px 37px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.home-wrapper {
  min-height: 100vh;
  position: relative
}

.home-wrapper .home-m-bg {
  display: none
}

.home-wrapper .top-bg {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.home-wrapper .top-bg img {
  opacity: .8;
  width: 100%;
  height: auto;
  display: block
}

.home-wrapper .top-bg .bottom-grad {
  background-image: linear-gradient(rgba(20, 16, 91, 0) 0%, #14105b 100%);
  width: 100%;
  height: 270px;
  position: absolute;
  bottom: 0;
  right: 0
}

.home-wrapper .top-section {
  color: #fff;
  background: #14105b;
  padding: 170px 0;
  position: relative;
  overflow: hidden
}

.home-wrapper .top-section .hero-anim-right {
  position: absolute;
  top: 0;
  right: 0
}

.home-wrapper .top-section .hero-anim-right.hide {
  opacity: 0
}

.home-wrapper .top-section .hero-anim-left {
  position: absolute;
  top: 400px;
  left: 0
}

.home-wrapper .top-section .hero-anim-left.hide {
  opacity: 0
}

.home-wrapper .top-section .hero-anim-bottom {
  position: absolute;
  top: 960px;
  right: 50%
}

.home-wrapper .top-section .hero-anim-bottom.hide {
  opacity: 0
}

.home-wrapper .top-section .hero-anim-mobile,
.home-wrapper .top-section .hero-anim-mobile-bottom {
  display: none
}

.home-wrapper .top-section .bottom-anim-circle-grad {
  width: 580px;
  height: auto;
  position: absolute;
  top: 1400px;
  right: 54%
}

.home-wrapper .top-section .main-text-wrapper {
  text-align: center;
  max-width: 816px;
  margin: auto;
  position: relative
}

.home-wrapper .top-section .main-text-wrapper p {
  margin: 30px auto 0;
  font-size: 20px;
  line-height: 1.6
}

.home-wrapper .top-section .main-text-wrapper .buttons {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 60px auto 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .top-section .main-text-wrapper .buttons .button {
  margin: 0 15px
}

.home-wrapper .top-section .main-text-wrapper .buttons .button:hover svg polygon {
  stroke: #14105b
}

.home-wrapper .top-section .main-text-wrapper .buttons .button svg {
  margin-right: 6px;
  transform: translateY(4px) !important
}

.home-wrapper .top-section .main-text-wrapper .buttons .button svg polygon {
  transition: all .26s ease-out
}

.home-wrapper .top-section .trusted-wrapper {
  margin: 375px auto 0;
  position: relative
}

.home-wrapper .top-section .trusted-wrapper .rec {
  background: #dbe7fb;
  border-radius: 10px;
  /* height: 260px; */
  /* padding: 50px 0; */
  position: relative;
  border-radius: 232px;
  height: auto;
  padding: 0;
}

.home-wrapper .top-section .trusted-wrapper .rec p.title {
  color: #14105b;
  padding: 0 50px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 24px;
  font-weight: 400
}

.home-wrapper .top-section .trusted-wrapper .rec .logos {
  margin: 20px auto 0;
  position: relative
}

.home-wrapper .top-section .trusted-wrapper .rec .logos .slick-list {
  border-radius: 232px;
}

.home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper {
  background-color: #dbe7fb;
  width: 145px;
  height: 100px;
  margin: 0 20px;
  position: relative
}

.home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper svg {
  width: 100%;
  height: auto;
  display: block
}

.home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper img {
  mix-blend-mode: multiply;
  /* width: 100%;
  height: auto; */
  max-height: 100px;
  width: auto;
  display: block
}

.home-wrapper .top-section .trusted-wrapper .rec .trusted-overlay {
  mix-blend-mode: multiply;
  opacity: .4;
  border-radius: 232px;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(219, 231, 251, 1) 0%, rgba(180, 202, 246, 1) 100%);
}

.home-wrapper .top-section .middle-wrapper {
  margin: 266.5px 0 0;
  position: relative
}

.home-wrapper .top-section .middle-wrapper .text-wrapper {
  width: 697px;
  margin-left: calc(100% - 697px);
  position: relative
}

.home-wrapper .top-section .middle-wrapper .text-wrapper h2 {
  max-width: 610px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 65px
}

.home-wrapper .top-section .middle-wrapper .text-wrapper .items {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .top-section .middle-wrapper .text-wrapper .items .item {
  color: #98b3ff;
  -ms-grid-row-align: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: calc(50% - 15px);
  margin: 65px 0 0;
  padding: 22px 0 22px 37px;
  position: relative
}

.home-wrapper .top-section .middle-wrapper .text-wrapper .items .item:before {
  content: "";
  opacity: .3;
  background: #adbef9;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.home-wrapper .top-section .middle-wrapper .text-wrapper .items .item p {
  font-size: 16px;
  line-height: 25px
}

.home-wrapper .top-section .middle-wrapper .text-wrapper .items .item p strong {
  font-size: 20px;
  font-weight: 700
}

.home-wrapper .top-section .middle-wrapper .text-wrapper .learn-more {
  margin: 89px 0 0;
  position: relative
}

.home-wrapper .top-section .bottom-wrapper {
  margin: 416.5px 0 0;
  position: relative
}

.home-wrapper .top-section .bottom-wrapper .text-wrapper {
  width: 692px;
  position: relative
}

.home-wrapper .top-section .bottom-wrapper .text-wrapper h2 {
  max-width: 581px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 65px
}

.home-wrapper .top-section .bottom-wrapper .text-wrapper .items {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .top-section .bottom-wrapper .text-wrapper .items .item {
  color: #98b3ff;
  -ms-grid-row-align: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: calc(50% - 15px);
  margin: 65px 0 0;
  padding: 22px 0 22px 37px;
  position: relative
}

.home-wrapper .top-section .bottom-wrapper .text-wrapper .items .item:before {
  content: "";
  opacity: .3;
  background: #adbef9;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.home-wrapper .top-section .bottom-wrapper .text-wrapper .items .item p {
  font-size: 16px;
  line-height: 25px
}

.home-wrapper .top-section .bottom-wrapper .text-wrapper .items .item p strong {
  font-size: 20px;
  font-weight: 700
}

.home-wrapper .top-section .bottom-wrapper .text-wrapper .learn-more {
  margin: 96px 0 0;
  position: relative
}

.home-wrapper .top-section .bottom-wrapper .img-wrapper {
  width: calc(100% - 558px);
  position: absolute;
  top: -36px;
  left: 646px
}

.home-wrapper .top-section .bottom-wrapper .img-wrapper .line-between {
  width: 820px;
  position: absolute;
  bottom: 80%;
  right: 50%
}

.home-wrapper .top-section .bottom-wrapper .img-wrapper .img-circle {
  width: 100%;
  height: auto;
  position: absolute
}

.home-wrapper .top-section .bottom-wrapper .img-wrapper .img-group {
  width: 100%;
  height: auto;
  display: block;
  position: relative
}

.home-wrapper .top-section .bottom-wrapper .os-anim-wrapper {
  width: calc(100% - 558px);
  position: absolute;
  top: -6px;
  left: 646px
}

.home-wrapper .top-section .bottom-wrapper .os-anim-wrapper .line-between {
  width: 820px;
  position: absolute;
  bottom: calc(80% + 24px);
  right: 50%
}

.home-wrapper .top-section .bottom-wrapper .os-anim-wrapper .img-circle {
  width: 100%;
  height: auto;
  position: absolute
}

.home-wrapper .top-section .bottom-wrapper .os-anim-wrapper .os-anim-section {
  transform: scale(.96) !important
}

.home-wrapper .safer-wrapper {
  text-align: center;
  padding: 150px 0 162px;
  position: relative
}

.home-wrapper .safer-wrapper .numbers {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 100px auto 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .safer-wrapper .numbers .number-wrapper {
  width: calc(33.3333% - 33.3333px);
  position: relative
}

.home-wrapper .safer-wrapper .numbers .number-wrapper .number {
  color: #ff666a;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 90px;
  font-weight: 200;
  line-height: .656;
  position: relative
}

.home-wrapper .safer-wrapper .numbers .number-wrapper .caption {
  margin: 40px auto 0;
  font-size: 16px;
  line-height: 22px;
  position: relative
}

.home-wrapper .installation-wrapper {
  color: #fff;
  background: #ff666a;
  padding: 121px 0 80px;
  position: relative
}

.home-wrapper .installation-wrapper .content-wrapper .camera {
  width: 587px;
  height: auto;
  position: absolute;
  top: -39px;
  left: 50%
}

.home-wrapper .installation-wrapper .content-wrapper .camera-m {
  display: none
}

.home-wrapper .installation-wrapper .content-wrapper h2 {
  max-width: 560px;
  font-weight: 500;
  line-height: 1.38
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 78px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part p {
  line-height: 28px
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part p.big {
  font-size: 55px;
  line-height: 1.255
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-left {
  width: 500px;
  position: relative
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 600px);
  height: 154px;
  padding-left: 26px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right:before {
  content: "";
  background: rgba(255, 255, 255, .5);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right .inner {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right .inner .item {
  text-align: center;
  position: relative
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right .inner .item.one {
  width: 264px
}

.home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right .inner .item p.big {
  margin: 3px auto 0
}

.home-wrapper .cs-wrapper {
  padding: 105px 0;
  position: relative
}

.home-wrapper .cs-wrapper .content-wrapper {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .cs-wrapper .content-wrapper .img-wrapper {
  border-radius: 50%;
  width: 365px;
  height: 365px;
  margin-right: 50px;
  position: relative;
  overflow: hidden
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper {
  width: calc(100% - 415px);
  max-width: 779px;
  position: relative
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title img {
  width: auto;
  height: 46px;
  margin-right: 30px;
  display: block
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title .divider {
  background: #90a3d0;
  width: 1.5px;
  height: 65px;
  margin-right: 31px
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title p {
  margin: 0;
  font-size: 25px;
  line-height: 1
}

.home-wrapper .sn-wrapper {
  color: #fff;
  background: #14105b;
  padding: 86px 0;
  position: relative;
  overflow: hidden
}

.home-wrapper .sn-wrapper .ship {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.home-wrapper .sn-wrapper .ship-m {
  display: none
}

.home-wrapper .sn-wrapper .grad {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50vw - 683px)
}

.home-wrapper .sn-wrapper .grad.two {
  display: none;
  left: auto;
  right: 0;
  transform: rotate(180deg)
}

.home-wrapper .sn-wrapper .text-wrapper {
  max-width: 660px;
  position: relative
}

.home-wrapper .sn-wrapper .text-wrapper .logo {
  width: auto;
  height: 31px;
  display: block;
  position: relative
}

.home-wrapper .sn-wrapper .text-wrapper h2 {
  margin: 20px 0 0;
  line-height: 63px
}

.home-wrapper .sn-wrapper .text-wrapper p {
  max-width: 580px;
  margin: 30px 0 0;
  line-height: 24px
}

.home-wrapper .sn-wrapper .text-wrapper .button {
  margin: 60px 0 0
}

.home-wrapper .sn-wrapper .text-wrapper .button:hover svg polygon {
  stroke: #14105b
}

.home-wrapper .sn-wrapper .text-wrapper .button svg {
  margin-right: 6px;
  transform: translateY(4px) !important
}

.home-wrapper .sn-wrapper .text-wrapper .button svg polygon {
  transition: all .26s ease-out
}

.home-wrapper .testimonials-wrapper {
  padding: 100px 0;
  position: relative
}

.home-wrapper .testimonials-wrapper .quote-icon {
  width: auto;
  height: 120px;
  margin: auto;
  display: block;
  position: relative
}

.home-wrapper .testimonials-wrapper .slider-wrapper {
  text-align: center;
  max-width: 789px;
  margin: 60px auto 0;
  position: relative
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item {
  position: relative
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item .quote {
  font-size: 30px;
  line-height: 45px
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item .line {
  background: #98b3ff;
  width: 350px;
  height: 1px;
  margin: 60px auto;
  display: none;
  position: relative
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title-logo {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 60px auto 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title-logo .logo-wrapper {
  height: 60px;
  margin-right: 20px;
  position: relative
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title-logo .logo-wrapper img {
  width: auto;
  height: 100%;
  display: block
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title {
  text-align: left;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  position: relative
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title strong {
  font-weight: 700
}

.home-wrapper .testimonials-wrapper .side-legend {
  margin: 60px 0 -20px;
  position: relative
}

.home-wrapper .testimonials-wrapper .side-legend .items {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .testimonials-wrapper .side-legend .items .item {
  cursor: pointer;
  width: 62px;
  height: 20px;
  margin: 0 9px;
  position: relative
}

.home-wrapper .testimonials-wrapper .side-legend .items .item.active:after {
  transform: scaleX(1) !important
}

.home-wrapper .testimonials-wrapper .side-legend .items .item:before {
  content: "";
  background: #b6cbf6;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0
}

.home-wrapper .testimonials-wrapper .side-legend .items .item:after {
  content: "";
  transform-origin: top;
  background: #14105b;
  width: 100%;
  height: 1px;
  transition: all .44s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0) !important
}

.home-wrapper .news-wrapper {
  padding: 0 0 20px;
  position: relative
}

.home-wrapper .news-wrapper .title-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.home-wrapper .news-wrapper .title-wrapper h2 {
  line-height: 1.38
}

.home-wrapper .news-wrapper .title-wrapper .learn-more {
  color: #14105b
}

.home-wrapper .news-wrapper .title-wrapper .learn-more svg polyline {
  stroke: #14105b
}

@media screen and (min-width:0) and (max-width:1024px) {

  .home-wrapper .top-section .hero-anim-right,
  .home-wrapper .top-section .hero-anim-left,
  .home-wrapper .top-section .hero-anim-bottom {
    display: none
  }

  .home-wrapper .top-section {
    padding: 160px 0 100px
  }

  .home-wrapper .top-section .main-text-wrapper {
    width: calc(100% - 60px);
    margin: auto
  }

  .home-wrapper .top-section .main-text-wrapper h1 {
    font-size: 50px;
    line-height: 63px
  }

  .home-wrapper .top-section .main-text-wrapper p {
    display: none
  }

  .home-wrapper .top-section .main-text-wrapper .buttons {
    margin: 80px auto 0;
    display: block
  }

  .home-wrapper .top-section .main-text-wrapper .buttons .button {
    width: 190px;
    height: 60px;
    margin: 30px auto 0;
    display: block
  }

  .home-wrapper .top-bg {
    display: none
  }

  .home-wrapper .home-m-bg {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    right: 0
  }

  .home-wrapper .top-section .trusted-wrapper {
    margin: 282px -30px 0
  }

  .home-wrapper .top-section .trusted-wrapper .rec {
    border-radius: 0;
    height: 188px;
    padding: 30px 0 0
  }

  .home-wrapper .top-section .trusted-wrapper .rec p.title {
    text-align: center;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1
  }

  .home-wrapper .top-section .trusted-wrapper .rec .logos {
    margin: 30px 0 0
  }

  .home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper {
    height: auto;
    margin: 0 10px
  }

  .home-wrapper .top-section .middle-wrapper {
    margin: 80px 0 0
  }

  .home-wrapper .top-section .middle-wrapper .text-wrapper {
    width: 100%;
    margin-left: 0
  }

  .home-wrapper .top-section .middle-wrapper .text-wrapper p {
    font-size: 18px;
    line-height: 25px
  }

  .home-wrapper .top-section .middle-wrapper .text-wrapper h2 {
    margin-top: 30px;
    font-size: 35px;
    font-weight: 400;
    line-height: 44px
  }

  .home-wrapper .top-section .middle-wrapper .text-wrapper .items {
    margin: 60px 0 0;
    display: block
  }

  .home-wrapper .top-section .middle-wrapper .text-wrapper .items .item {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 50px;
    margin: 40px 0 0;
    padding: 0 0 0 30px;
    display: -ms-flexbox;
    display: flex
  }

  .home-wrapper .top-section .middle-wrapper .text-wrapper .items .item br,
  .home-wrapper .top-section .middle-wrapper .text-wrapper .items .item span {
    display: none
  }

  .home-wrapper .top-section .middle-wrapper .text-wrapper .learn-more {
    margin: 60px 0 0
  }

  .home-wrapper .top-section .bottom-wrapper {
    margin: 40px 0 0
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper {
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper .img-wrapper,
  .home-wrapper .top-section .bottom-wrapper .content-wrapper .os-anim-wrapper {
    width: calc(100% + 60px);
    margin: 30px -30px;
    position: relative;
    top: auto;
    left: auto
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper {
    width: 100%;
    margin: 40px 0 0
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper p {
    font-size: 18px;
    line-height: 25px
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper h2 {
    margin-top: 30px;
    font-size: 35px;
    font-weight: 400;
    line-height: 44px
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper .items {
    margin: 60px 0 0;
    display: block
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper .items .item {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 50px;
    margin: 40px 0 0;
    padding: 0 0 0 30px;
    display: -ms-flexbox;
    display: flex
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper .items .item br,
  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper .items .item span {
    display: none
  }

  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper .learn-more {
    margin: 60px 0 0
  }

  .home-wrapper .top-section .bottom-wrapper .img-wrapper .line-between,
  .home-wrapper .top-section .bottom-wrapper .os-anim-wrapper .line-between {
    display: none
  }

  .home-wrapper .safer-wrapper {
    padding: 100px 0 170px
  }

  .home-wrapper .safer-wrapper .numbers {
    margin: auto;
    display: block
  }

  .home-wrapper .safer-wrapper .numbers .number-wrapper {
    width: 100%;
    margin: 90px 0 0
  }

  .home-wrapper .safer-wrapper .numbers .number-wrapper .caption {
    margin: 30px auto 0
  }

  .home-wrapper .installation-wrapper .content-wrapper .camera {
    display: none
  }

  .home-wrapper .installation-wrapper .content-wrapper .camera-m {
    width: calc(100% + 60px);
    display: block;
    position: absolute;
    top: -204px;
    right: -30px
  }

  .home-wrapper .installation-wrapper {
    text-align: center;
    padding: 170px 0 80px
  }

  .home-wrapper .installation-wrapper .content-wrapper h2 {
    font-weight: 600
  }

  .home-wrapper .installation-wrapper .content-wrapper .bottom-part {
    margin: 30px 0 0;
    display: block
  }

  .home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-left {
    width: 100%
  }

  .home-wrapper .installation-wrapper .content-wrapper .bottom-part p {
    font-size: 18px
  }

  .home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right {
    border-top: 1px solid rgba(255, 255, 255, .5);
    width: 100%;
    height: auto;
    margin: 60px 0 0;
    padding-top: 60px;
    padding-left: 0
  }

  .home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right:before {
    display: none
  }

  .home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right .inner {
    width: 100%;
    display: block
  }

  .home-wrapper .installation-wrapper .content-wrapper .bottom-part .on-right .inner .item.one {
    margin: 0 auto 60px
  }

  .home-wrapper .installation-wrapper .content-wrapper .bottom-part p.big {
    font-size: 50px;
    font-weight: 400;
    line-height: 70px
  }

  .home-wrapper .cs-wrapper {
    padding: 60px 0
  }

  .home-wrapper .cs-wrapper .content-wrapper {
    display: block
  }

  .home-wrapper .cs-wrapper .content-wrapper .img-wrapper {
    width: 100%;
    height: calc(100vw - 60px);
    margin: auto
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 60px auto 0
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title {
    display: block
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title img {
    height: 44px;
    margin: auto
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title .divider {
    background: #c7cfde;
    width: 100%;
    height: 1px;
    margin: 40px auto
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title p {
    text-align: center;
    font-weight: 500
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper h2 {
    text-align: center;
    margin: 20px 0 0;
    font-size: 35px;
    line-height: 44px
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper p {
    text-align: center;
    margin: 30px 0 0;
    font-size: 18px;
    line-height: 26px
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper .download {
    text-align: center;
    width: 114px;
    margin: 60px auto 0;
    display: block
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper .download .row {
    -ms-flex-pack: center;
    justify-content: center
  }

  .home-wrapper .sn-wrapper .ship {
    display: none
  }

  .home-wrapper .sn-wrapper .text-wrapper .logo {
    height: 26px
  }

  .home-wrapper .sn-wrapper .text-wrapper h2 {
    font-size: 35px;
    line-height: 44px
  }

  .home-wrapper .sn-wrapper .text-wrapper p {
    max-width: 100%;
    font-size: 18px;
    line-height: 26px
  }

  .home-wrapper .sn-wrapper {
    padding: 0 0 80px
  }

  .home-wrapper .sn-wrapper .grad,
  .home-wrapper .sn-wrapper .grad.two {
    display: none
  }

  .home-wrapper .sn-wrapper .ship-m {
    width: 100%;
    height: auto;
    display: block;
    position: relative
  }

  .home-wrapper .testimonials-wrapper {
    padding: 90px 0
  }

  .home-wrapper .testimonials-wrapper .slider-wrapper {
    margin: 30px auto 0
  }

  .home-wrapper .testimonials-wrapper .slider-wrapper .item .quote {
    font-size: 20px;
    line-height: 28px
  }

  .home-wrapper .testimonials-wrapper .slider-wrapper .item .line {
    width: 100%;
    margin: 58px auto 30px
  }

  .home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title-logo {
    margin: 30px auto 0;
    display: block
  }

  .home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title-logo .logo-wrapper {
    margin: 0 auto 10px
  }

  .home-wrapper .testimonials-wrapper .quote-icon {
    height: 98px
  }

  .home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title-logo .logo-wrapper img {
    margin: auto
  }

  .home-wrapper .testimonials-wrapper .slider-wrapper .item .name-title {
    text-align: center;
    font-size: 16px;
    line-height: 27px
  }

  .home-wrapper .testimonials-wrapper .side-legend {
    width: 100%;
    margin: 40px auto 0;
    display: block;
    position: relative
  }

  .home-wrapper .testimonials-wrapper .side-legend .items .item {
    width: 62px;
    height: 2px;
    margin: 0 9px
  }

  .home-wrapper .testimonials-wrapper .side-legend .items {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
  }

  .home-wrapper .testimonials-wrapper .side-legend .items .item:before,
  .home-wrapper .testimonials-wrapper .side-legend .items .item:after {
    width: 100%
  }

  .home-wrapper .news-wrapper .title-wrapper {
    text-align: center;
    margin: 0 0 50px;
    display: block
  }

  .home-wrapper .news-wrapper .title-wrapper .learn-more {
    display: none
  }

  .home-wrapper .top-section .hero-anim-mobile {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .home-wrapper .top-section .hero-anim-mobile-bottom {
    width: 100%;
    display: block;
    position: absolute;
    top: 510px;
    left: 0
  }

  .home-wrapper .top-section .bottom-wrapper .os-anim-wrapper .os-anim-section {
    transform: scale(.9) !important
  }
}

.co-captain-wrapper {
  min-height: 100vh;
  position: relative;
  overflow: hidden
}

.co-captain-wrapper .top-wrapper {
  padding: 150px 0 327px;
  position: relative
}
.co-captain-wrapper.platform-page-flexible .top-wrapper {
  padding: 129px 0 327px;
}
.co-captain-wrapper .top-wrapper .cover {
  width: 1920px;
  height: auto;
  margin-left: -960px;
  position: absolute;
  top: 0;
  left: 50%
}

.co-captain-wrapper .top-wrapper .cover-m {
  display: none
}

.co-captain-wrapper .top-wrapper .captain-hero-anim {
  position: absolute;
  top: -157px;
  right: -160px
}
.co-captain-wrapper.platform-page-flexible .top-wrapper .captain-hero-anim {
  position: absolute;
  top: -136px;
  right: -160px
}

.co-captain-wrapper .top-wrapper h1 {
  max-width: 583px;
  font-size: 60px;
  font-weight: 600;
  line-height: 75px;
  position: relative
}
.co-captain-wrapper.platform-page-flexible .top-wrapper h1 {
  max-width: 700px;
}

.co-captain-wrapper .middle-wrapper {
  position: relative
}

.co-captain-wrapper .middle-wrapper .screen-and-text {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.co-captain-wrapper .middle-wrapper .screen-and-text .screen-wrapper {
  width: 612px;
  position: relative
}

.co-captain-wrapper .middle-wrapper .screen-and-text .screen-wrapper .rec {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  box-shadow: 0 2px 24px rgba(129, 168, 216, .3)
}

.co-captain-wrapper .middle-wrapper .screen-and-text .screen-wrapper .rec img {
  width: 100%;
  height: auto;
  display: block
}

.co-captain-wrapper .middle-wrapper .screen-and-text .text-wrapper {
  width: calc(100% - 662px);
  position: relative
}

.co-captain-wrapper .middle-wrapper .screen-and-text .text-wrapper p {
  margin: 40px 0 0;
  line-height: 26px
}

.co-captain-wrapper .middle-wrapper .screen-and-text .text-wrapper p.title {
  margin: 0;
  font-size: 20px;
  line-height: 26px
}

.co-captain-wrapper .middle-wrapper .screen-and-text .text-wrapper h2 {
  margin: 10px 0 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 51px
}

.co-captain-wrapper .middle-wrapper .items-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 58px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.co-captain-wrapper .middle-wrapper .items-wrapper .item {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: calc(33.3333% - 42px);
  height: 280px;
  padding-left: 41px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.co-captain-wrapper .middle-wrapper .items-wrapper .item:before {
  content: "";
  opacity: .2;
  background: #14105b;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.co-captain-wrapper .middle-wrapper .items-wrapper .item.two {
  margin: 50px 0 0
}

.co-captain-wrapper .middle-wrapper .items-wrapper .item.three {
  margin: 100px 0 0
}

.co-captain-wrapper .middle-wrapper .items-wrapper .item .icon-wrapper {
  height: 40px;
  position: relative
}

.co-captain-wrapper .middle-wrapper .items-wrapper .item .icon-wrapper svg,
.co-captain-wrapper .middle-wrapper .items-wrapper .item .icon-wrapper img {
  width: auto;
  height: 100%;
  display: block
}

.co-captain-wrapper .middle-wrapper .items-wrapper .item h3 {
  margin: 20px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 32px
}

.co-captain-wrapper .middle-wrapper .items-wrapper .item p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 22px
}

.co-captain-wrapper .sp-intro-benefits {
  padding: 0!important;
}

.co-captain-wrapper .stamco-wrapper {
  margin: 160px 0 0;
  position: relative
}
.co-captain-wrapper.platform-page-flexible .stamco-wrapper {
  margin: 100px 0 100px;
}

.co-captain-wrapper .stamco-wrapper .content-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-left {
  z-index: 2;
  cursor: pointer;
  width: 550px;
  position: relative
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-left .img-wrapper .play {
  width: 80px;
  height: 60px;
  margin-top: -30px;
  margin-left: -40px;
  position: absolute;
  top: 50%;
  left: 50%
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-right {
  width: calc(100% - 550px);
  padding-left: 60px;
  position: relative
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-right .grad {
  width: calc(100% + 80px);
  height: auto;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) !important
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-right h2 {
  max-width: 550px;
  font-size: 40px;
  font-weight: 600;
  line-height: 51px;
  position: relative
}

.co-captain-wrapper .vision-wrapper {
  padding: 300px 0 0;
  position: relative
}

.co-captain-wrapper .vision-wrapper .line {
  width: 658px;
  position: absolute;
  top: -110px;
  left: calc(100% - 300px)
}

.co-captain-wrapper .vision-wrapper .bg-grad-m {
  display: none
}

.co-captain-wrapper .vision-wrapper h2 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 23px
}

.co-captain-wrapper .vision-wrapper h2 .c-blue {
  color: #98b3ff
}

.co-captain-wrapper .vision-wrapper h2 span {
  text-transform: lowercase
}

.co-captain-wrapper .vision-wrapper .legend {
  background: #fff;
  border-radius: 30px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 450px;
  height: 60px;
  margin: 60px 0 0;
  padding: 0 23px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.co-captain-wrapper .vision-wrapper .legend .item {
  opacity: .3;
  cursor: pointer;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  transition: all .26s ease-out;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.co-captain-wrapper .vision-wrapper .legend .item.active {
  opacity: 1
}

.co-captain-wrapper .vision-wrapper .legend .item .icon-wrapper {
  height: 40px;
  margin-right: 15px;
  position: relative
}

.co-captain-wrapper .vision-wrapper .legend .item .icon-wrapper svg {
  width: auto;
  height: 100%;
  display: block
}

.co-captain-wrapper .vision-wrapper .legend .item p {
  width: calc(100% - 55px);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper {
  width: 1100px;
  height: 618.75px;
  margin: 70px 0 0;
  position: relative
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-before-image {
  z-index: 2;
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-before-image img {
  width: 1100px;
  height: auto;
  display: block
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper {
  width: 1100px;
  height: 618.75px;
  position: relative;
  overflow: hidden
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-after-image {
  display: block
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-after-image.w-transition {
  transition: all .44s ease-out
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-after-image img {
  width: 100%;
  height: auto;
  display: block
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper {
  width: 1100px;
  height: 618.75px;
  position: relative;
  overflow: hidden
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #resizer {
  z-index: 5;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  background: #c5d4ff;
  -ms-flex-align: center;
  align-items: center;
  width: 4px;
  height: calc(100% + 28px);
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -14px;
  left: 40%
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #resizer.w-transition {
  transition: all .44s ease-out
}

.co-captain-wrapper .vision-wrapper .vision-slider-wrapper #resizer:after {
  content: "";
  background: #c5d4ff;
  border: 3px solid #c5d4ff;
  border-radius: 50%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 0 0 -11px;
  display: -ms-flexbox;
  display: flex;
  position: absolute
}

.co-captain-wrapper .vision-wrapper .m-switch-wrapper {
  display: none
}

.co-captain-wrapper .vision-wrapper .caption {
  text-align: center;
  background: #fff;
  border-radius: 30px;
  width: 1100px;
  height: 60px;
  margin: 70px 0 0;
  font-size: 18px;
  line-height: 60px;
  position: relative
}

.co-captain-wrapper .bottom-wrapper {
  padding: 229px 0 100px;
  position: relative
}

.co-captain-wrapper .bottom-wrapper .line {
  width: calc(100% + 166px);
  height: auto;
  position: absolute;
  top: -200px;
  left: -83px
}
.co-captain-wrapper.platform-page-flexible .bottom-wrapper .line {
  width: 1280px;
  height: auto;
  position: absolute;
  top: -200px;
  left: calc((100vw - 100%) / 2);
}

.co-captain-wrapper .bottom-wrapper .intro {
  position: relative
}

.co-captain-wrapper .bottom-wrapper .intro h2 {
  max-width: 580px;
  font-size: 50px;
  font-weight: 600;
  line-height: 70px
}

.co-captain-wrapper .bottom-wrapper .intro p {
  max-width: 799px;
  margin: 40px 0 0;
  line-height: 26px
}

.co-captain-wrapper .bottom-wrapper .part {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.co-captain-wrapper .bottom-wrapper .part.one {
  margin-top: 62px
}
.co-captain-wrapper .bottom-wrapper .part.one .img-wrapper,
.co-captain-wrapper .bottom-wrapper .part.one .os-anim-wrapper {
  width: 403px;
  margin-right: 86px
}
.co-captain-wrapper.platform-page-flexible .bottom-wrapper .part.one .img-wrapper {
  width: 500px;
  margin-right: 0;
  margin-left: 35px;
}
.co-captain-wrapper .bottom-wrapper .part.one .os-anim-wrapper .shadow {
  width: 734px;
  height: 734px;
  margin-top: -367px;
  margin-left: -367px;
  position: absolute;
  top: 50%;
  left: 50%
}

.co-captain-wrapper .bottom-wrapper .part.two {
  margin-top: 121px
}

.co-captain-wrapper .bottom-wrapper .part.two .img-wrapper,
.co-captain-wrapper .bottom-wrapper .part.two .os-anim-wrapper {
  width: 300px;
  margin-left: 150px
}
.co-captain-wrapper.platform-page-flexible .bottom-wrapper .part.two .img-wrapper {
  width: 500px;
  margin-left: 0;
  margin-right: 35px;
}
.co-captain-wrapper .bottom-wrapper .part.three {
  margin-top: 164px
}

.co-captain-wrapper .bottom-wrapper .part.three .img-wrapper {
  width: 440px;
  margin-right: 79px
}
.co-captain-wrapper.platform-page-flexible .bottom-wrapper .part.three .img-wrapper {
  width: 550px;
  margin-right: 0;
  margin-left: 35px;
}
.co-captain-wrapper .bottom-wrapper .part.three .img-wrapper .shadow {
  width: 734px;
  height: 734px;
  margin-top: -367px;
  margin-left: -367px;
  position: absolute;
  top: 50%;
  left: 50%
}

.co-captain-wrapper .bottom-wrapper .part.three .img-wrapper img {
  position: relative
}

.co-captain-wrapper .bottom-wrapper .part.three .os-anim-wrapper {
  width: 440px;
  margin-right: 79px
}

.co-captain-wrapper .bottom-wrapper .part.three .os-anim-wrapper .shadow {
  width: 734px;
  height: 734px;
  margin-top: -367px;
  margin-left: -367px;
  position: absolute;
  top: 50%;
  left: 50%
}

.co-captain-wrapper .bottom-wrapper .part.three .os-anim-wrapper img {
  position: relative
}

.co-captain-wrapper .bottom-wrapper .part .text-wrapper {
  max-width: 500px;
  position: relative
}

.co-captain-wrapper .bottom-wrapper .part .text-wrapper h3 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 51px
}

.co-captain-wrapper .bottom-wrapper .part .text-wrapper p {
  margin: 40px 0 0
}

.co-captain-wrapper .bottom-wrapper .part .img-wrapper {
  position: relative
}

.co-captain-wrapper .bottom-wrapper .part .img-wrapper img {
  width: 100%;
  height: auto;
  display: block
}

.co-captain-wrapper .bottom-wrapper .part .os-anim-wrapper {
  position: relative
}

.co-captain-wrapper .bottom-wrapper .divider {
  background: #d1d4e7;
  height: 1px;
  margin: 150px 0 100px;
  position: relative
}

.co-captain-wrapper .bottom-wrapper .closer-part {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  max-width: 940px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.co-captain-wrapper .bottom-wrapper .closer-part .icon-wrapper {
  width: 180px;
  margin-right: 60px;
  position: relative
}

.co-captain-wrapper .bottom-wrapper .closer-part .icon-wrapper img {
  width: 100%;
  height: auto;
  display: block
}

.co-captain-wrapper .bottom-wrapper .closer-part h3 {
  width: calc(100% - 240px);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 51px
}

.intro-icon-row {
  margin-top: 100px;
}
.intro-icon-row-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.intro-icon-item {
  position: relative;
  width: 16.6666%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all .26s ease-out;
}
.intro-icon-item a {
  display: block;
}
.intro-icon-item img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 82px;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .intro-icon-row {
    margin-top: 40px;
  }
  .intro-icon-item {
    width: 33.3333%;
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  .intro-icon-row {
    margin-top: 30px;
  }
  .intro-icon-item {
    width: 50%;
    margin-top: 25px;
  }
}

.co-captain-wrapper .banner {
  color: #fff;
  background: #14105b;
  height: 570px;
  position: relative
}

.co-captain-wrapper .banner .banner-img {
  width: 1462px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -83px
}

.co-captain-wrapper .banner .iframe-wrapper {
  width: calc(50vw + 683px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -83px;
  overflow: hidden
}

.co-captain-wrapper .banner .iframe-wrapper video {
  width: 100vw;
  min-width: 177.77vh;
  height: 56.25vw;
  min-height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.co-captain-wrapper .banner .bg-grad {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: -83px
}

.co-captain-wrapper .banner .bg-grad-m,
.co-captain-wrapper .banner .bg-grad-m-2 {
  display: none
}

.co-captain-wrapper .banner .content-wrapper {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  display: -ms-flexbox;
  display: flex
}

.co-captain-wrapper .banner .content-wrapper .text {
  position: relative
}

.co-captain-wrapper .banner .content-wrapper h2 {
  max-width: 600px;
  font-size: 50px;
  font-weight: 600;
  line-height: 69px
}

.co-captain-wrapper .banner .content-wrapper p {
  max-width: 600px;
  margin: 30px 0 0;
  line-height: 22px
}

.co-captain-wrapper .banner .content-wrapper .learn-more {
  margin: 59px 0 0
}

@media screen and (min-width:1920px) {
  .co-captain-wrapper .top-wrapper .cover {
    width: 100%;
    margin: 0;
    left: 0
  }

  .co-captain-wrapper .top-wrapper {
    min-height: 34vw
  }
  .co-captain-wrapper.platform-page-flexible .top-wrapper {
    min-height: 34vw;
    padding: 125px 0px 327px;
  }

  .co-captain-wrapper .top-wrapper .anim-outer {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: calc(600px - 50vw)
  }

  .co-captain-wrapper .top-wrapper .captain-hero-anim,
  .co-captain-wrapper.platform-page-flexible .top-wrapper .captain-hero-anim {
    width: 65.84vw;
    right: 10.4%
  }
}

@media screen and (min-width:0) and (max-width:1024px) {
  .co-captain-wrapper .top-wrapper {
    padding: 0
  }

  .co-captain-wrapper .top-wrapper .cover {
    display: none
  }
  .co-captain-wrapper.platform-page-flexible .top-wrapper .anim-outer {
    display: none;
  }

  .co-captain-wrapper .top-wrapper .cover-m {
    width: 100%;
    height: auto;
    display: block;
    position: relative
  }

  .co-captain-wrapper .top-wrapper .content-wrapper {
    width: calc(100% - 60px);
    position: absolute;
    top: 108px;
    left: 30px
  }

  .co-captain-wrapper .top-wrapper h1 {
    font-size: 35px;
    line-height: 48px
  }

  .co-captain-wrapper .middle-wrapper .screen-and-text {
    margin: 50px 0 0;
    display: block
  }

  .co-captain-wrapper .middle-wrapper .screen-and-text .screen-wrapper {
    width: 100%
  }

  .co-captain-wrapper .middle-wrapper .screen-and-text .screen-wrapper .rec {
    border-radius: 12px;
    padding: 12px
  }

  .co-captain-wrapper .middle-wrapper .screen-and-text .text-wrapper {
    width: 100%;
    margin: 50px 0 0
  }

  .co-captain-wrapper .middle-wrapper .screen-and-text .text-wrapper p.title {
    font-size: 18px
  }

  .co-captain-wrapper .middle-wrapper .screen-and-text .text-wrapper h2 {
    font-size: 35px;
    line-height: 44px
  }

  .co-captain-wrapper .middle-wrapper .screen-and-text .text-wrapper p {
    margin: 30px 0 0;
    font-size: 18px
  }

  .co-captain-wrapper .middle-wrapper .items-wrapper {
    margin: 0;
    display: block
  }

  .co-captain-wrapper .middle-wrapper .items-wrapper .item {
    width: 100%;
    height: auto;
    margin: 45px 0 0;
    padding: 0
  }

  .co-captain-wrapper .middle-wrapper .items-wrapper .item:before {
    display: none
  }

  .co-captain-wrapper .middle-wrapper .items-wrapper .item.two,
  .co-captain-wrapper .middle-wrapper .items-wrapper .item.three {
    margin: 45px 0 0
  }

  .co-captain-wrapper .stamco-wrapper {
    margin: 110px 0 0
  }
  .co-captain-wrapper.platform-page-flexible .stamco-wrapper {
    margin: 52px 0;
  }

  .co-captain-wrapper .stamco-wrapper .content-wrapper {
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap
  }

  .co-captain-wrapper .stamco-wrapper .content-wrapper .on-right {
    width: 100%;
    padding-left: 0
  }

  .co-captain-wrapper .stamco-wrapper .content-wrapper .on-right h2 {
    color: #98b3ff;
    font-size: 25px;
    font-weight: 500;
    line-height: 32px
  }

  .co-captain-wrapper .stamco-wrapper .content-wrapper .on-right .grad {
    display: none
  }

  .co-captain-wrapper .stamco-wrapper .content-wrapper .on-left {
    width: 100%;
    margin: 40px 0 0
  }

  .co-captain-wrapper .vision-wrapper {
    padding: 100px 0 0
  }

  .co-captain-wrapper .vision-wrapper h2 {
    font-size: 35px;
    font-weight: 600;
    line-height: 44px
  }

  .co-captain-wrapper .vision-wrapper .legend {
    width: 100%;
    height: auto;
    margin: 42px 0 0;
    padding: 10px;
    display: block
  }

  .co-captain-wrapper .vision-wrapper .legend .item {
    width: 100%;
    margin: 0 0 20px
  }

  .co-captain-wrapper .vision-wrapper .legend .item:last-of-type {
    margin: 0
  }

  .co-captain-wrapper .vision-wrapper .vision-slider-wrapper {
    width: calc(100vw - 60px);
    height: calc(56.25vw - 33.75px);
    margin: 60px 0 0
  }

  .co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper,
  .co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper {
    width: calc(100vw - 60px);
    height: calc(56.25vw - 33.75px)
  }

  .co-captain-wrapper .vision-wrapper .caption {
    background: 0 0;
    border-radius: 0;
    width: 100%;
    height: auto;
    margin: 40px auto 0;
    font-size: 18px;
    line-height: 23px;
    display: none
  }

  .co-captain-wrapper .bottom-wrapper {
    padding: 232px 0 90px
  }

  .co-captain-wrapper .bottom-wrapper .intro h2 {
    font-size: 35px;
    line-height: 44px
  }

  .co-captain-wrapper .bottom-wrapper .intro p {
    margin: 30px 0 0;
    font-size: 18px
  }

  .co-captain-wrapper .bottom-wrapper .part {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .co-captain-wrapper .bottom-wrapper .part .text-wrapper {
    width: 100%;
    max-width: 100%
  }

  .co-captain-wrapper .bottom-wrapper .part .text-wrapper h3 {
    font-size: 25px;
    font-weight: 500;
    line-height: 32px
  }

  .co-captain-wrapper .bottom-wrapper .part .text-wrapper p {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 22px
  }

  .co-captain-wrapper .bottom-wrapper .part .img-wrapper,
  .co-captain-wrapper .bottom-wrapper .part .os-anim-wrapper {
    width: calc(100% + 60px) !important;
    margin: 0 -30px !important
  }

  .co-captain-wrapper .bottom-wrapper .part.one {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .co-captain-wrapper .bottom-wrapper .part.one .img-wrapper,
  .co-captain-wrapper .bottom-wrapper .part.one .os-anim-wrapper {
    width: 100% !important;
    margin: 0 !important
  }

  .co-captain-wrapper .bottom-wrapper .part.one .text-wrapper {
    margin: 50px 0 0
  }

  .co-captain-wrapper .bottom-wrapper .part.two {
    margin-top: 90px
  }
  .co-captain-wrapper.platform-page-flexible .bottom-wrapper .part.two .img-wrapper {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 30px !important;
  }

  .co-captain-wrapper .bottom-wrapper .part.three {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 80px
  }

  .co-captain-wrapper .bottom-wrapper .part.three .text-wrapper {
    margin: 30px 0 0
  }

  .co-captain-wrapper .bottom-wrapper .divider {
    margin: 50px 0 90px
  }

  .co-captain-wrapper .bottom-wrapper .closer-part {
    display: block
  }

  .co-captain-wrapper .bottom-wrapper .closer-part .icon-wrapper {
    margin: auto
  }

  .co-captain-wrapper .bottom-wrapper .closer-part h3 {
    text-align: center;
    width: 100%;
    margin: 50px auto 0;
    font-size: 35px;
    line-height: 44px
  }

  .co-captain-wrapper .banner {
    height: auto;
    padding: 50px 0 323px
  }

  .co-captain-wrapper .banner .content-wrapper h2 {
    font-size: 35px;
    line-height: 44px
  }

  .co-captain-wrapper .banner .content-wrapper p {
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 26px
  }

  .co-captain-wrapper .banner .content-wrapper .learn-more {
    margin: 50px 0 0;
    font-weight: 500
  }

  .co-captain-wrapper .banner .iframe-wrapper {
    width: calc(100% + 60px);
    height: 100%;
    top: auto;
    bottom: -322px;
    left: -30px
  }

  .co-captain-wrapper .banner .bg-grad {
    display: none
  }

  .co-captain-wrapper .banner .bg-grad-m {
    z-index: 2;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
  }

  .co-captain-wrapper .banner .bg-grad-m-2 {
    z-index: 3;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    bottom: 200px;
    left: 0
  }

  .co-captain-wrapper .banner .content-wrapper .text {
    z-index: 4
  }

  .co-captain-wrapper .bottom-wrapper .line {
    width: calc(100% + 60px);
    height: auto;
    top: -140px;
    left: -30px
  }
  .co-captain-wrapper.platform-page-flexible .bottom-wrapper .line {
    width: calc(70% + 30px);
    height: auto;
    top: -140px;
    left: 30%;
  }


  .co-captain-wrapper .vision-wrapper .line {
    display: none
  }

  .co-captain-wrapper .vision-wrapper .bg-grad-m {
    width: 100%;
    display: block;
    position: absolute;
    top: -100px;
    left: 0
  }

  .co-captain-wrapper .vision-wrapper .vision-slider-wrapper #resizer {
    opacity: 0
  }

  .co-captain-wrapper .vision-wrapper .vision-slider-wrapper #vision-slider-before-image {
    width: 100%
  }

  .co-captain-wrapper .vision-wrapper .m-switch-wrapper {
    text-align: center;
    margin: 40px auto 0;
    display: block
  }

  .co-captain-wrapper .vision-wrapper .m-switch-wrapper.active .switch .dot {
    transform: translate(200%) !important
  }

  .co-captain-wrapper .vision-wrapper .m-switch-wrapper .switch {
    cursor: pointer;
    border: 2px solid #14105b;
    border-radius: 30px;
    width: 117px;
    height: 60px;
    margin: auto;
    position: relative
  }

  .co-captain-wrapper .vision-wrapper .m-switch-wrapper .switch .dot {
    background: #14105b;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    transition: all .26s ease-out;
    position: absolute;
    top: 13px;
    left: 13px
  }

  .co-captain-wrapper .vision-wrapper .m-switch-wrapper p {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 23px
  }

  .co-captain-wrapper .bottom-wrapper .part.two .os-anim-wrapper {
    margin: -20px -40px 60px !important
  }

  .co-captain-wrapper .bottom-wrapper .part.three .os-anim-wrapper {
    width: 100% !important;
    margin: 0 0 30px !important
  }
}

.ultravision-wrapper {
  min-height: 100vh;
  position: relative;
  overflow: hidden
}

.ultravision-wrapper .line-1 {
  width: 100%;
  position: absolute;
  top: 2370px;
  left: 0
}

.ultravision-wrapper .top-wrapper {
  padding: 150px 0 354px;
  position: relative
}

.ultravision-wrapper .top-wrapper .bg-grad {
  background-image: linear-gradient(#98b3ff 0%, rgba(152, 179, 255, 0) 100%);
  width: 100%;
  height: 1145px;
  position: absolute;
  top: 0;
  left: 0
}

.ultravision-wrapper .top-wrapper .bg-grad-2 {
  opacity: .5;
  background-image: linear-gradient(#98b3ff 0%, rgba(152, 179, 255, 0) 100%);
  width: 100%;
  height: 331px;
  position: absolute;
  top: 0;
  left: 0
}

.ultravision-wrapper .top-wrapper .ill {
  width: 964px;
  display: none;
  position: absolute;
  top: -18px;
  right: -30px
}

.ultravision-wrapper .top-wrapper .ill-m {
  display: none
}

.ultravision-wrapper .top-wrapper .fleet-hero-anim {
  position: absolute;
  top: -2px;
  right: -2px
}

.ultravision-wrapper .top-wrapper h1 {
  max-width: 624px;
  font-size: 60px;
  font-weight: 600;
  line-height: 75px
}

.ultravision-wrapper .middle-wrapper {
  position: relative
}

.ultravision-wrapper .middle-wrapper .screen-and-text {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.ultravision-wrapper .middle-wrapper .screen-and-text .screen-wrapper {
  width: 612px;
  position: relative
}

.ultravision-wrapper .middle-wrapper .screen-and-text .screen-wrapper .rec {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  box-shadow: 0 2px 24px rgba(129, 168, 216, .3)
}

.ultravision-wrapper .middle-wrapper .screen-and-text .screen-wrapper .rec img {
  width: 100%;
  height: auto;
  display: block
}

.ultravision-wrapper .middle-wrapper .screen-and-text .text-wrapper {
  width: calc(100% - 662px);
  position: relative
}

.ultravision-wrapper .middle-wrapper .screen-and-text .text-wrapper p {
  margin: 40px 0 0;
  line-height: 26px
}

.ultravision-wrapper .middle-wrapper .screen-and-text .text-wrapper p.title {
  margin: 0;
  font-size: 20px;
  line-height: 26px
}

.ultravision-wrapper .middle-wrapper .screen-and-text .text-wrapper h2 {
  margin: 10px 0 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 51px
}

.ultravision-wrapper .middle-wrapper .items-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 58px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.ultravision-wrapper .middle-wrapper .items-wrapper .item {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: calc(33.3333% - 42px);
  height: 280px;
  padding-left: 41px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.ultravision-wrapper .middle-wrapper .items-wrapper .item:before {
  content: "";
  opacity: .2;
  background: #14105b;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.ultravision-wrapper .middle-wrapper .items-wrapper .item.two {
  margin: 50px 0 0
}

.ultravision-wrapper .middle-wrapper .items-wrapper .item.three {
  margin: 100px 0 0
}

.ultravision-wrapper .middle-wrapper .items-wrapper .item .icon-wrapper {
  height: 40px;
  position: relative
}

.ultravision-wrapper .middle-wrapper .items-wrapper .item .icon-wrapper svg {
  width: auto;
  height: 100%;
  display: block
}

.ultravision-wrapper .middle-wrapper .items-wrapper .item h3 {
  margin: 20px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 32px
}

.ultravision-wrapper .middle-wrapper .items-wrapper .item p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 22px
}

.ultravision-wrapper .bottom-wrapper {
  padding: 110px 0 0;
  position: relative
}

.ultravision-wrapper .bottom-wrapper .intro {
  position: relative
}

.ultravision-wrapper .bottom-wrapper .intro h2 {
  font-size: 50px;
  font-weight: 600;
  line-height: 70px
}

.ultravision-wrapper .bottom-wrapper .intro p {
  max-width: 800px;
  margin: 40px 0 0;
  line-height: 26px
}

.ultravision-wrapper .bottom-wrapper .part {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.ultravision-wrapper .bottom-wrapper .part.one {
  margin: 182px 0 120px
}

.ultravision-wrapper .bottom-wrapper .part.one .img-wrapper,
.ultravision-wrapper .bottom-wrapper .part.one .os-anim-wrapper {
  margin-right: -28px
}

.ultravision-wrapper .bottom-wrapper .part.two .img-wrapper {
  margin-top: -120px;
  margin-left: -28px
}

.ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .back-shadow {
  opacity: .54;
  width: 300px;
  height: 200px;
  margin: -100px 0 0 -100px;
  position: absolute;
  top: 64%;
  left: 40%;
  box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .5), 0 40px 60px -10px rgba(0, 0, 0, .9)
}

.ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-main {
  visibility: hidden;
  opacity: 0
}

.ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-main.show {
  visibility: visible;
  opacity: 1
}

.ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-1 {
  border-radius: 10px;
  width: 396px;
  position: absolute;
  bottom: 128px;
  left: 112px;
  overflow: hidden
}

.ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-2 {
  width: 418px;
  position: absolute;
  bottom: 198px;
  left: 160px
}

.ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-3 {
  width: 10px;
  position: absolute;
  bottom: 150px;
  left: 444px
}

.ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-4 {
  width: 44px;
  position: absolute;
  bottom: 166px;
  left: 427px
}

.ultravision-wrapper .bottom-wrapper .part.two .os-anim-wrapper {
  margin-left: -40px
}

.ultravision-wrapper .bottom-wrapper .part.three {
  margin: 120px 0 200px
}

.ultravision-wrapper .bottom-wrapper .part.three .img-wrapper {
  margin-top: -60px;
  margin-right: -28px
}

.ultravision-wrapper .bottom-wrapper .part.three .os-anim-wrapper {
  margin-right: -28px
}

.ultravision-wrapper .bottom-wrapper .part.four {
  margin: 0 0 100px
}

.ultravision-wrapper .bottom-wrapper .part.four .img-wrapper {
  margin-top: -120px;
  margin-left: -28px
}

.ultravision-wrapper .bottom-wrapper .part.four .os-anim-wrapper {
  margin-left: -28px
}

.ultravision-wrapper .bottom-wrapper .part .text-wrapper {
  max-width: 500px;
  position: relative
}

.ultravision-wrapper .bottom-wrapper .part .text-wrapper h3 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 51px
}

.ultravision-wrapper .bottom-wrapper .part .text-wrapper p {
  margin: 40px 0 0
}

.ultravision-wrapper .bottom-wrapper .part .img-wrapper {
  width: 655px;
  position: relative
}

.ultravision-wrapper .bottom-wrapper .part .img-wrapper img {
  width: 100%;
  height: auto;
  display: block
}

.ultravision-wrapper .bottom-wrapper .part .os-anim-wrapper {
  width: 655px;
  position: relative
}

@media screen and (min-width:0) and (max-width:1024px) {
  .ultravision-wrapper .top-wrapper {
    padding: 0
  }

  .ultravision-wrapper .top-wrapper h1 {
    font-size: 35px;
    line-height: 48px
  }

  .ultravision-wrapper .top-wrapper .ill {
    display: none
  }

  .ultravision-wrapper .top-wrapper .ill-m {
    z-index: 1;
    width: 100%;
    display: block;
    position: relative;
    top: 0;
    right: 0
  }

  .ultravision-wrapper .top-wrapper .content-wrapper {
    z-index: 2;
    width: calc(100% - 60px);
    position: absolute;
    top: 108px;
    left: 30px
  }

  .ultravision-wrapper .middle-wrapper {
    margin: 50px 0 0
  }

  .ultravision-wrapper .middle-wrapper .screen-and-text {
    display: block
  }

  .ultravision-wrapper .middle-wrapper .screen-and-text .screen-wrapper {
    width: 100%
  }

  .ultravision-wrapper .middle-wrapper .screen-and-text .screen-wrapper .rec {
    border-radius: 12px;
    padding: 12px
  }

  .ultravision-wrapper .middle-wrapper .screen-and-text .text-wrapper {
    width: 100%;
    margin: 50px 0 0
  }

  .ultravision-wrapper .middle-wrapper .screen-and-text .text-wrapper p.title {
    font-size: 18px;
    line-height: 24px
  }

  .ultravision-wrapper .middle-wrapper .screen-and-text .text-wrapper h2 {
    font-size: 35px;
    line-height: 44px
  }

  .ultravision-wrapper .middle-wrapper .screen-and-text .text-wrapper p {
    margin: 30px 0 0;
    font-size: 18px
  }

  .ultravision-wrapper .middle-wrapper .items-wrapper {
    margin: 0;
    display: block
  }

  .ultravision-wrapper .middle-wrapper .items-wrapper .item {
    width: 100%;
    height: auto;
    margin: 45px 0 0;
    padding-left: 0
  }

  .ultravision-wrapper .middle-wrapper .items-wrapper .item:before {
    display: none
  }

  .ultravision-wrapper .middle-wrapper .items-wrapper .item.two,
  .ultravision-wrapper .middle-wrapper .items-wrapper .item.three {
    margin: 45px 0 0
  }

  .ultravision-wrapper .bottom-wrapper {
    padding: 90px 0 0
  }

  .ultravision-wrapper .bottom-wrapper .intro h2 {
    font-size: 35px;
    line-height: 44px
  }

  .ultravision-wrapper .bottom-wrapper .intro p {
    margin: 30px 0 0;
    font-size: 18px
  }

  .ultravision-wrapper .bottom-wrapper .part .text-wrapper p {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 22px
  }

  .ultravision-wrapper .bottom-wrapper .part .text-wrapper h3 {
    max-width: 314px;
    font-size: 25px;
    line-height: 32px
  }

  .ultravision-wrapper .bottom-wrapper .part .text-wrapper {
    width: 100%;
    max-width: 100%
  }

  .ultravision-wrapper .bottom-wrapper .part .img-wrapper,
  .ultravision-wrapper .bottom-wrapper .part .os-anim-wrapper,
  .ultravision-wrapper .bottom-wrapper .part.one .img-wrapper,
  .ultravision-wrapper .bottom-wrapper .part.one .os-anim-wrapper {
    width: calc(100% + 60px);
    margin: 0 -30px
  }

  .ultravision-wrapper .bottom-wrapper .part {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .ultravision-wrapper .bottom-wrapper .part.one {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .ultravision-wrapper .bottom-wrapper .part.two .img-wrapper,
  .ultravision-wrapper .bottom-wrapper .part.two .os-anim-wrapper {
    margin-top: 0;
    margin-left: -30px
  }

  .ultravision-wrapper .bottom-wrapper .part.three {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0
  }

  .ultravision-wrapper .bottom-wrapper .part.three .img-wrapper,
  .ultravision-wrapper .bottom-wrapper .part.three .os-anim-wrapper {
    margin-top: 0;
    margin-right: -30px
  }

  .ultravision-wrapper .bottom-wrapper .part.four .img-wrapper,
  .ultravision-wrapper .bottom-wrapper .part.four .os-anim-wrapper {
    margin-top: 0;
    margin-left: -30px
  }

  .ultravision-wrapper .bottom-wrapper .part.four .img-wrapper.safety-score-static {
    max-width: 95%;
    margin: 0 auto;
  }

  .ultravision-wrapper .bottom-wrapper .part.one {
    margin: 100px 0 0
  }

  .ultravision-wrapper .bottom-wrapper .part.one .os-anim-wrapper {
    width: 100%;
    margin: 0 0 80px;
    transform: scale(.94) !important
  }

  .ultravision-wrapper .bottom-wrapper .part.two {
    margin: -50px 0 0
  }

  .ultravision-wrapper .bottom-wrapper .part.two .os-anim-wrapper {
    width: 100%;
    margin: 0 0 80px;
    transform: scale(.9) !important
  }

  .ultravision-wrapper .bottom-wrapper .part.three {
    margin: 100px 0 0
  }

  .ultravision-wrapper .bottom-wrapper .part.three .os-anim-wrapper {
    width: 100%;
    margin: 0 0 80px;
    transform: scale(.9) !important
  }

  .ultravision-wrapper .bottom-wrapper .part.four {
    margin: 100px 0 0
  }

  .ultravision-wrapper .bottom-wrapper .part.four .os-anim-wrapper {
    width: 100%;
    margin: 0 0 80px;
    transform: scale(.9) !important
  }

  .ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-1 {
    width: 60%;
    bottom: 20%;
    left: 17%
  }

  .ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-2 {
    width: 66%;
    bottom: 30%;
    left: 24%
  }

  .ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-3 {
    width: 8px;
    bottom: 22%;
    left: 68%
  }

  .ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .item-4 {
    width: 22px;
    bottom: 25%;
    left: 66.2%
  }

  .ultravision-wrapper .bottom-wrapper .part.two .img-wrapper .back-shadow {
    opacity: .48;
    width: 50%;
    height: 28%;
    margin: 0;
    top: 48%;
    left: 22%
  }
}

.company-wrapper {
  min-height: 100vh;
  padding: 170px 0 150px;
  position: relative;
  overflow: hidden
}

.company-wrapper .lines-1 {
  width: 522px;
  position: absolute;
  top: 0;
  left: 0
}

.company-wrapper .lines-2 {
  width: 522px;
  position: absolute;
  top: 0;
  right: 0
}

.company-wrapper .lines-3 {
  width: 418px;
  position: absolute;
  top: 1752px;
  right: -70px
}

.company-wrapper .m-lines-1,
.company-wrapper .m-lines-2 {
  display: none
}

.company-wrapper .top-wrapper {
  text-align: center;
  position: relative
}

.company-wrapper .top-wrapper h1 {
  font-size: 70px;
  font-weight: 600;
  line-height: 88px
}

.company-wrapper .top-wrapper h2 {
  color: #98b3ff;
  margin: 100px auto 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 39px
}

.company-wrapper .top-wrapper p {
  max-width: 900px;
  margin: 30px auto 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 53px
}

.company-wrapper .team-wrapper {
  margin: 150px auto 0;
  position: relative
}

.company-wrapper .team-wrapper .about-m-grad {
  display: none
}

.company-wrapper .team-wrapper .part {
  position: relative
}

.company-wrapper .team-wrapper .part.of-m h2 {
  max-width: 341px;
  position: absolute;
  top: 0;
  left: 0
}

.company-wrapper .team-wrapper .part.of-m .inner .member.n-0 {
  background: #ff666a;
  margin-top: 188px
}

.company-wrapper .team-wrapper .part.of-m .inner .member.n-1 {
  background: #98b3ff
}

.company-wrapper .team-wrapper .part.of-m .inner .member.n-2 {
  color: #fff;
  background: #14105b;
  margin-top: 188px
}

.company-wrapper .team-wrapper .part.of-m .inner .member.n-2 .linkedin svg path {
  fill: #fff
}

.company-wrapper .team-wrapper .part.of-m .inner .member.n-3 {
  background: #99fffe
}

.company-wrapper .team-wrapper .part.of-m .inner .member.n-4 {
  color: #fff;
  background: #14105b;
  margin-top: -188px
}

.company-wrapper .team-wrapper .part.of-m .inner .member.n-4 .linkedin svg path {
  fill: #fff
}

.company-wrapper .team-wrapper .part.of-m .inner .member.n-5 {
  background: #98b3ff
}

.company-wrapper .team-wrapper .part.of-a {
  margin: 150px 0 0
}

.company-wrapper .team-wrapper .part.of-a h2 {
  margin: 0 0 70px
}

.company-wrapper .team-wrapper .part.of-a .inner .member.n-0 {
  background: #ff666a
}

.company-wrapper .team-wrapper .part.of-a .inner .member.n-1 {
  background: #98b3ff
}

.company-wrapper .team-wrapper .part.of-a .inner .member.n-2 {
  color: #fff;
  background: #14105b
}

.company-wrapper .team-wrapper .part.of-a .inner .member.n-2 .linkedin svg path {
  fill: #fff
}

.company-wrapper .team-wrapper .part.of-a .inner .member.n-3 {
  background: #99fffe
}

.company-wrapper .team-wrapper .part.of-a .inner .member.n-4 {
  color: #fff;
  background: #14105b
}

.company-wrapper .team-wrapper .part.of-a .inner .member.n-4 .linkedin svg path {
  fill: #fff
}

.company-wrapper .team-wrapper .part.of-a .inner .member.n-5 {
  background: #98b3ff
}

.company-wrapper .team-wrapper .part h2 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 70px
}

.company-wrapper .team-wrapper .part .inner {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% + 52px);
  margin: 0 -26px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.company-wrapper .team-wrapper .part .inner .member {
  cursor: pointer;
  border-radius: 10px;
  width: calc(33.3333% - 52px);
  height: 520px;
  margin: 0 26px 52px;
  padding: 30px;
  position: relative;
  box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}

.company-wrapper .team-wrapper .part .inner .member .img-wrapper {
  padding-bottom: 100%;
  position: relative
}

.company-wrapper .team-wrapper .part .inner .member h3 {
  margin: 48px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 60px
}

.company-wrapper .team-wrapper .part .inner .member p {
  width: calc(100% - 80px);
  margin: 8px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1
}

.company-wrapper .team-wrapper .part .inner .member .linkedin {
  height: 25px;
  display: block;
  position: absolute;
  bottom: 30px;
  right: 30px
}

.company-wrapper .team-wrapper .part .inner .member .linkedin svg {
  width: auto;
  height: 100%;
  display: block
}

.company-wrapper .story-wrapper {
  margin: 150px 0 0;
  position: relative
}

.company-wrapper .story-wrapper .box {
  background: #fff;
  border-radius: 10px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 84px 100px 110px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-shadow: 0 0 80px rgba(152, 179, 255, .3)
}

.company-wrapper .story-wrapper .box .on-left {
  width: calc(100% - 633px);
  position: relative
}

.company-wrapper .story-wrapper .box .on-left h2 {
  font-size: 50px;
  font-weight: 600;
  line-height: 70px
}

.company-wrapper .story-wrapper .box .on-right {
  width: 633px;
  position: relative
}

.company-wrapper .story-wrapper .box .on-right p {
  line-height: 26px
}

.company-wrapper .story-wrapper .box .on-right .quote-wrapper {
  margin: 100px 0;
  position: relative
}

.company-wrapper .story-wrapper .box .on-right .quote-wrapper .icon-wrapper {
  width: 59px;
  position: relative
}

.company-wrapper .story-wrapper .box .on-right .quote-wrapper .icon-wrapper svg {
  width: 100%;
  height: auto;
  display: block
}

.company-wrapper .story-wrapper .box .on-right .quote-wrapper p {
  max-width: 630px;
  margin: 30px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 48px
}

.company-wrapper .investors-wrapper {
  margin: 150px 0 0;
  position: relative
}

.company-wrapper .investors-wrapper h2 {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  line-height: 70px
}

.company-wrapper .investors-wrapper .logos {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% + 140px);
  margin: 50px -70px 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.company-wrapper .investors-wrapper .logos.two {
  margin: 20px -70px 0
}

.company-wrapper .investors-wrapper .logos .logo {
  background: #f3f7ff;
  width: calc(16.6667% - 34px);
  margin: 0 17px;
  position: relative
}

.company-wrapper .investors-wrapper .logos .logo img {
  mix-blend-mode: multiply;
  width: 100%;
  height: auto;
  display: block
}

.company-wrapper .investors-wrapper .img-wrapper {
  margin: 70px 0 0;
  position: relative
}

.company-wrapper .investors-wrapper .img-wrapper img {
  width: 100%;
  height: auto;
  display: block
}

.company-wrapper .investors-wrapper .img-wrapper img.on-m {
  display: none
}

.company-wrapper .about-closer {
  margin: 150px 0 0;
  position: relative
}

.company-wrapper .about-closer .main {
  width: 100%;
  height: auto;
  display: block
}

.company-wrapper .about-closer .inner {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 115px 0 150px;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}

.company-wrapper .about-closer .inner .about-lines-m-b-1,
.company-wrapper .about-closer .inner .about-lines-m-b-2 {
  display: none
}

.company-wrapper .about-closer .inner h2 {
  font-size: 50px;
  font-weight: 600;
  line-height: 70px
}

.company-wrapper .about-closer .inner p {
  max-width: 900px;
  margin: 30px 0 0;
  font-size: 18px;
  line-height: 26px
}

.company-wrapper .about-closer .inner .button {
  width: 160px;
  margin: 70px 0 0
}

@media screen and (min-width:0) and (max-width:1024px) {
  .company-wrapper {
    padding: 128px 0 0
  }

  .company-wrapper .top-wrapper {
    padding: 0 30px
  }

  .company-wrapper .top-wrapper h1 {
    text-align: left;
    max-width: 240px;
    font-size: 35px;
    font-weight: 600;
    line-height: 44px
  }

  .company-wrapper .top-wrapper h2 {
    text-align: left;
    margin: 90px auto 0;
    font-weight: 600
  }

  .company-wrapper .top-wrapper p {
    text-align: left;
    margin: 20px auto 0;
    font-size: 25px;
    line-height: 35px
  }

  .company-wrapper .team-wrapper {
    margin: 90px auto 0
  }

  .company-wrapper .team-wrapper .part.of-m h2 {
    font-size: 35px;
    line-height: 44px;
    position: relative
  }

  .company-wrapper .team-wrapper .part .inner {
    width: 100%;
    margin: 20px 0 0
  }

  .company-wrapper .team-wrapper .part .inner .member {
    border-radius: 10px;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    height: auto;
    min-height: 448px;
    padding: 30px;
    position: relative;
    margin: 30px 0 0 !important
  }

  .company-wrapper .team-wrapper .part .inner .member.n-1 {
    -ms-flex-order: 1;
    order: 1
  }

  .company-wrapper .team-wrapper .part .inner .member.n-2 {
    -ms-flex-order: 2;
    order: 2
  }

  .company-wrapper .lines-3,
  .company-wrapper .lines-2,
  .company-wrapper .lines-1 {
    display: none
  }

  .company-wrapper .m-lines-1 {
    width: 50vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .company-wrapper .m-lines-2 {
    width: 40vw;
    display: block;
    position: absolute;
    top: 0;
    right: 0
  }

  .company-wrapper .team-wrapper .part .inner .member h3 {
    margin: 38px 0 0;
    font-size: 25px;
    line-height: 48px
  }

  .company-wrapper .team-wrapper .part .inner .member p {
    font-size: 16px
  }

  .company-wrapper .team-wrapper .part.of-a {
    margin: 90px 0 0
  }

  .company-wrapper .team-wrapper .part.of-a h2 {
    margin: 0;
    font-size: 35px;
    line-height: 44px
  }

  .company-wrapper .story-wrapper {
    margin: 90px 0 0
  }

  .company-wrapper .story-wrapper .box {
    padding: 50px 30px;
    display: block
  }

  .company-wrapper .story-wrapper .box .on-left {
    width: 100%
  }

  .company-wrapper .story-wrapper .box .on-left h2 {
    font-size: 35px;
    line-height: 44px
  }

  .company-wrapper .story-wrapper .box .on-right {
    width: 100%;
    margin: 30px 0 0
  }

  .company-wrapper .story-wrapper .box .on-right p {
    font-size: 18px;
    line-height: 26px
  }

  .company-wrapper .story-wrapper .box .on-right .quote-wrapper {
    margin: 50px 0
  }

  .company-wrapper .story-wrapper .box .on-right .quote-wrapper p {
    margin: 20px 0 0;
    font-size: 25px;
    line-height: 36px
  }

  .company-wrapper .investors-wrapper {
    margin: 90px 0 0
  }

  .company-wrapper .investors-wrapper h2 {
    font-size: 35px;
    line-height: 44px
  }

  .company-wrapper .investors-wrapper .img-wrapper img.on-d {
    display: none
  }

  .company-wrapper .investors-wrapper .img-wrapper img.on-m {
    width: calc(100% + 20px);
    height: auto;
    margin: 0 -10px;
    display: block
  }

  .company-wrapper .investors-wrapper .img-wrapper {
    margin: 30px 0 0
  }

  .company-wrapper .about-closer {
    margin: 70px 0 0
  }

  .company-wrapper .about-closer .content-wrapper {
    width: 100%
  }

  .company-wrapper .about-closer .main {
    display: none
  }

  .company-wrapper .about-closer .inner {
    background: #ff666a;
    padding: 60px 30px;
    position: relative
  }

  .company-wrapper .about-closer .inner .button {
    margin: 50px 0 0
  }

  .company-wrapper .about-closer .inner .about-lines-m-b-1 {
    width: 140vw;
    display: block;
    position: absolute;
    top: -26vw;
    right: -15vw
  }

  .company-wrapper .about-closer .inner h2 {
    position: relative
  }

  .company-wrapper .about-closer .inner .about-lines-m-b-2 {
    width: 120vw;
    display: block;
    position: absolute;
    bottom: -84vw;
    right: -82vw
  }

  .company-wrapper .team-wrapper .about-m-grad {
    width: 100%;
    display: block;
    position: absolute;
    top: -200px;
    left: 0
  }

  .company-wrapper .investors-wrapper .logos {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + 20px);
    margin: 20px -10px 0
  }

  .company-wrapper .investors-wrapper .logos .logo {
    width: calc(50% - 10px);
    margin: 0 5px
  }
}

.faqs-wrapper {
  padding: 170px 0 160px;
  position: relative
}

.faqs-wrapper h1 {
  font-size: 70px;
  font-weight: 600;
  line-height: 88px
}

.faqs-wrapper .faqs {
  margin: 50px 0 0;
  position: relative
}

.faqs-wrapper .faqs .faq {
  border-bottom: 1px solid #c7cfde;
  padding: 30px 0;
  position: relative
}

.faqs-wrapper .faqs .faq.active {
  border-bottom: 1px solid transparent
}

.faqs-wrapper .faqs .faq.active .question .circle .plus .line.two {
  transform: rotate(180deg)
}

.faqs-wrapper .faqs .faq.active .answer {
  max-height: 400px
}

.faqs-wrapper .faqs .faq .question {
  cursor: pointer;
  padding-right: 72px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  position: relative
}

.faqs-wrapper .faqs .faq .question .circle {
  border: 2px solid #14105b;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  right: 0
}

.faqs-wrapper .faqs .faq .question .circle .plus {
  width: 11px;
  height: 11px;
  margin-top: -5.5px;
  margin-left: -5.5px;
  position: absolute;
  top: 50%;
  left: 50%
}

.faqs-wrapper .faqs .faq .question .circle .plus .line {
  background: #14105b;
  width: 11px;
  height: 2px;
  margin-top: -1px;
  margin-left: -5.5px;
  transition: all .26s ease-out;
  position: absolute;
  top: 50%;
  left: 50%
}

.faqs-wrapper .faqs .faq .question .circle .plus .line.two {
  transform: rotate(90deg)
}

.faqs-wrapper .faqs .faq .answer {
  background: #98b3ff;
  border-radius: 20px;
  max-height: 0;
  margin: 30px 0 -30px;
  font-size: 16px;
  line-height: 23px;
  transition: all .44s ease-out;
  position: relative;
  overflow: hidden
}

.faqs-wrapper .faqs .faq .answer .inner {
  padding: 30px;
  position: relative
}

.faqs-wrapper .faqs .faq .answer .inner p {
  font-size: 16px;
  line-height: 23px
}

.faqs-wrapper .faqs .faq .answer .inner strong {
  font-weight: 600
}

.faqs-wrapper .faqs .faq .answer .inner a {
  border-bottom: 1px solid
}

.faq-preview {
  padding: 120px 0;
}

.faq-preview .faqs-wrapper {
  padding: 0;
}

@media screen and (min-width:0) and (max-width:1024px) {
  .faqs-wrapper {
    padding: 108px 0
  }

  .faqs-wrapper h1 {
    font-size: 35px;
    line-height: 44px
  }

  .faqs-wrapper .faqs {
    margin: 24px 0 0
  }

  .faqs-wrapper .faqs .faq .question {
    font-size: 16px;
    line-height: 24px
  }

  .faqs-wrapper .faqs .faq {
    padding: 24px 0
  }

  .faqs-wrapper .faqs .faq .answer {
    margin: 25px 0 -25px
  }
}

.blog-wrapper {
  padding: 170px 0 150px;
  position: relative
}

.featured-post {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 100px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.featured-post .text-wrapper {
  width: 50%;
  max-width: 540px;
  position: relative
}

.featured-post .text-wrapper .tag {
  background: #98b3ff;
  border-radius: 15px;
  margin: 0 0 20px;
  padding: 6px 12px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  position: relative
}

.featured-post .text-wrapper p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 23px;
  display: -webkit-box;
  overflow: hidden
}

.featured-post .text-wrapper p.date {
  color: #8f8db3;
  margin: 0;
  font-size: 16px;
  line-height: 23px
}

.featured-post .text-wrapper h2 {
  margin: 10px 0 0;
  font-size: 35px;
  font-weight: 600;
  line-height: 48px
}

.featured-post .text-wrapper .author {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.featured-post .text-wrapper .author .img-wrapper {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  position: relative;
  overflow: hidden
}

.featured-post .text-wrapper .author p {
  width: calc(100% - 70px);
  margin: 0;
  font-size: 14px;
  line-height: 23px
}

.featured-post .text-wrapper .author p strong {
  font-weight: 500
}

.featured-post .text-wrapper .more {
  margin: 47px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative
}

.featured-post .text-wrapper .more svg {
  height: 13px;
  margin-left: 6px;
  transform: translateY(2px) !important
}

.featured-post .img-wrapper {
  width: 50%;
  position: relative
}

.featured-post .img-wrapper .inner-height {
  border-radius: 10px;
  padding-bottom: 66.6667%;
  position: relative;
  overflow: hidden
}

.featured-post .img-wrapper .overlay.of-video {
  opacity: .6;
  background: #14105b
}

.featured-post .img-wrapper .vid-icon {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 60px;
  margin-top: -30px;
  margin-left: -40px;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%
}

.featured-post .img-wrapper .vid-icon svg {
  width: 79px;
  height: auto;
  display: block
}

.grid-items-wrapper {
  margin: 70px 0 0;
  position: relative
}

.grid-items-wrapper .grid-items {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% + 52px);
  margin: -52px -26px 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.grid-items-wrapper .grid-items .item {
  -ms-grid-row-align: stretch;
  cursor: pointer;
  background: #fff;
  border-radius: 10px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: calc(33.3333% - 52px);
  min-height: 464px;
  margin: 52px 26px 0;
  transition: all .26s ease-out;
  display: block;
  position: relative;
  overflow: hidden
}

.grid-items-wrapper .grid-items .item:hover {
  box-shadow: 0 2px 20px rgba(28, 43, 89, .2)
}

.grid-items-wrapper .grid-items .item:hover .more svg {
  margin-left: 14px
}

.grid-items-wrapper .grid-items .item.of-newsletter {
  cursor: default;
  background: #99fffe;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 45px;
  display: -ms-flexbox;
  display: flex
}

.grid-items-wrapper .grid-items .item.of-newsletter:hover {
  box-shadow: 0 0 transparent
}

.grid-items-wrapper .grid-items .item.of-newsletter.go-thanks .inner {
  display: none
}

.grid-items-wrapper .grid-items .item.of-newsletter.go-thanks .thanks-wrapper {
  display: -ms-flexbox;
  display: flex
}

.grid-items-wrapper .grid-items .item.of-newsletter h3 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 38px
}

.grid-items-wrapper .grid-items .item.of-newsletter p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 23px
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper {
  margin: 30px 0 0;
  position: relative
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form {
  width: 100%;
  display: block;
  position: relative
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form .double {
  margin: 0 0 20px;
  position: relative
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form .double p {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form .double p .wpcf7-form-control-wrap {
  width: calc(50% - 5px)
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form .double p .wpcf7-form-control-wrap input {
  padding: 0 20px
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form .double .wpcf7-not-valid-tip {
  top: calc(100% - 12px)
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form input {
  background: #fff;
  border: 0;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 0 20px;
  font-family: DM Sans, sans-serif;
  font-size: 14px
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form input::placeholder {
  color: #14105b !important
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form input::placeholder {
  color: #14105b !important
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form input:-ms-input-placeholder {
  color: #14105b !important
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form input:-moz-placeholder {
  color: #14105b !important
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form input[type=submit] {
  text-align: center;
  color: #fff;
  cursor: pointer;
  text-align: center;
  background: #14105b;
  border: 0;
  border-radius: 30px;
  width: 100%;
  height: 45px;
  margin: 20px 0 0;
  padding: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  transition: all .26s ease-out;
  top: 0;
  right: 0
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form input[type=submit]:hover {
  color: #14105b;
  background: #a1bcf4
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form button {
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #14105b;
  border: 0;
  border-radius: 30px;
  width: 98px;
  height: 100%;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  transition: all .26s ease-out;
  position: absolute;
  top: 0;
  right: 0
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper form button:hover {
  color: #14105b;
  background: #a1bcf4
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper .wpcf7-not-valid-tip {
  margin: 10px 0 0;
  font-size: 10px;
  font-weight: 700;
  top: 100%;
  left: 20px
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper .wpcf7-spinner {
  margin: 0;
  position: absolute;
  top: calc(100% + 10px);
  left: 0
}

.grid-items-wrapper .grid-items .item.of-newsletter .form-wrapper .wpcf7 form.sent .wpcf7-response-output {
  max-width: 240px;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  top: calc(100% + 14px)
}

.grid-items-wrapper .grid-items .item.of-newsletter .thanks-wrapper {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  display: none;
  position: absolute;
  top: 0;
  left: 0
}

.grid-items-wrapper .grid-items .item.of-newsletter .thanks-wrapper img {
  height: 65px;
  margin: 0 0 20px;
  display: block;
  position: relative
}

.grid-items-wrapper .grid-items .item.of-newsletter .thanks-wrapper p {
  font-size: 25px;
  font-weight: 600;
  line-height: 33px
}

.grid-items-wrapper .grid-items .item.of-resource .desc-wrapper p.date {
  margin: 10px 0 0
}

.grid-items-wrapper .grid-items .item .img-wrapper {
  height: 160px;
  position: relative
}

.grid-items-wrapper .grid-items .item .img-wrapper .overlay.of-video {
  opacity: .6;
  background: #14105b
}

.grid-items-wrapper .grid-items .item .img-wrapper .vid-icon {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 60px;
  margin-top: -30px;
  margin-left: -40px;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%
}

.grid-items-wrapper .grid-items .item .img-wrapper .vid-icon svg {
  width: 79px;
  height: auto;
  display: block
}

.grid-items-wrapper .grid-items .item .desc-wrapper {
  padding: 30px 30px 80px;
  position: relative
}

.grid-items-wrapper .grid-items .item .desc-wrapper .tag {
  background: #98b3ff;
  border-radius: 15px;
  padding: 6px 12px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  position: relative
}

.grid-items-wrapper .grid-items .item .desc-wrapper p.date {
  color: #8f8db3;
  font-size: 16px;
  line-height: 23px
}

.grid-items-wrapper .grid-items .item .desc-wrapper h3 {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin: 12px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden
}

.grid-items-wrapper .grid-items .item .more {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  bottom: 50px;
  left: 30px
}

.grid-items-wrapper .grid-items .item .more svg {
  height: 13px;
  margin-left: 6px;
  transition: all .26s ease-out;
  transform: translateY(2px) !important
}

@media screen and (min-width:0) and (max-width:1024px) {
  .featured-post {
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
    margin: 0 0 50px
  }

  .featured-post .img-wrapper {
    width: 100%
  }

  .featured-post .text-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0
  }

  .featured-post .text-wrapper h2 {
    margin: 0;
    font-size: 25px;
    line-height: 32px
  }

  .featured-post .text-wrapper p.date {
    margin: 20px 0 0 !important
  }

  .featured-post .text-wrapper p {
    -webkit-line-clamp: 7;
    margin: 30px 0 0
  }

  .featured-post .text-wrapper .more {
    margin: 50px 0 0
  }

  .grid-items-wrapper {
    margin: 0
  }

  .grid-items-wrapper .grid-items {
    width: 100%;
    margin: 0;
    display: block
  }

  .grid-items-wrapper .grid-items .item {
    width: 100%;
    min-height: 0;
    margin: 0 0 30px
  }

  .grid-items-wrapper .grid-items .item .img-wrapper {
    height: auto;
    padding-bottom: 44%
  }

  .grid-items-wrapper .grid-items .item .desc-wrapper {
    padding: 30px
  }

  .grid-items-wrapper .grid-items .item .more {
    margin: 0 0 40px 30px;
    position: relative;
    bottom: auto;
    left: auto
  }

  .grid-items-wrapper .grid-items .item .desc-wrapper h3 {
    -webkit-line-clamp: 5;
    margin: 10px 0 0;
    font-size: 25px;
    line-height: 32px
  }

  .grid-items-wrapper .grid-items .item.of-resource .desc-wrapper p.date {
    margin: 10px 0 0;
    font-size: 14.4px;
    line-height: 21px
  }

  .grid-items-wrapper .grid-items .item .img-wrapper .vid-icon {
    width: 72px;
    height: 54px;
    margin-top: -27px;
    margin-left: -36px
  }

  .grid-items-wrapper .grid-items .item.of-newsletter {
    height: 450px;
    padding: 0 40px
  }

  .grid-items-wrapper .grid-items .item.of-newsletter h3 {
    line-height: 34px
  }

  .grid-items-wrapper .grid-items .item.of-newsletter p {
    font-size: 14.4px;
    line-height: 21px
  }
}

.post-wrapper {
  padding: 170px 0 150px;
  position: relative
}

.post-wrapper h1 {
  text-align: center;
  max-width: 1000px;
  margin: auto;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px
}

.post-wrapper .featured-image {
  margin: 60px auto 0;
  position: relative
}

.post-wrapper .featured-image .inner-height {
  background: #ff666a;
  border-radius: 10px;
  padding-bottom: 45.8333%;
  position: relative;
  overflow: hidden
}

.post-wrapper .main-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 80px auto 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.post-wrapper .main-wrapper .author-wrapper {
  width: 262px;
  position: relative
}

.post-wrapper .main-wrapper .author-wrapper p.date {
  color: #8f8db3;
  font-size: 16px;
  line-height: 23px
}

.post-wrapper .main-wrapper .author-wrapper p.date.alt {
  text-align: center;
  margin: 0 0 30px
}

.post-wrapper .main-wrapper .author-wrapper .author {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.post-wrapper .main-wrapper .author-wrapper .author .img-wrapper {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  position: relative;
  overflow: hidden
}

.post-wrapper .main-wrapper .author-wrapper .author p {
  width: calc(100% - 70px);
  font-size: 14px;
  line-height: 23px
}

.post-wrapper .main-wrapper .author-wrapper .author p strong {
  font-weight: 500
}

.post-wrapper .main-wrapper .author-wrapper .divider {
  background: #c7cfde;
  height: 1px;
  margin: 30px 0
}

.post-wrapper .main-wrapper .author-wrapper .share {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.post-wrapper .main-wrapper .author-wrapper .share svg {
  height: 29px;
  margin-right: 15px
}

.post-wrapper .main-wrapper .author-wrapper .share p {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 35px
}

.post-wrapper .main-wrapper .newsletter-wrapper {
  width: 262px;
  position: relative
}

.post-wrapper .main-wrapper .newsletter-wrapper .box {
  background: #98b3ff;
  border-radius: 10px;
  padding: 50px 30px;
  position: relative
}

.post-wrapper .main-wrapper .newsletter-wrapper .box h3 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 38px
}

.post-wrapper .main-wrapper .newsletter-wrapper .box p {
  margin: 20px 0 0
}

.post-wrapper .main-wrapper .newsletter-wrapper .box .form-wrapper {
  margin: 30px 0 0;
  position: relative
}

.post-wrapper .main-wrapper .newsletter-wrapper .box .form-wrapper form {
  width: 100%;
  position: relative
}

.post-wrapper .main-wrapper .newsletter-wrapper .box .form-wrapper form input {
  background: #fff;
  border: 0;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  font-family: DM Sans, sans-serif;
  font-size: 14px
}

.post-wrapper .main-wrapper .newsletter-wrapper .box .form-wrapper form input[type=submit] {
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: #14105b;
  margin: 20px 0 0;
  padding: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600;
  transition: all .26s ease-out
}

.post-wrapper .main-wrapper .newsletter-wrapper .box .form-wrapper form input[type=submit]:hover {
  color: #14105b;
  background: #a1bcf4
}

.post-wrapper .related-wrapper {
  padding: 150px 0 0;
  position: relative
}

.post-wrapper .related-wrapper h2 {
  font-size: 30px;
  line-height: 35px
}

.post-wrapper .related-wrapper .grid-items-wrapper {
  margin: 60px 0 0
}

.wysiwyg {
  width: calc(100% - 624px);
  position: relative
}

.wysiwyg p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 23px;
  position: relative
}

.wysiwyg ul {
  margin: 0 0 20px;
  padding-left: 16px;
  font-size: 16px;
  line-height: 23px;
  list-style-type: disc;
  position: relative
}

.wysiwyg ol {
  margin: 0 0 20px;
  padding-left: 16px;
  font-size: 16px;
  line-height: 23px;
  list-style-type: decimal;
  position: relative
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  margin: 0 0 20px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 30px;
  font-weight: 600 !important;
  line-height: 35px;
  position: relative
}

.wysiwyg h1 strong,
.wysiwyg h2 strong,
.wysiwyg h3 strong,
.wysiwyg h4 strong,
.wysiwyg h5 strong,
.wysiwyg h6 strong {
  font-weight: 600 !important;
}

.wysiwyg h1 span,
.wysiwyg h2 span,
.wysiwyg h3 span,
.wysiwyg h4 span,
.wysiwyg h5 span,
.wysiwyg h6 span {
  font-weight: 600 !important;
}

.wysiwyg h1 b,
.wysiwyg h2 b,
.wysiwyg h3 b,
.wysiwyg h4 b,
.wysiwyg h5 b,
.wysiwyg h6 b {
  font-weight: 600 !important;
}

.wysiwyg strong {
  font-weight: 700
}

.wysiwyg a {
  border-bottom: 1px solid
}

.wysiwyg a.no-underline {
  border-bottom: none;
}

.wysiwyg a.no-underline img {
  transition: 100ms all ease-in;
}

.wysiwyg a.no-underline:hover img {
  transform: scale(1.01);
}

@media screen and (min-width:0) and (max-width:1024px) {
  .post-wrapper {
    padding: 90px 0 60px
  }

  .post-wrapper .content-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex
  }

  .post-wrapper .featured-image {
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% + 60px);
    margin: 0 -30px 30px
  }

  .post-wrapper .featured-image .inner-height {
    border-radius: 0;
    padding-bottom: 56.25%
  }

  .post-wrapper h1 {
    text-align: left;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    font-size: 35px;
    line-height: 44px
  }

  .post-wrapper .main-wrapper {
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    margin: 10px 0 0;
    display: block
  }

  .post-wrapper .main-wrapper .wysiwyg {
    width: 100%
  }

  .wysiwyg h1,
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6 {
    margin: 50px 0 20px
  }

  .post-wrapper .main-wrapper .author-wrapper {
    width: 100%
  }

  .post-wrapper .main-wrapper .author-wrapper p.date.alt {
    text-align: left
  }

  .post-wrapper .main-wrapper .author-wrapper .share,
  .post-wrapper .main-wrapper .newsletter-wrapper {
    display: none
  }

  .post-wrapper .related-wrapper {
    -ms-flex-order: 4;
    order: 4;
    width: 100%;
    padding: 80px 0 0
  }

  .post-wrapper .related-wrapper h2 {
    font-size: 25px;
    line-height: 35px
  }

  .post-wrapper .related-wrapper .grid-items-wrapper {
    margin: 30px 0 0
  }
}

.rc-wrapper {
  position: relative
}

.rc-wrapper .cover {
  color: #fff;
  background: #14105b;
  height: 397px;
  padding: 120px 0 60px;
  position: relative
}

.rc-wrapper .cover h1 {
  font-size: 70px;
  font-weight: 600;
  line-height: 89px
}

.rc-wrapper .cover p {
  margin: 30px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 700
}

.rc-wrapper .cover .filters {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.rc-wrapper .cover .filters .filter {
  text-align: center;
  cursor: pointer;
  border: 1px solid #98b3ff;
  border-radius: 30px;
  height: 45px;
  margin-right: 20px;
  padding: 0 20px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 43px;
  transition: all .26s ease-out;
  display: block;
  position: relative;
  margin-bottom: 15px;
}

.rc-wrapper .cover .filters .filter:hover,
.rc-wrapper .cover .filters .filter.active {
  color: #14105b;
  background: #98b3ff
}

.rc-wrapper .cover .filters .filter span {
  min-width: 68px;
  display: inline-block
}

.rc-wrapper .cover .m-filters {
  display: none
}

.rc-wrapper .blog-wrapper {
  padding: 80px 0 150px
}

@media screen and (min-width:0) and (max-width:1024px) {
  .rc-wrapper .cover {
    height: auto;
    padding: 108px 0 50px
  }

  .rc-wrapper .cover h1 {
    font-size: 35px;
    line-height: 48px
  }

  .rc-wrapper .cover p {
    font-size: 18px;
    line-height: 26px
  }

  .rc-wrapper .cover .filters {
    display: none
  }

  .rc-wrapper .blog-wrapper {
    padding: 30px 0
  }

  .rc-wrapper .cover .m-filters {
    cursor: pointer;
    z-index: 2;
    margin: 30px 0 0;
    display: block;
    position: relative
  }

  .rc-wrapper .cover .m-filters.active .dropdown {
    display: block
  }

  .rc-wrapper .cover .m-filters .main {
    border: 2px solid #98b3ff;
    border-radius: 10px;
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 46px;
    position: relative
  }

  .rc-wrapper .cover .m-filters .main svg {
    height: 6px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: 20px
  }

  .rc-wrapper .cover .m-filters .dropdown {
    color: #14105b;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 28px;
    display: none;
    position: absolute;
    top: 0;
    left: 0
  }

  .rc-wrapper .cover .m-filters .dropdown a {
    display: block
  }

  .rc-wrapper .cover .m-filters .dropdown svg {
    width: 32px;
    height: auto;
    position: absolute;
    top: 9px;
    right: 15px
  }
}

.webinar-wrapper {
  padding: 170px 0 150px;
  position: relative;
  overflow: hidden
}

.webinar-wrapper .content-wrapper .line-1 {
  width: 932px;
  position: absolute;
  top: -602px;
  left: 56px
}

.webinar-wrapper .content-wrapper .line-2 {
  width: 943px;
  position: absolute;
  top: -406px;
  right: -410px
}

.webinar-wrapper .content-wrapper .line-3 {
  width: 456px;
  position: absolute;
  top: -68px;
  right: -212px
}

.webinar-wrapper .content-wrapper .top-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.webinar-wrapper .content-wrapper .top-wrapper .on-left {
  width: calc(100% - 625px);
  position: relative
}

.webinar-wrapper .content-wrapper .top-wrapper .on-left h1 {
  max-width: 576px;
  font-size: 40px;
  font-weight: 600;
  line-height: 51px
}

.webinar-wrapper .content-wrapper .top-wrapper .on-left .author {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.webinar-wrapper .content-wrapper .top-wrapper .on-left .author .img-wrapper {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  position: relative;
  overflow: hidden
}

.webinar-wrapper .content-wrapper .top-wrapper .on-left .author p {
  width: calc(100% - 100px);
  font-size: 16px;
  line-height: 23px
}

.webinar-wrapper .content-wrapper .top-wrapper .on-left .author p strong {
  font-weight: 500;
  display: block
}

.webinar-wrapper .content-wrapper .top-wrapper .on-left .wysiwyg {
  width: 100%;
  margin: 40px 0 0
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right {
  width: 576px;
  position: relative
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box {
  background: #fff;
  border-radius: 10px;
  padding: 50px;
  position: relative
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box .form-wrapper {
  margin: 40px 0 0;
  position: relative
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box .form-wrapper form .form-row {
  display: block
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box .form-wrapper form label {
  color: #9593b5
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box .form-wrapper form input {
  color: #14105b;
  height: 32px;
  margin-top: 0
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box .form-wrapper form input[type=submit] {
  color: #fff;
  background: #14105b;
  width: 150px;
  height: 45px;
  margin: 40px 0 0
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box .form-wrapper .text-wrapper p {
  font-size: 14px;
  line-height: 23px
}

.webinar-wrapper .content-wrapper .top-wrapper .on-right .box .form-wrapper .wpcf7 form.sent .wpcf7-response-output {
  max-width: 280px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px
}

.webinar-wrapper .content-wrapper .related-wrapper {
  padding: 150px 0 0;
  position: relative
}

.webinar-wrapper .content-wrapper .related-wrapper h2 {
  font-size: 30px;
  line-height: 35px
}

.webinar-wrapper .content-wrapper .related-wrapper .grid-items-wrapper {
  margin: 60px 0 0
}

.case-wrapper {
  padding: 170px 0 150px;
  position: relative
}

.case-wrapper h1 {
  text-align: center;
  max-width: 1000px;
  margin: auto;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px
}

.case-wrapper .featured-image {
  margin: 60px auto 0;
  position: relative
}

.case-wrapper .featured-image .inner-height {
  background: #ff666a;
  border-radius: 10px;
  padding-bottom: 45.8333%;
  position: relative;
  overflow: hidden
}

.case-wrapper .main-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 80px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.case-wrapper .main-wrapper .on-left {
  width: calc(100% - 417px);
  position: relative
}

.case-wrapper .main-wrapper .on-left .section {
  margin: 60px 0 0;
  position: relative
}

.case-wrapper .main-wrapper .on-left .section:first-of-type {
  margin: 0
}

.case-wrapper .main-wrapper .on-left .section h3 {
  color: #7fa1ff;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px
}

.case-wrapper .main-wrapper .on-left .section h2 {
  margin: 10px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px
}

.case-wrapper .main-wrapper .on-left .section .content {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 23px;
  position: relative
}

.case-wrapper .main-wrapper .on-left .section .content p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 23px
}

.case-wrapper .main-wrapper .on-left .section .content ul {
  margin: 20px 0 0;
  padding-left: 16px;
  font-size: 16px;
  line-height: 23px;
  list-style-type: disc;
  position: relative
}

.case-wrapper .main-wrapper .on-left .section .content ol {
  margin: 20px 0 0;
  padding-left: 16px;
  font-size: 16px;
  line-height: 23px;
  list-style-type: decimal;
  position: relative
}

.case-wrapper .main-wrapper .on-left .section .content strong {
  font-weight: 700
}

.case-wrapper .main-wrapper .on-left:not(.no-fade-out) .section:nth-child(2):after {
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(250, 252, 255, 0) 0%, rgba(243, 247, 255, 1) 100%);
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: -1px;
  width: 100%;
  height: 274px;
}

.case-wrapper .main-wrapper .on-left .quote-wrapper {
  max-width: 576px;
  margin: 100px 0 0 105px;
  position: relative
}

.case-wrapper .main-wrapper .on-left .quote-wrapper .icon-wrapper {
  height: 50px;
  position: relative
}

.case-wrapper .main-wrapper .on-left .quote-wrapper .icon-wrapper svg {
  width: auto;
  height: 100%;
  display: block
}

.case-wrapper .main-wrapper .on-left .quote-wrapper p {
  font-size: 16px;
  line-height: 23px
}

.case-wrapper .main-wrapper .on-left .quote-wrapper p.quote {
  margin: 30px 0 0
}

.case-wrapper .main-wrapper .on-left .quote-wrapper p.name {
  margin: 20px 0 0;
  font-weight: 700
}

.case-wrapper .main-wrapper .on-left .form-box {
  background: #fff;
  border-radius: 10px;
  margin: 100px 0 0;
  padding: 80px 103px 85px;
  position: relative
}

.case-wrapper .main-wrapper .on-left .form-box h3 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px
}

.case-wrapper .main-wrapper .on-left .form-box p.text {
  margin: 40px 0 0;
  font-weight: 500
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper {
  margin: 40px 0 0
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form .form-row {
  display: block
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form label {
  color: #9593b5
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form input {
  color: #14105b;
  height: 32px;
  margin-top: 0
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form input[type=submit] {
  color: #fff;
  background: #14105b;
  width: 150px;
  height: 45px;
  margin: 40px 0 0
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form .cb-wrapper {
  margin-bottom: 20px
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form .cb-wrapper .box svg polyline {
  stroke: #14105b
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper p {
  font-size: 14px;
  line-height: 23px
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper .wpcf7 form.sent .wpcf7-response-output {
  max-width: 430px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px
}

.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form.sent .form-row,
.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form.sent .cb-wrapper,
.case-wrapper .main-wrapper .on-left .form-box .form-wrapper form.sent .wpcf7-submit {
  display: none
}

.case-wrapper .main-wrapper .on-right,
.case-wrapper .content-wrapper .on-right {
  width: 366px;
  position: relative
}

.case-wrapper .content-wrapper .on-right.h-desktop {
  display: none;
}

.case-wrapper .main-wrapper .on-right .box,
.case-wrapper .content-wrapper .on-right.h-desktop .box {
  background: #98b3ff;
  border-radius: 10px;
  padding: 50px;
  position: relative
}

.case-wrapper .main-wrapper .on-right .box .item,
.case-wrapper .content-wrapper .on-right.h-desktop .box .item {
  margin: 40px 0 0;
  position: relative
}

.case-wrapper .main-wrapper .on-right .box .item:first-of-type,
.case-wrapper .content-wrapper .on-right.h-desktop .box .item:first-of-type {
  margin: 0
}

.case-wrapper .main-wrapper .on-right .box .item .number,
.case-wrapper .content-wrapper .on-right.h-desktop .box .item .number {
  color: #fff;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 35px
}

.case-wrapper .main-wrapper .on-right .box .item p,
.case-wrapper .content-wrapper .on-right.h-desktop .box .item p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 23px
}

.case-wrapper .related-wrapper {
  padding: 150px 0 0;
  position: relative
}

.case-wrapper .related-wrapper h2 {
  font-size: 30px;
  line-height: 35px
}

.case-wrapper .related-wrapper .grid-items-wrapper {
  margin: 60px 0 0
}

.m-case-download-button {
  display: none
}

@media screen and (min-width:0) and (max-width:1024px) {
  .case-wrapper {
    padding: 90px 0 60px
  }

  .case-wrapper .content-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex
  }

  .case-wrapper .featured-image {
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% + 60px);
    margin: 0 -30px 0;
  }

  .case-wrapper .featured-image .inner-height {
    border-radius: 0;
    padding-bottom: 56.25%
  }

  .case-wrapper h1 {
    text-align: left;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    font-size: 35px;
    line-height: 44px;
    margin-top: 50px;
  }

  .case-wrapper .main-wrapper {
    -ms-flex-order: 4;
    order: 4;
    width: 100%;
    margin: 10px 0 0;
    display: block
  }

  .case-wrapper .main-wrapper .wysiwyg {
    width: 100%
  }

  .case-wrapper .related-wrapper {
    -ms-flex-order: 4;
    order: 4;
    width: 100%;
    padding: 80px 0 0
  }

  .case-wrapper .related-wrapper h2 {
    font-size: 25px;
    line-height: 35px
  }

  .case-wrapper .related-wrapper .grid-items-wrapper {
    margin: 30px 0 0
  }

  .case-wrapper .main-wrapper .on-left {
    width: 100%
  }

  .case-wrapper .main-wrapper .on-left .section,
  .case-wrapper .main-wrapper .on-left .section:first-of-type {
    margin: 50px 0 0
  }

  .case-wrapper .main-wrapper .on-left .section .content {
    margin: 30px 0 0
  }

  .case-wrapper .main-wrapper .on-left .quote-wrapper {
    max-width: 100%;
    margin: 60px 0 0
  }

  .case-wrapper .main-wrapper .on-left .quote-wrapper .icon-wrapper {
    height: 40px
  }

  .case-wrapper .main-wrapper .on-left .quote-wrapper .icon-wrapper svg path {
    fill: transparent;
    stroke: #98b3ff;
    stroke-width: 3px
  }

  .case-wrapper .main-wrapper .on-left .form-box {
    /* z-index: 999999; */
    z-index: inherit;
    background: #f3f7ff;
    border-radius: 0;
    margin: 0;
    /* padding: 108px 30px 65px; */
    /* padding: 0; */
    padding: 80px 10px 24px;
    /* display: none; */
    display: block;
    /* position: fixed; */
    position: relative;
    /* top: 0;
    left: 0 */
  }

  .case-wrapper .main-wrapper .on-left .form-box.show {
    display: block
  }

  .case-wrapper .main-wrapper .on-left .form-box h3 {
    font-size: 35px;
    line-height: 44px
  }

  .case-wrapper .main-wrapper .on-left .form-box p.text {
    margin: 30px 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px
  }

  .case-wrapper .main-wrapper .on-left .form-box .form-wrapper {
    margin: 50px 0 0
  }

  .case-wrapper .main-wrapper .on-left .form-box .m-inner {
    /* height: calc(100vh - 108px); */
    height: auto;
    padding-bottom: 66px;
    position: relative;
    overflow: auto
  }

  .case-wrapper .main-wrapper .on-left .form-box .form-wrapper form input[type=submit] {
    width: 180px;
    height: 60px;
    margin: 50px 0 0;
    font-size: 18px;
    font-weight: 700
  }

  .case-wrapper .main-wrapper .on-right {
    width: calc(100% + 60px);
    margin: 50px -30px 0;
    display: none;
  }

  .case-wrapper .content-wrapper .on-right.h-desktop.s-mobile {
    width: calc(100% + 60px);
    margin: 0 -30px 0;
    order: 2;
    display: block;
  }

  .case-wrapper .main-wrapper .on-right .box,
  .case-wrapper .content-wrapper .on-right.h-desktop.s-mobile .box {
    text-align: center;
    border-radius: 0;
    padding: 70px 30px
  }

  .case-wrapper .main-wrapper .on-right .box .item p,
  .case-wrapper .content-wrapper .on-right.h-desktop.s-mobile .box .item p {
    max-width: 216px;
    margin: 20px auto 0
  }

  .case-wrapper .main-wrapper .on-right .box .item,
  .case-wrapper .content-wrapper .on-right.h-desktop.s-mobile .box .item {
    margin: 50px 0 0
  }

  .m-case-download-button {
    z-index: 999;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #14105b;
    width: 100%;
    height: 80px;
    font-size: 20px;
    font-weight: 600;
    line-height: 80px;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0
  }

  .m-case-download-button svg {
    width: auto;
    height: 22px;
    margin-right: 8px;
    transform: translateY(4px) !important
  }
}

.contact-wrapper {
  color: #fff;
  background: #14105b;
  min-height: 100vh;
  padding: 170px 0 150px;
  position: relative
}

.contact-wrapper .lines {
  width: 3148px;
  position: absolute;
  top: -678px;
  left: -748px
}

.contact-wrapper .content-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}

.contact-wrapper .content-wrapper .on-left {
  width: calc(100% - 417px);
  position: relative
}

.contact-wrapper .content-wrapper .on-left .top-wrapper {
  position: relative
}

.contact-wrapper .content-wrapper .on-left .top-wrapper h1 {
  font-size: 70px;
  font-weight: 700;
  line-height: 88px
}

.contact-wrapper .content-wrapper .on-left .top-wrapper p {
  margin: 40px 0 0;
  font-size: 22px;
  line-height: 30px
}

.contact-wrapper .content-wrapper .on-left .form-wrapper {
  margin: 76px 0 0;
  position: relative
}

.contact-wrapper .content-wrapper .on-right {
  width: 366px;
  position: relative
}

.contact-wrapper .content-wrapper .on-right .box {
  color: #14105b;
  background: #fff;
  border-radius: 10px;
  padding: 50px 50px 70px;
  position: relative
}

.contact-wrapper .content-wrapper .on-right .box h3 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 30px;
  font-weight: 700
}

.contact-wrapper .content-wrapper .on-right .box .row {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin: 45px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.contact-wrapper .content-wrapper .on-right .box .row.two {
  margin: 30px 0 0
}

.contact-wrapper .content-wrapper .on-right .box .row .svg-wrapper {
  width: 24px;
  height: auto;
  margin-right: 30px;
  position: relative
}

.contact-wrapper .content-wrapper .on-right .box .row p {
  width: calc(100% - 54px);
  font-size: 16px;
  line-height: 21px;
  position: relative
}

.contact-wrapper .content-wrapper .on-right .box .email-row {
  margin: 20px 0 0;
  padding-left: 54px;
  position: relative
}

.contact-wrapper .content-wrapper .on-right .box .email-row p {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px
}

.contact-wrapper form.sent .form-row,
.contact-wrapper form.sent .cb-wrapper,
.contact-wrapper form.sent .wpcf7-submit {
  display: none
}

.contact-wrapper form .cb-wrapper .text-wrapper p {
  max-width: 600px
}

.contact-wrapper form .wpcf7-form-control-wrap[data-name=privacy] .wpcf7-form-control {
  opacity: 0;
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  display: block
}

.contact-wrapper form .wpcf7-form-control-wrap[data-name=privacy] .wpcf7-not-valid-tip {
  white-space: nowrap;
  margin: 10px 0 0;
  position: relative
}

form {
  width: 100%;
  position: relative
}

form .form-row {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 37.5px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

form .form-row .part {
  width: calc(50% - 25px);
  position: relative
}

form br {
  display: none
}

form label {
  color: #98b3ff;
  font-size: 14px
}

form input {
  color: #fff;
  background: 0 0;
  border: 0;
  border-bottom: 2px solid #98b3ff;
  outline: 0;
  width: 100%;
  height: 36px;
  margin-top: 6px;
  font-family: DM Sans, sans-serif;
  font-size: 14px
}

form input[type=submit] {
  text-align: center;
  color: #14105b;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 30px;
  width: 160px;
  height: 45px;
  margin: 50px 0 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600;
  line-height: 45px;
  transition: all .26s ease-out
}

form input[type=submit]:hover {
  background: #a1bcf4
}

form input::placeholder {
  color: #fff !important
}

form input::placeholder {
  color: #fff !important
}

form input:-ms-input-placeholder {
  color: #fff !important
}

form input:-moz-placeholder {
  color: #fff !important
}

form select {
  color: #fff;
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-bottom: 2px solid #98b3ff;
  outline: 0;
  width: 100%;
  height: 36px;
  margin-top: 6px;
  font-family: DM Sans, sans-serif;
  font-size: 14px
}

form select::placeholder {
  color: #fff !important
}

form select::placeholder {
  color: #fff !important
}

form select:-ms-input-placeholder {
  color: #fff !important
}

form select:-moz-placeholder {
  color: #fff !important
}

form select option {
  color: #000 !important;
  background-color: #fff !important
}

form .select-wrapper {
  position: relative
}

form .select-wrapper svg {
  position: absolute;
  bottom: 12px;
  right: 0
}

form textarea {
  color: #fff;
  resize: none;
  background: 0 0;
  border: 2px solid #98b3ff;
  border-top: 0;
  border-left: 0;
  outline: 0;
  width: 100%;
  height: 128px;
  margin-top: 6px;
  font-family: DM Sans, sans-serif;
  font-size: 14px
}

form textarea::placeholder {
  color: #fff !important
}

form textarea::placeholder {
  color: #fff !important
}

form textarea:-ms-input-placeholder {
  color: #fff !important
}

form textarea:-moz-placeholder {
  color: #fff !important
}

form .cb-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 40px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

form .cb-wrapper:first-of-type {
  margin: 52px 0 0
}

form .cb-wrapper.active .box svg {
  visibility: visible;
  opacity: 1
}

form .cb-wrapper.enabled {
  cursor: pointer
}

form .cb-wrapper .box {
  cursor: pointer;
  border: 2px solid #98b3ff;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  position: relative
}

form .cb-wrapper .box svg {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -4px;
  left: 1px
}

form .cb-wrapper .box svg.show {
  visibility: visible;
  opacity: 1
}

form .cb-wrapper .text-wrapper {
  width: calc(100% - 31px);
  position: relative
}

form .cb-wrapper .text-wrapper p {
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px
}

form .cb-wrapper .text-wrapper p:first-of-type {
  margin-top: 0
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  display: none
}

.wpcf7-not-valid-tip {
  color: #ff666a;
  font-size: 12px;
  position: absolute;
  top: calc(100% + 10px);
  left: 0
}

.wpcf7 form.sent .wpcf7-response-output {
  border: 0;
  max-width: 540px;
  margin: 0;
  padding: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 34px
}

option:default {
  color: #fff !important;
  background-color: #000 !important
}

@media screen and (min-width:0) and (max-width:1024px) {
  .contact-wrapper {
    padding: 108px 0 60px
  }

  .contact-wrapper .content-wrapper {
    display: block
  }

  .contact-wrapper .content-wrapper .on-left {
    width: 100%
  }

  .contact-wrapper .content-wrapper .on-left .top-wrapper h1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 48px
  }

  .contact-wrapper .content-wrapper .on-left .top-wrapper p {
    margin: 30px 0 0;
    font-size: 16px;
    line-height: 24px
  }

  .contact-wrapper .content-wrapper .on-left .form-wrapper {
    margin: 50px 0 0
  }

  .contact-wrapper .content-wrapper .on-left .form-wrapper form .form-row {
    margin: 0;
    display: block
  }

  .contact-wrapper .content-wrapper .on-left .form-wrapper form .form-row .part {
    width: 100%;
    margin: 0 0 50px
  }

  .contact-wrapper .lines {
    display: none
  }

  .contact-wrapper .content-wrapper .on-right {
    width: 100%;
    margin: 60px 0 0
  }

  .contact-wrapper .content-wrapper .on-right .box {
    border-radius: 9px;
    padding: 30px 30px 50px
  }

  .contact-wrapper .content-wrapper .on-right .box h3 {
    font-size: 25px
  }

  .contact-wrapper .content-wrapper .on-right .box .row {
    margin: 30px 0 0
  }

  .contact-wrapper .content-wrapper .on-right .box .row .svg-wrapper {
    width: 20px;
    margin-right: 20px
  }

  .contact-wrapper .content-wrapper .on-right .box .row p {
    width: calc(100% - 40px);
    font-size: 14px
  }

  .contact-wrapper .content-wrapper .on-right .box .email-row {
    margin: 15px 0 0;
    padding-left: 40px
  }

  .contact-wrapper .content-wrapper .on-right .box .email-row p {
    font-size: 14px
  }

  .contact-wrapper .content-wrapper form input[type=submit] {
    margin: 60px 0 0
  }
}

.page-closer {
  padding: 100px 0;
  position: relative
}

.page-closer .grad {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0
}

.page-closer .ships-outer-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.page-closer .ships-wrapper {
  width: 1740px;
  margin-left: -870px;
  position: absolute;
  top: 44px;
  left: 50%
}

.page-closer .ships-wrapper .ships {
  width: 100%;
  height: auto;
  margin: auto;
  display: block
}

.page-closer .bg-m {
  display: none
}

.page-closer .content-wrapper {
  max-width: 850px
}

.page-closer .content-wrapper h2 {
  font-size: 70px;
  line-height: 89px;
}

.page-closer .content-wrapper p {
  margin: 20px 0 0;
  font-weight: 500
}

.page-closer .content-wrapper .button {
  margin: 60px 0 0
}

footer {
  background: 0 0;
  position: relative;
  overflow: hidden
}

footer.go-contact {
  background: #14105b
}

footer.go-careers {
  z-index: 2;
  margin: -44px 0 0
}

footer .rec {
  background: #fff;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  padding: 90px 0 60px;
  position: relative
}

footer .rec .on-top {
  border-bottom: 1px solid #e5e5e5;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 0 34px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

footer .rec .on-top .cols {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% - 419px);
  max-width: 720px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

footer .rec .on-top .cols .col {
  position: relative
}

footer .rec .on-top .cols .col .title {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  display: block;
}

footer .rec .on-top .cols .col .items {
  margin: 20px 0 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  position: relative
}

footer .rec .on-top .cols .col .items li {
  transition: all .26s ease-out
}

footer .rec .on-top .cols .col .items li:hover {
  color: #a1bcf4
}

footer .rec .on-top .on-right {
  width: 300px;
  position: relative
}

footer .rec .on-top .on-right .title {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px
}

footer .rec .on-top .on-right .form-outer-wrapper {
  border: 1px solid transparent;
  min-height: 126px;
  position: relative
}

footer .rec .on-top .on-right .form-wrapper {
  margin: 20px 0 0;
  position: relative
}

footer .rec .on-top .on-right .form-wrapper form {
  width: 100%;
  display: block;
  position: relative
}

footer .rec .on-top .on-right .form-wrapper form br {
  display: none
}

footer .rec .on-top .on-right .form-wrapper form .double {
  margin: 0 0 20px;
  position: relative
}

footer .rec .on-top .on-right .form-wrapper form .double p {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

footer .rec .on-top .on-right .form-wrapper form .double p .wpcf7-form-control-wrap {
  width: calc(50% - 5px)
}

footer .rec .on-top .on-right .form-wrapper form .double p .wpcf7-form-control-wrap input {
  padding: 0 20px
}

footer .rec .on-top .on-right .form-wrapper form .double .wpcf7-not-valid-tip {
  top: calc(100% - 4px)
}

footer .rec .on-top .on-right .form-wrapper form input {
  color: #14105b;
  background: 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  outline: 0;
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0 10px 0 20px;
  font-family: DM Sans, sans-serif;
  font-size: 14px
}

footer .rec .on-top .on-right .form-wrapper form input::placeholder {
  color: #14105b !important
}

footer .rec .on-top .on-right .form-wrapper form input::placeholder {
  color: #14105b !important
}

footer .rec .on-top .on-right .form-wrapper form input:-ms-input-placeholder {
  color: #14105b !important
}

footer .rec .on-top .on-right .form-wrapper form input:-moz-placeholder {
  color: #14105b !important
}

footer .rec .on-top .on-right .form-wrapper form input[type=submit] {
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #14105b;
  border: 0;
  border-radius: 30px;
  width: 70px;
  height: 42px;
  margin: 0;
  padding: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 42px;
  transition: all .26s ease-out;
  position: absolute;
  bottom: 0;
  right: 0
}

footer .rec .on-top .on-right .form-wrapper form input[type=submit]:hover {
  color: #14105b;
  background: #a1bcf4
}

footer .rec .on-top .on-right .form-wrapper form button {
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #14105b;
  border: 0;
  border-radius: 30px;
  width: 70px;
  height: 42px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  transition: all .26s ease-out;
  position: absolute;
  bottom: 0;
  right: 0
}

footer .rec .on-top .on-right .form-wrapper form button:hover {
  color: #14105b;
  background: #a1bcf4
}

footer .rec .on-top .on-right .form-wrapper form .wpcf7-not-valid-tip {
  font-size: 10px;
  font-weight: 700;
  left: 20px
}

footer .rec .on-top .on-right .form-wrapper form .wpcf7-spinner {
  margin: 0;
  position: absolute;
  top: 8px;
  left: -42px
}

footer .rec .on-top .on-right .form-wrapper .wpcf7 form.sent .wpcf7-response-output {
  max-width: 240px;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  top: calc(100% + 14px)
}

footer .rec .on-top .on-right .socials {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  height: 18px;
  margin: 40px 0 0;
  display: none;
  position: relative
}

footer .rec .on-top .on-right .socials a {
  height: 100%;
  margin-left: 20px;
  display: block;
  position: relative
}

footer .rec .on-top .on-right .socials a:hover svg path {
  fill: #a1bcf4
}

footer .rec .on-top .on-right .socials a.of-yt {
  height: 20px;
  transform: translateY(2px) !important
}

footer .rec .on-top .on-right .socials a.of-yt:hover svg path {
  fill: #a1bcf4
}

footer .rec .on-top .on-right .socials a.of-yt svg path {
  fill: #14105b
}

footer .rec .on-top .on-right .socials a svg {
  width: auto;
  height: 100%;
  display: block
}

footer .rec .on-top .on-right .socials a svg path {
  transition: all .26s ease-out
}

footer .rec .on-top .on-right .iso-wrapper {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 40px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

footer .rec .on-top .on-right .iso-wrapper img {
  width: auto;
  height: 70px;
  display: block
}

footer .rec .on-bottom {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 60px 0 0;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

footer .rec .on-bottom .on-left {
  position: relative
}

footer .rec .on-bottom .on-left .pipe {
  color: #c6c5d8;
  margin: 0 12px
}

footer .rec .on-bottom .on-left a {
  transition: all .26s ease-out
}

footer .rec .on-bottom .on-left a:hover {
  color: #a1bcf4
}

footer .rec .on-bottom .on-right {
  position: relative
}

footer .rec .on-bottom .on-right .socials {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  height: 18px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

footer .rec .on-bottom .on-right .socials a {
  height: 100%;
  margin-left: 20px;
  display: block;
  position: relative
}

footer .rec .on-bottom .on-right .socials a:hover svg path {
  fill: #a1bcf4
}

footer .rec .on-bottom .on-right .socials a.of-yt {
  height: 20px;
  transform: translateY(2px) !important
}

footer .rec .on-bottom .on-right .socials a.of-yt:hover svg path {
  fill: #a1bcf4
}

footer .rec .on-bottom .on-right .socials a.of-yt svg path {
  fill: #14105b
}

footer .rec .on-bottom .on-right .socials a svg {
  width: auto;
  height: 100%;
  display: block
}

footer .rec .on-bottom .on-right .socials a svg path {
  transition: all .26s ease-out
}

@media screen and (min-width:0) and (max-width:1024px) {
  .page-closer {
    padding: 120px 0
  }

  .page-closer .content-wrapper h2 {
    font-size: 50px;
    line-height: 63px
  }

  .page-closer .content-wrapper p {
    font-size: 18px;
    line-height: 26px
  }

  .page-closer .content-wrapper .button {
    width: 180px;
    margin: 30px 0 0;
    font-size: 18px
  }

  .page-closer .grad,
  .page-closer .ships-wrapper {
    display: none
  }

  .page-closer .bg-m {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    bottom: -30px;
    right: 0
  }

  footer.go-company {
    background: #ff666a
  }

  footer .rec {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 40px 0
  }

  footer .rec .on-top {
    padding: 0 0 30px;
    display: block
  }

  footer .rec .on-top .on-right {
    border-top: 1px solid #e5e5e5;
    width: 100%;
    margin: 40px 0 0;
    padding: 40px 0 0
  }

  footer .rec .on-top .cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    display: block
  }

  footer .rec .on-top .cols .col {
    width: 100%;
    margin: 0 0 30px
  }

  footer .rec .on-top .cols .col .items {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 25px
  }

  footer .rec .on-top .on-right .socials-and-more {
    border-top: 1px solid #e5e5e5;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0 0;
    padding: 30px 0 0;
    display: -ms-flexbox;
    display: flex;
    position: relative
  }

  footer .rec .on-top .on-right .socials {
    margin: 0 40px 0 0;
    display: -ms-flexbox;
    display: flex
  }

  footer .rec .on-top .on-right .iso-wrapper {
    margin: 0
  }

  footer .rec .on-top .on-right .iso-wrapper img {
    height: 50px
  }

  footer .rec .on-bottom {
    max-width: 280px;
    margin: 40px 0 0;
    font-size: 12px;
    line-height: 18px
  }

  footer .rec .on-bottom .pipe {
    margin: 0 6px
  }

  footer .rec .on-top .on-right .form-wrapper form .wpcf7-spinner {
    left: auto;
    right: 80px
  }

  footer .rec .on-top .on-right .form-wrapper .wpcf7 form.sent .wpcf7-response-output {
    font-size: 12px;
    top: calc(100% - 30px);
    left: auto;
    right: 80px
  }

  footer .rec .on-bottom .on-right {
    display: none
  }

  footer .rec .on-bottom {
    display: block
  }
}

.legal-wrapper {
  padding: 170px 0 200px;
  position: relative
}

.legal-wrapper .content-wrapper {
  max-width: 800px
}

.legal-wrapper .content-wrapper h1 {
  font-size: 70px;
  font-weight: 600;
  line-height: 88px
}

.legal-wrapper .content-wrapper .content {
  margin: 60px 0 0;
  position: relative
}

.legal-wrapper .content-wrapper .content h2 {
  margin: 60px 0 30px;
  font-size: 30px;
  line-height: 38px
}

.legal-wrapper .content-wrapper .content p {
  margin: 0 0 24px;
  font-size: 16px;
  line-height: 24px
}

.legal-wrapper .content-wrapper .content ul {
  margin: 0 0 24px;
  padding-left: 14px;
  font-size: 16px;
  line-height: 24px;
  list-style-type: disc
}

.legal-wrapper .content-wrapper .content ol {
  margin: 0 0 24px;
  padding-left: 14px;
  font-size: 16px;
  line-height: 24px;
  list-style-type: decimal
}

.legal-wrapper .content-wrapper .content a {
  border-bottom: 1px solid
}

.legal-wrapper .content-wrapper .content b,
.legal-wrapper .content-wrapper .content strong {
  font-weight: 600
}

@media screen and (min-width:0) and (max-width:1024px) {
  .legal-wrapper {
    padding: 108px 0
  }

  .legal-wrapper .content-wrapper h1 {
    font-size: 35px;
    line-height: 44px
  }

  .legal-wrapper .content-wrapper .content {
    margin: 32px 0 0
  }

  .legal-wrapper .content-wrapper .content h2 {
    margin: 32px 0 16px;
    font-size: 24px;
    line-height: 30px
  }

  .legal-wrapper .content-wrapper .content p {
    margin: 0 0 16px
  }
}

.careers-wrapper {
  color: #fff;
  background: #14105b;
  min-height: 100vh;
  padding: 170px 0 0;
  position: relative
}

.careers-wrapper .lines-1 {
  width: auto;
  height: 564px;
  position: absolute;
  top: 0;
  left: 0
}

.careers-wrapper .lines-2 {
  width: auto;
  height: 564px;
  position: absolute;
  top: 0;
  right: 0
}

.careers-wrapper .top-wrapper {
  text-align: center;
  position: relative
}

.careers-wrapper .top-wrapper h1 {
  font-size: 80px;
  font-weight: 600;
  line-height: 98px;
  position: relative
}

.careers-wrapper .top-wrapper p {
  max-width: 890px;
  margin: 40px auto 0;
  font-size: 18px;
  line-height: 26px;
  position: relative
}

.careers-wrapper .bullets-wrapper {
  margin: 150px auto 0;
  padding: 0 0 150px;
  position: relative
}

.careers-wrapper .bullets-wrapper .content-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(50% - 24px);
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet.n-1 {
  margin: 109px 0 0
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet.n-2 {
  margin: 15px 0 0
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet.n-3 {
  margin: 124px 0 0
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet.n-4 {
  margin: -10px 0 0
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet .icon-wrapper {
  width: 90px;
  margin-right: 40px;
  position: relative
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet .icon-wrapper img {
  width: 100%;
  height: auto;
  display: block
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet .text {
  width: calc(100% - 130px);
  position: relative
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet .text p {
  color: rgba(255, 255, 255, .7);
  margin: 20px 0 0;
  font-size: 16px
}

.careers-wrapper .bullets-wrapper .content-wrapper .bullet .text p.title {
  color: #fff;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px
}

.careers-wrapper .gallery-wrapper {
  padding: 0 0 150px;
  position: relative;
  overflow: hidden
}

.careers-wrapper .gallery-wrapper .gallery {
  height: 240px;
  position: relative
}

.careers-wrapper .gallery-wrapper .gallery .row {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 240px;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.careers-wrapper .gallery-wrapper .gallery .row .img-wrapper {
  border-radius: 10px;
  width: 240px;
  height: 240px;
  margin: 0 25px;
  position: relative;
  overflow: hidden
}

.careers-wrapper .gallery-wrapper .gallery .row .img-wrapper.wide {
  width: 335px
}

.careers-wrapper .jobs-wrapper {
  color: #14105b;
  background: #f3f7ff;
  border-radius: 50px 50px 0 0;
  padding: 80px 0 150px;
  position: relative;
  overflow: hidden
}

.careers-wrapper .jobs-wrapper h2 {
  font-size: 70px;
  font-weight: 600;
  line-height: 1
}

.careers-wrapper .jobs-wrapper .comeet-wrapper {
  margin: 60px 0 0;
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper.go-special .comeet-group-name {
  display: none
}

.careers-wrapper .jobs-wrapper .comeet-wrapper.go-special .comeet-positions-list li:last-of-type {
  border-bottom: 1px solid #d1d4e7
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .filters {
  margin: 0 0 80px;
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .filters .content-wrapper {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .filters .content-wrapper .select-wrapper {
  background: #fff;
  width: 220px;
  height: 60px;
  margin-right: 50px;
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .filters .content-wrapper .select-wrapper svg {
  width: auto;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 20px
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .filters .content-wrapper .select-wrapper svg path {
  fill: #14105b
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .filters .content-wrapper .select-wrapper select {
  -webkit-appearance: none;
  color: #14105b;
  cursor: pointer;
  background: 0 0;
  border: 2px solid #98b3ff;
  border-radius: 10px;
  outline: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-list li {
  margin: 0 !important
}

.careers-wrapper .jobs-wrapper .comeet-wrapper li a.comeet-position {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-u-1,
.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-u-1-2 {
  display: block
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name {
  color: #14105b;
  margin: 0;
  padding: 30px 0;
  font-size: 40px;
  line-height: 1.5;
  position: relative;
  background: 0 0 !important
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .inner,
.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .inner .item {
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .inner .item .inside {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .inner .item .name {
  font-weight: 800
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .inner .item .name a {
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .inner .item .circle {
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 0 40px
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .inner .item .join {
  font-weight: 200
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .content-wrapper {
  border-bottom: 1px solid #d1d4e7;
  height: 154px;
  overflow: hidden
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .content-wrapper h2 {
  color: #eaedf5;
  transform: translate(-12px, -10px);
  font-size: 190px;
  font-weight: 900;
  line-height: 1;
  position: relative;
  -webkit-transform: translate(-6px, -10px)
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list {
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li {
  border-bottom: 1px solid #d1d4e7;
  padding: 40px 0;
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li:last-of-type {
  border-bottom: 0
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li .comeet-position-name {
  font-size: 30px;
  font-weight: 500;
  line-height: 2;
  position: relative
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li .comeet-position-meta {
  font-weight: 500;
  line-height: 1.444;
  color: #14105b !important;
  font-size: 18px !important
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li .arrow {
  width: auto;
  height: 24px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  right: 0
}

.careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li .arrow path {
  fill: #14105b
}

@media screen and (min-width:0) and (max-width:1024px) {

  .careers-wrapper .lines-1,
  .careers-wrapper .lines-2 {
    display: none
  }

  .careers-wrapper {
    padding: 108px 0 0
  }

  .careers-wrapper .top-wrapper {
    padding: 0 30px
  }

  .careers-wrapper .top-wrapper h1 {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px
  }

  .careers-wrapper .top-wrapper p {
    text-align: left;
    margin: 20px auto 0;
    font-size: 16px;
    line-height: 22px
  }

  .careers-wrapper .bullets-wrapper {
    margin: 0;
    padding: 0 0 100px
  }

  .careers-wrapper .bullets-wrapper .content-wrapper {
    display: block
  }

  .careers-wrapper .bullets-wrapper .content-wrapper .bullet {
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 60px 0 0 !important
  }

  .careers-wrapper .bullets-wrapper .content-wrapper .bullet .icon-wrapper {
    width: 70px;
    margin-right: 30px
  }

  .careers-wrapper .bullets-wrapper .content-wrapper .bullet .text {
    width: calc(100% - 100px)
  }

  .careers-wrapper .bullets-wrapper .content-wrapper .bullet .text p {
    display: none
  }

  .careers-wrapper .bullets-wrapper .content-wrapper .bullet .text p.title {
    max-width: 230px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    display: block
  }

  .careers-wrapper .gallery-wrapper {
    padding: 0 0 100px
  }

  .careers-wrapper .jobs-wrapper {
    border-radius: 20px 20px 0 0;
    padding: 50px 0
  }

  .careers-wrapper .jobs-wrapper h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper {
    margin: 40px 0
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .filters {
    margin: 0 0 40px
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .filters .content-wrapper {
    display: block
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .filters .content-wrapper .select-wrapper {
    width: 100%;
    height: 50px;
    margin-top: 30px;
    margin-right: 0
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .filters .content-wrapper .select-wrapper select {
    font-size: 16px
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name {
    padding: 15px 0;
    font-size: 20px;
    line-height: 30px
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .inner .item .circle {
    width: 10px;
    height: 10px;
    margin: 0 20px
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li .comeet-position-name {
    padding-right: 40px;
    font-size: 20px;
    line-height: 33px
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li .comeet-position-meta {
    line-height: 1;
    margin-top: 10px !important;
    font-size: 16px !important
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-positions-list li {
    padding: 30px 0
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper.go-special .filters {
    margin: 0 0 10px
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .content-wrapper h2 {
    font-size: 58px !important
  }

  .careers-wrapper .jobs-wrapper .comeet-wrapper .comeet-group-name .content-wrapper {
    height: 60px !important
  }
}

.position-wrapper {
  min-height: 100vh;
  padding: 170px 0 0;
  position: relative;
  overflow: hidden
}

.position-wrapper .lines {
  width: 823px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0
}

.position-wrapper .lines-m {
  display: none
}

.position-wrapper .comeet-wrapper {
  position: relative
}

.position-wrapper .comeet-wrapper .all-jobs-link {
  border-top: 0;
  margin-top: 0;
  padding: 0
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper {
  max-width: 750px;
  padding: 0 0 170px;
  position: relative
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper .back {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  position: relative
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper .back svg {
  height: 14px;
  margin-right: 4px;
  transform: rotate(180deg)
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper .back svg path {
  fill: #14105b
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper h2 {
  font-size: 70px;
  font-weight: 600;
  line-height: 88px
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper .comeet-position-meta-single,
.position-wrapper .comeet-wrapper .comeet-outer-wrapper .comeet-position-location {
  display: none
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper .comeet-apply h4,
.position-wrapper .comeet-wrapper .comeet-outer-wrapper .comeet-position-info h4 {
  margin: 40px 0 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper p {
  margin: 20px 0 0;
  line-height: 25px !important
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper ul {
  margin: 20px 0 0;
  padding-left: 20px;
  font-size: 18px;
  line-height: 25px;
  list-style-type: disc;
  position: relative
}

.position-wrapper .comeet-wrapper .comeet-outer-wrapper ol {
  margin: 20px 0 0;
  padding-left: 20px;
  font-size: 18px;
  line-height: 25px;
  list-style-type: decimal;
  position: relative
}

.position-wrapper .outer-form-wrapper {
  color: #fff;
  background: #14105b;
  width: 400px;
  height: calc(100% + 300px);
  padding: 70px 20px;
  position: absolute;
  top: -80px;
  right: -83px
}

.position-wrapper .outer-form-wrapper:after {
  content: "";
  background: #14105b;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(100% - 10px)
}

.position-wrapper .outer-form-wrapper .inner {
  width: 320px;
  max-width: 320px;
  margin: auto;
  position: relative
}

.position-wrapper .outer-form-wrapper .inner h4 {
  text-align: center;
  margin: 0 0 32px;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px
}

.position-wrapper .m-apply {
  display: none
}

@media screen and (min-width:0) and (max-width:1024px) {

  .position-wrapper .outer-form-wrapper,
  .position-wrapper .lines {
    display: none
  }

  .position-wrapper {
    padding: 108px 0 0
  }

  .position-wrapper .comeet-wrapper .comeet-outer-wrapper .back {
    font-size: 16px;
    line-height: 22px
  }

  .position-wrapper .comeet-wrapper .comeet-outer-wrapper .back svg {
    height: 11px;
    margin-right: 2px
  }

  .position-wrapper .comeet-wrapper .comeet-outer-wrapper h2 {
    margin: 6px 0 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.44
  }

  .position-wrapper .comeet-wrapper .comeet-outer-wrapper p,
  .position-wrapper .comeet-wrapper .comeet-outer-wrapper ul,
  .position-wrapper .comeet-wrapper .comeet-outer-wrapper ol {
    font-size: 16px
  }

  .position-wrapper .m-apply {
    z-index: 1;
    color: #fff;
    cursor: pointer;
    background: #14105b;
    width: 100%;
    height: 100px;
    padding: 0 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 100px;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0
  }

  .position-wrapper .comeet-wrapper .comeet-outer-wrapper {
    padding: 0 0 150px
  }

  .position-wrapper .outer-form-wrapper {
    z-index: 888;
    width: 100vw;
    height: 100vh;
    padding: 108px 0 60px;
    position: fixed;
    top: 0;
    right: 0
  }

  .position-wrapper .outer-form-wrapper:after {
    display: none
  }

  .position-wrapper .outer-form-wrapper.show {
    display: block
  }

  .position-wrapper .outer-form-wrapper h4 {
    padding: 0
  }

  .position-wrapper .outer-form-wrapper .comeet-apply {
    margin: 0
  }

  .position-wrapper .outer-form-wrapper .inner {
    width: calc(100vw - 60px);
    height: calc(100vh - 128px);
    overflow: auto
  }

  .position-wrapper .outer-form-wrapper .inner .comeet-apply {
    margin: 0
  }

  .position-wrapper .outer-form-wrapper .inner {
    max-width: 100%
  }

  .position-wrapper .outer-form-wrapper .inner h4 {
    margin: 0 0 24px;
    padding: 0;
    font-size: 30px;
    font-weight: 700
  }

  .position-wrapper .lines-m {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
}

@font-face {}

.os-anim-section abbr,
.os-anim-section address,
.os-anim-section article,
.os-anim-section aside,
.os-anim-section audio,
.os-anim-section b,
.os-anim-section blockquote,
.os-anim-section body,
.os-anim-section button,
.os-anim-section canvas,
.os-anim-section cite,
.os-anim-section code,
.os-anim-section dd,
.os-anim-section del,
.os-anim-section details,
.os-anim-section dfn,
.os-anim-section div,
.os-anim-section dl,
.os-anim-section dt,
.os-anim-section em,
.os-anim-section fieldset,
.os-anim-section figcaption,
.os-anim-section figure,
.os-anim-section footer,
.os-anim-section form,
.os-anim-section h1,
.os-anim-section h2,
.os-anim-section h3,
.os-anim-section h4,
.os-anim-section h5,
.os-anim-section h6,
.os-anim-section header,
.os-anim-section hgroup,
.os-anim-section html,
.os-anim-section i,
.os-anim-section iframe,
.os-anim-section img,
.os-anim-section ins,
.os-anim-section kbd,
.os-anim-section label,
.os-anim-section legend,
.os-anim-section li,
.os-anim-section mark,
.os-anim-section menu,
.os-anim-section nav,
.os-anim-section object,
.os-anim-section ol,
.os-anim-section p,
.os-anim-section pre,
.os-anim-section q,
.os-anim-section samp,
.os-anim-section section,
.os-anim-section small,
.os-anim-section span,
.os-anim-section strong,
.os-anim-section summary,
.os-anim-section time,
.os-anim-section ul,
.os-anim-section var,
.os-anim-section video {
  box-sizing: border-box;
  vertical-align: baseline;
  background: 0 0;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 100%
}

.os-anim-section abbr:after,
.os-anim-section abbr:before,
.os-anim-section address:after,
.os-anim-section address:before,
.os-anim-section article:after,
.os-anim-section article:before,
.os-anim-section aside:after,
.os-anim-section aside:before,
.os-anim-section audio:after,
.os-anim-section audio:before,
.os-anim-section b:after,
.os-anim-section b:before,
.os-anim-section blockquote:after,
.os-anim-section blockquote:before,
.os-anim-section body:after,
.os-anim-section body:before,
.os-anim-section button:after,
.os-anim-section button:before,
.os-anim-section canvas:after,
.os-anim-section canvas:before,
.os-anim-section cite:after,
.os-anim-section cite:before,
.os-anim-section code:after,
.os-anim-section code:before,
.os-anim-section dd:after,
.os-anim-section dd:before,
.os-anim-section del:after,
.os-anim-section del:before,
.os-anim-section details:after,
.os-anim-section details:before,
.os-anim-section dfn:after,
.os-anim-section dfn:before,
.os-anim-section div:after,
.os-anim-section div:before,
.os-anim-section dl:after,
.os-anim-section dl:before,
.os-anim-section dt:after,
.os-anim-section dt:before,
.os-anim-section em:after,
.os-anim-section em:before,
.os-anim-section fieldset:after,
.os-anim-section fieldset:before,
.os-anim-section figcaption:after,
.os-anim-section figcaption:before,
.os-anim-section figure:after,
.os-anim-section figure:before,
.os-anim-section footer:after,
.os-anim-section footer:before,
.os-anim-section form:after,
.os-anim-section form:before,
.os-anim-section h1:after,
.os-anim-section h1:before,
.os-anim-section h2:after,
.os-anim-section h2:before,
.os-anim-section h3:after,
.os-anim-section h3:before,
.os-anim-section h4:after,
.os-anim-section h4:before,
.os-anim-section h5:after,
.os-anim-section h5:before,
.os-anim-section h6:after,
.os-anim-section h6:before,
.os-anim-section header:after,
.os-anim-section header:before,
.os-anim-section hgroup:after,
.os-anim-section hgroup:before,
.os-anim-section html:after,
.os-anim-section html:before,
.os-anim-section i:after,
.os-anim-section i:before,
.os-anim-section iframe:after,
.os-anim-section iframe:before,
.os-anim-section img:after,
.os-anim-section img:before,
.os-anim-section ins:after,
.os-anim-section ins:before,
.os-anim-section kbd:after,
.os-anim-section kbd:before,
.os-anim-section label:after,
.os-anim-section label:before,
.os-anim-section legend:after,
.os-anim-section legend:before,
.os-anim-section li:after,
.os-anim-section li:before,
.os-anim-section mark:after,
.os-anim-section mark:before,
.os-anim-section menu:after,
.os-anim-section menu:before,
.os-anim-section nav:after,
.os-anim-section nav:before,
.os-anim-section object:after,
.os-anim-section object:before,
.os-anim-section ol:after,
.os-anim-section ol:before,
.os-anim-section p:after,
.os-anim-section p:before,
.os-anim-section pre:after,
.os-anim-section pre:before,
.os-anim-section q:after,
.os-anim-section q:before,
.os-anim-section samp:after,
.os-anim-section samp:before,
.os-anim-section section:after,
.os-anim-section section:before,
.os-anim-section small:after,
.os-anim-section small:before,
.os-anim-section span:after,
.os-anim-section span:before,
.os-anim-section strong:after,
.os-anim-section strong:before,
.os-anim-section sub,
.os-anim-section summary:after,
.os-anim-section summary:before,
.os-anim-section sup,
.os-anim-section time:after,
.os-anim-section time:before,
.os-anim-section ul:after,
.os-anim-section ul:before,
.os-anim-section var:after,
.os-anim-section var:before,
.os-anim-section video:after,
.os-anim-section video:before {
  box-sizing: border-box
}

.os-anim-section sub,
.os-anim-section sup {
  background: 0 0;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 100%
}

.os-anim-section a:after,
.os-anim-section a:before,
.os-anim-section sub:after,
.os-anim-section sub:before,
.os-anim-section sup:after,
.os-anim-section sup:before {
  box-sizing: border-box
}

.os-anim-section caption,
.os-anim-section table,
.os-anim-section tbody,
.os-anim-section td,
.os-anim-section tfoot,
.os-anim-section th,
.os-anim-section thead,
.os-anim-section tr {
  background: 0 0;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 100%
}

.os-anim-section article,
.os-anim-section aside,
.os-anim-section details,
.os-anim-section figcaption,
.os-anim-section figure,
.os-anim-section footer,
.os-anim-section header,
.os-anim-section hgroup,
.os-anim-section menu,
.os-anim-section nav,
.os-anim-section section {
  display: block
}

.os-anim-section li,
.os-anim-section ol,
.os-anim-section ul {
  list-style: none
}

.os-anim-section blockquote,
.os-anim-section q {
  quotes: none
}

.os-anim-section blockquote:after,
.os-anim-section blockquote:before,
.os-anim-section q:after,
.os-anim-section q:before {
  content: none
}

.os-anim-section :focus {
  outline: 0
}

.os-anim-section textarea {
  -webkit-appearance: none
}

.os-anim-section input[type=text] {
  -webkit-appearance: none
}

.os-anim-section input[type=text]::-ms-clear {
  display: none
}

.os-anim-section textarea::-ms-clear {
  display: none
}

.os-anim-section input,
.os-anim-section textarea {
  box-sizing: border-box;
  border-radius: 0
}

.os-anim-section input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section input::-moz-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section input:-ms-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section input:focus::-webkit-input-placeholder {
  color: transparent
}

.os-anim-section textarea:focus::-webkit-input-placeholder {
  color: transparent
}

.os-anim-section input:focus::-moz-placeholder {
  color: transparent
}

.os-anim-section textarea:focus::-moz-placeholder {
  color: transparent
}

.os-anim-section input:focus:-ms-input-placeholder {
  color: transparent
}

.os-anim-section textarea:focus:-ms-input-placeholder {
  color: transparent
}

.os-anim-section textarea {
  resize: none
}

.os-anim-section ins {
  text-decoration: none
}

.os-anim-section del {
  text-decoration: line-through
}

.os-anim-section table {
  border-collapse: collapse;
  border-spacing: 0
}

.os-anim-section * {
  word-wrap: break-word;
  box-sizing: border-box
}

@font-face {}

@font-face {}

@font-face {}

.os-anim-section :root {
  --full-screen: calc(var(--vh, 1vh)*100);
  --height-header: 10rem;
  --height-footer: 10rem;
  --gl-indent: 5rem
}

.os-anim-section html {
  font: 400 10px/1.33 DMSans, sans-serif
}

.os-anim-section body,
.os-anim-section html {
  height: 100%
}

.os-anim-section body {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@supports (display:grid) {
  .os-anim-section body {
    display: block
  }
}

.os-anim-section .preloader {
  opacity: 1;
  z-index: 1000;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  transition: opacity .3s;
  position: fixed;
  top: 0;
  left: 0
}

.os-anim-section .body--loaded .preloader {
  opacity: 0;
  pointer-events: none
}

.os-anim-section .wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  height: auto !important
}

.os-anim-section .base,
.os-anim-section .wrapper {
  width: 100%;
  position: relative
}

.os-anim-section .base {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden
}

.os-anim-section a {
  color: #4aa3df;
  text-decoration: none
}

.os-anim-section a:focus,
.os-anim-section a:hover {
  text-decoration: underline
}

.os-anim-section .header {
  height: var(--height-header);
  will-change: transform;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0
}

.os-anim-section .header,
.os-anim-section .section {
  width: 100%;
  font-size: 1rem
}

.os-anim-section .section {
  border-bottom: 1px solid #14105b;
  padding: 15vh 4rem;
  position: relative
}

.os-anim-section .section:last-child {
  border: none;
  padding-bottom: 50vh
}

.os-anim-section .section_in {
  width: 100%;
  max-width: 96rem;
  margin: 0 auto
}

.os-anim-section .footer {
  min-height: var(--height-footer);
  will-change: transform;
  -ms-flex: none;
  flex: none;
  width: 100%;
  font-size: 1rem
}

.os-anim-section .icon {
  fill: currentColor;
  display: block
}

.os-anim-section .icon.icon--size_mod {
  width: 100%;
  height: 100%
}

.os-anim-section .form_input__label {
  margin-bottom: .4rem
}

.os-anim-section .form_input__element,
.os-anim-section .form_input__label {
  color: #000;
  font-size: 1.6rem;
  display: block
}

.os-anim-section .form_input__element {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  will-change: box-shadow;
  background-clip: padding-box;
  border: none;
  border-radius: .5rem;
  width: 100%;
  height: 4rem;
  padding: 0 2rem;
  font-family: DMSans, sans-serif;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  box-shadow: inset 0 0 0 1px #ccc
}

.os-anim-section .form_input__element:focus,
.os-anim-section .form_input__element:hover {
  box-shadow: inset 0 0 0 1px #000
}

.os-anim-section .form_input__element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section .form_input__element::-moz-placeholder {
  color: rgba(0, 0, 0, .4);
  opacity: 1
}

.os-anim-section .form_input__element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section .form_input__element::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  position: absolute;
  right: 0
}

.os-anim-section .form_input__element[type=search]::-ms-clear {
  display: none
}

.os-anim-section .form_input__element[type=search]::-ms-reveal {
  display: none
}

.os-anim-section .form_input__element[type=search]::-webkit-search-cancel-button {
  display: none
}

.os-anim-section .form_input__element[type=search]::-webkit-search-decoration {
  display: none
}

.os-anim-section .form_input__element[type=search]::-webkit-search-results-button {
  display: none
}

.os-anim-section .form_input__element[type=search]::-webkit-search-results-decoration {
  display: none
}

.os-anim-section .form_input__element[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0
}

.os-anim-section select.form_input__element {
  -webkit-tap-highlight-color: transparent
}

.os-anim-section .form_textarea__label {
  color: #000;
  margin-bottom: .4rem;
  font-size: 1.6rem;
  display: block
}

.os-anim-section .form_textarea__element {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  color: #000;
  will-change: box-shadow;
  background-clip: padding-box;
  border: none;
  border-radius: .5rem;
  width: 100%;
  height: 15rem;
  padding: 2rem;
  font-family: DMSans, sans-serif;
  font-size: 1.6rem;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  display: block;
  box-shadow: inset 0 0 0 1px #ccc
}

.os-anim-section .form_textarea__element:focus,
.os-anim-section .form_textarea__element:hover {
  box-shadow: inset 0 0 0 1px #000
}

.os-anim-section .form_textarea__element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section .form_textarea__element::-moz-placeholder {
  color: rgba(0, 0, 0, .4);
  opacity: 1
}

.os-anim-section .form_textarea__element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section .form_textarea__element::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  position: absolute;
  right: 0
}

.os-anim-section .form_textarea__element[type=search]::-ms-clear {
  display: none
}

.os-anim-section .form_textarea__element[type=search]::-ms-reveal {
  display: none
}

.os-anim-section .form_textarea__element[type=search]::-webkit-search-cancel-button {
  display: none
}

.os-anim-section .form_textarea__element[type=search]::-webkit-search-decoration {
  display: none
}

.os-anim-section .form_textarea__element[type=search]::-webkit-search-results-button {
  display: none
}

.os-anim-section .form_textarea__element[type=search]::-webkit-search-results-decoration {
  display: none
}

.os-anim-section .form_textarea__element[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0
}

.os-anim-section select.form_textarea__element {
  -webkit-tap-highlight-color: transparent
}

.os-anim-section .form_select__label {
  color: #000;
  margin-bottom: .4rem;
  font-size: 1.6rem;
  display: block
}

.os-anim-section .form_select__element {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  color: #000;
  will-change: box-shadow;
  background-clip: padding-box;
  border: none;
  border-radius: .5rem;
  width: 100%;
  height: 4rem;
  padding: 0 2rem;
  font-family: DMSans, sans-serif;
  font-size: 1.6rem;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  display: block;
  box-shadow: inset 0 0 0 1px #ccc
}

.os-anim-section .form_select__element:focus,
.os-anim-section .form_select__element:hover {
  box-shadow: inset 0 0 0 1px #000
}

.os-anim-section .form_select__element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section .form_select__element::-moz-placeholder {
  color: rgba(0, 0, 0, .4);
  opacity: 1
}

.os-anim-section .form_select__element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.os-anim-section .form_select__element::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  position: absolute;
  right: 0
}

.os-anim-section .form_select__element[type=search]::-ms-clear {
  display: none
}

.os-anim-section .form_select__element[type=search]::-ms-reveal {
  display: none
}

.os-anim-section .form_select__element[type=search]::-webkit-search-cancel-button {
  display: none
}

.os-anim-section .form_select__element[type=search]::-webkit-search-decoration {
  display: none
}

.os-anim-section .form_select__element[type=search]::-webkit-search-results-button {
  display: none
}

.os-anim-section .form_select__element[type=search]::-webkit-search-results-decoration {
  display: none
}

.os-anim-section .form_select__element[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0
}

.os-anim-section select.form_select__element {
  -webkit-tap-highlight-color: transparent
}

.os-anim-section .form_checkbox__block {
  display: block
}

.os-anim-section .form_checkbox__element {
  display: none
}

.os-anim-section .form_checkbox__label {
  color: #000;
  cursor: pointer;
  padding-left: 3rem;
  font-size: 1.6rem;
  position: relative
}

.os-anim-section .form_checkbox__label:after,
.os-anim-section .form_checkbox__label:before {
  content: "";
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -1px;
  left: 0
}

.os-anim-section .form_checkbox__label:before {
  will-change: transform;
  border: 1px solid #000;
  border-radius: 2px;
  transition: transform .2s, opacity .2s, -webkit-transform .2s
}

.os-anim-section .form_checkbox__element:checked+.form_checkbox__label:before {
  opacity: 0;
  transform: rotate(40deg)scaleX(.6)translateY(-3px)
}

.os-anim-section .form_checkbox__label:after {
  opacity: 0;
  border-bottom: 2px solid #000;
  border-right: 3px solid #000;
  transition: transform .2s, opacity .2s, -webkit-transform .2s
}

.os-anim-section .form_checkbox__element:checked+.form_checkbox__label:after {
  opacity: 1;
  transform: rotate(40deg)scaleX(.6)translateY(-3px)
}

.os-anim-section .form_radio__block {
  display: block
}

.os-anim-section .form_radio__element {
  display: none
}

.os-anim-section .form_radio__label {
  color: #000;
  cursor: pointer;
  padding-left: 3rem;
  font-size: 1.6rem;
  position: relative
}

.os-anim-section .form_radio__label:before {
  content: "";
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -1px;
  left: 0
}

.os-anim-section .form_radio__label:after {
  content: "";
  opacity: 0;
  will-change: opacity;
  background: #000;
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  transition: opacity .3s;
  position: absolute;
  top: .4rem;
  left: .5rem
}

.os-anim-section .form_radio__element:checked+.form_radio__label:after {
  opacity: 1
}

.os-anim-section .section_ui {
  color: #000;
  background-color: #fff
}

.os-anim-section .section_ui__block:not(:last-child) {
  margin-bottom: 6rem
}

.os-anim-section .section_ui__title {
  font-size: 7.2rem;
  font-weight: 700
}

.os-anim-section .section_ui__title:not(:last-child) {
  margin-bottom: 1.4rem
}

.os-anim-section .section_ui__text {
  font-size: 1.8rem
}

.os-anim-section .section_ui__text:not(:last-child) {
  margin-bottom: 2.6rem
}

.os-anim-section .section_ui__text p:not(:last-child) {
  margin-bottom: .6rem
}

.os-anim-section .section_ui__category {
  font-size: 5.6rem;
  font-weight: 700
}

.os-anim-section .section_ui__category:not(:last-child) {
  margin-bottom: 1.4rem
}

.os-anim-section .ui_typography__line {
  border-bottom: 1px solid rgba(0, 0, 0, .6);
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-line-pack: start;
  -ms-flex-pack: start;
  align-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: -2rem;
  padding: 1% 0;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .ui_typography__line:not(:last-child) {
  margin-bottom: 1rem
}

.os-anim-section .ui_typography__line h1 {
  font-size: 7.2rem;
  font-weight: 700
}

.os-anim-section .ui_typography__line h2 {
  font-size: 5.6rem;
  font-weight: 700
}

.os-anim-section .ui_typography__line h3 {
  font-size: 4rem;
  font-weight: 500
}

.os-anim-section .ui_typography__line h4 {
  font-size: 3.2rem
}

.os-anim-section .ui_typography__line h5 {
  font-size: 2.4rem
}

.os-anim-section .ui_typography__line h6 {
  font-size: 2rem
}

.os-anim-section .ui_typography__title {
  text-transform: uppercase;
  line-height: 1
}

.os-anim-section .ui_typography__text {
  font-size: 1.8rem
}

.os-anim-section .ui_typography__item {
  width: 33.333%;
  margin: auto 0;
  padding-right: 2rem;
  font-size: 1.8rem
}

.os-anim-section .ui_typography__item:nth-child(3n+2),
.os-anim-section .ui_typography__item:nth-child(3n+3) {
  text-align: center
}

.os-anim-section .ui_buttons {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-line-pack: center;
  -ms-flex-pack: start;
  align-content: center;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -2rem -2rem 0;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .ui_buttons__item {
  padding: 0 2rem 2rem 0
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_1 {
  color: #fff;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background-color: #4aa3df;
  border-radius: .5rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  padding: 0 1.2rem;
  font-family: DMSans, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 4rem;
  transition: background-color .3s;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_1[type=submit] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_1:focus,
.os-anim-section .ui_buttons__btn.section_ui__btn--mod_1:hover {
  text-decoration: none
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_1:hover {
  background-color: #258cd1
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_2 {
  color: #fff;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background-color: #4aa3df;
  border-radius: .5rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  padding: 0 1.2rem;
  font-family: DMSans, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 4rem;
  transition: background-color .3s;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_2[type=submit] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_2:focus,
.os-anim-section .ui_buttons__btn.section_ui__btn--mod_2:hover {
  text-decoration: none
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_2:hover {
  background-color: #258cd1
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_3 {
  color: #fff;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background-color: #4aa3df;
  border-radius: .5rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  padding: 0 1.2rem;
  font-family: DMSans, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 4rem;
  transition: background-color .3s;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_3[type=submit] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_3:focus,
.os-anim-section .ui_buttons__btn.section_ui__btn--mod_3:hover {
  text-decoration: none
}

.os-anim-section .ui_buttons__btn.section_ui__btn--mod_3:hover {
  background-color: #258cd1
}

.os-anim-section .ui_form__list {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-line-pack: start;
  -ms-flex-pack: start;
  align-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -2rem -2rem 0;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .ui_form__item {
  padding: 0 2rem 2rem 0
}

.os-anim-section .ui_form__title {
  color: #000;
  margin-bottom: .4rem;
  font-size: 1.6rem;
  display: block
}

.os-anim-section .ui_form__subitem:not(:last-child) {
  margin-bottom: 1.2rem
}

.os-anim-section .ui_components__item:not(:last-child) {
  margin-bottom: 2rem
}

.os-anim-section .ui_components__title {
  font-size: 3.2rem;
  font-weight: 700
}

@media screen and (min-width:768px) {
  .os-anim-section .ui_form__item:not(.ui_form__item--full_mod) {
    width: 50%
  }

  .os-anim-section .ui_form__item.ui_form__item--full_mod {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .os-anim-section .ui_form__item {
    width: 100%
  }
}

.os-anim-section .radio {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 40.4em;
  margin: 0 auto
}

.os-anim-section .radio__distances {
  width: 33.3em;
  height: 30.8em;
  margin-left: 3.6em;
  position: relative
}

.os-anim-section .radio__distances:not(:last-child) {
  margin-bottom: .8em
}

.os-anim-section .radio__distance {
  width: 9em;
  height: 6.6em;
  position: absolute;
  bottom: 0;
  left: 0
}

.os-anim-section .radio__distance.radio__distance--v1_mod {
  width: 18.4em;
  height: 15.8em
}

.os-anim-section .radio__distance.radio__distance--v2_mod {
  width: 100%;
  height: 100%
}

.os-anim-section .radio__distance_decor {
  pointer-events: none;
  width: 100%;
  height: 100%
}

.os-anim-section .radio__distance_decor_in {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block
}

.os-anim-section .radio__distance_value {
  color: #ff666a;
  font-size: 1.4em;
  font-weight: 700;
  position: absolute;
  top: 75%;
  right: 28%
}

.os-anim-section .radio__distance--v1_mod .radio__distance_value {
  top: 61%;
  right: 27%
}

.os-anim-section .radio__distance--v2_mod .radio__distance_value {
  top: 56%;
  right: 33%
}

.os-anim-section .radio__markers {
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-line-pack: start;
  -ms-flex-pack: start;
  align-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.os-anim-section .radio__center,
.os-anim-section .radio__markers {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .radio__center {
  color: #fff;
  background-color: #ff666a;
  border-radius: 50%;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-line-pack: center;
  -ms-flex-pack: center;
  align-content: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 7em;
  height: 7em;
  margin-top: -1.6em
}

.os-anim-section .radio__center:not(:last-child) {
  margin-right: 1.8em
}

.os-anim-section .radio__markers_row {
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-line-pack: start;
  -ms-flex-pack: start;
  align-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .radio__markers_col:not(:first-child) {
  margin-left: .8em
}

.os-anim-section .radio__markers_col.radio__markers_col--offset_mod:not(:first-child) {
  margin-left: 6.6em
}

.os-anim-section .radio__marker {
  color: #14105b;
  width: 8.2em
}

.os-anim-section .radio__marker:not(:last-child) {
  margin-bottom: 1.6em
}

.os-anim-section .radio__marker_icon {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-line-pack: end;
  -ms-flex-pack: center;
  align-content: flex-end;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .radio__marker .radio__marker_icon {
  margin-bottom: .8em
}

.os-anim-section .radio__marker_icon.radio__marker_icon--size_1_mod {
  width: 3.2em;
  height: 4em
}

.os-anim-section .radio__marker_icon.radio__marker_icon--size_2_mod {
  width: 5em;
  height: 3.6em
}

.os-anim-section .radio__marker_icon.radio__marker_icon--size_3_mod {
  width: 5.4em;
  height: 4em
}

.os-anim-section .radio__marker_icon.radio__marker_icon--size_4_mod {
  width: 4.4em;
  height: 3.6em
}

.os-anim-section .radio__marker_icon.radio__marker_icon--size_5_mod {
  width: 4.4em;
  height: 4em
}

.os-anim-section .radio__marker_icon svg {
  width: 100%;
  max-height: 100%;
  display: block;
  overflow: visible
}

.os-anim-section .radio__marker_title {
  text-align: center;
  font-size: 1.4em;
  font-weight: 700
}

@media screen and (min-width:640px) {
  .os-anim-section .radio {
    font-size: 10px
  }
}

@media screen and (max-width:639px) {
  .os-anim-section .radio {
    font-size: 2vw
  }
}

.os-anim-section .ship {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30em;
  max-width: 100%;
  height: 38em;
  margin: 0 auto;
  padding-top: 8em;
  font-size: 10px;
  position: relative
}

.os-anim-section .ship__shadow {
  opacity: .4;
  z-index: -1;
  background-image: radial-gradient(28.8em, #9dbeff 0, rgba(157, 190, 255, .79) 19%, rgba(157, 190, 255, .67) 32%, rgba(157, 190, 255, .38) 55%, rgba(157, 190, 255, .2) 74%, rgba(157, 190, 255, .01) 94%, rgba(157, 190, 255, 0) 100%);
  width: 57.2em;
  height: 57.2em;
  margin: -12.6em 0 0 -38.6em;
  position: absolute;
  top: 50%;
  left: 50%
}

.os-anim-section .ship__poster {
  opacity: 0;
  will-change: opacity;
  background-color: #fff;
  border-radius: 1em;
  width: 30em;
  max-width: 100%;
  height: 30em;
  overflow: hidden;
  box-shadow: 0 0 3em rgba(0, 0, 0, .15)
}

.os-anim-section .ship__pic {
  will-change: transform;
  width: 120%;
  margin-left: -20%
}

.os-anim-section .ship__img,
.os-anim-section .ship__pic {
  height: 100%;
  display: block
}

.os-anim-section .ship__img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top left;
  object-position: top left;
  width: 100%
}

.os-anim-section .ship__cross {
  will-change: transform;
  background-color: #fff;
  border: 2px solid #14105b;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  position: absolute;
  top: -2em;
  right: -.4em
}

.os-anim-section .ship__cross:after,
.os-anim-section .ship__cross:before {
  content: "";
  background-color: #14105b;
  border-radius: .4em;
  position: absolute;
  top: 50%;
  left: 50%
}

.os-anim-section .ship__cross:before {
  width: 2px;
  height: 1.6em;
  margin: -.8em 0 0 -1px
}

.os-anim-section .ship__cross:after {
  width: 1.6em;
  height: 2px;
  margin: -1px 0 0 -.8em
}

.os-anim-section .ship__pin {
  will-change: transform;
  width: 120%;
  height: 100%;
  margin-left: -20%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .ship__pin_in {
  z-index: 1;
  position: absolute;
  top: 2em;
  left: 9.4em
}

.os-anim-section .ship__info {
  color: #fff;
  width: 8.8em;
  height: 17.6em;
  padding: 2em 1em;
  position: relative
}

.os-anim-section .ship__info_item {
  will-change: transform, opacity
}

.os-anim-section .ship__info_item:not(:last-child) {
  margin-bottom: 1.5em
}

.os-anim-section .ship__info_title {
  margin-bottom: .25em;
  font-size: 1.2em;
  line-height: 1
}

.os-anim-section .ship__info_value {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1
}

.os-anim-section .ship__stick {
  background-color: #14105b;
  width: 2px;
  height: 5.4em;
  margin: 0 auto
}

.os-anim-section .ship__info_bg,
.os-anim-section .ship__stick {
  transform-origin: 50% 100%
}

.os-anim-section .ship__info_bg {
  will-change: transform;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .ship__info_bg_img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block
}

.os-anim-section .safety {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .safety__shadow {
  opacity: .4;
  z-index: -1;
  background-image: radial-gradient(28.8em, #9dbeff 0, rgba(157, 190, 255, .79) 19%, rgba(157, 190, 255, .67) 32%, rgba(157, 190, 255, .38) 55%, rgba(157, 190, 255, .2) 74%, rgba(157, 190, 255, .01) 94%, rgba(157, 190, 255, 0) 100%);
  width: 65.5em;
  height: 65.5em;
  margin: -32.6em 0 0 -32.6em;
  position: absolute;
  top: 50%;
  left: 50%
}

.os-anim-section .safety_score {
  opacity: 0;
  will-change: opacity;
  background-color: #fff;
  border-radius: 1.4em;
  width: 39.6em;
  padding: 2.8em 2.6em 5.4em;
  box-shadow: 0 0 2.8em rgba(0, 0, 0, .15)
}

.os-anim-section .safety_score__title {
  color: #14105b;
  will-change: opacity;
  margin-bottom: .142857em;
  font-size: 1.4em
}

.os-anim-section .safety_score__data {
  will-change: opacity;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .safety_score__value {
  color: #14105b;
  margin-right: .35em;
  font-size: 4em;
  font-weight: 500;
  line-height: 1
}

.os-anim-section .safety_score__percent {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .4em;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .safety_score__percent_icon {
  width: 1em;
  height: 1.6em;
  margin-right: .2em
}

.os-anim-section .safety_score__percent_text {
  color: #14105b;
  font-size: 2em;
  font-weight: 700;
  line-height: 1
}

.os-anim-section .safety_score__graph_wrap {
  width: 34.2em;
  margin-top: -.9em;
  position: relative
}

.os-anim-section .safety_score__graph {
  width: 100%;
  height: 9.6em;
  position: relative
}

.os-anim-section .safety_score__chart {
  will-change: opacity;
  width: 100%;
  height: 100%
}

.os-anim-section .safety_score__chart_in {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block
}

.os-anim-section .safety_score__line {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .safety_score__line path {
  will-change: transform
}

.os-anim-section .safety_score__line_in {
  width: 100%;
  display: block
}

.os-anim-section .safety_score__label {
  z-index: 2;
  height: 100%;
  position: absolute;
  top: 0
}

.os-anim-section .safety_score__label.safety_score__label--v1_mod {
  left: 0
}

.os-anim-section .safety_score__label.safety_score__label--v2_mod {
  left: 33.3%
}

.os-anim-section .safety_score__label.safety_score__label--v3_mod {
  left: 66.6%
}

.os-anim-section .safety_score__label.safety_score__label--v4_mod {
  left: 100%
}

.os-anim-section .safety_score__label_line {
  background-color: #b6cbf6;
  width: 2px;
  height: calc(100% - 1.6em);
  position: absolute;
  top: 1.6em
}

.os-anim-section .safety_score__label_text {
  color: #14105b;
  text-align: center;
  will-change: opacity;
  width: 2.30769em;
  font-size: 1.3em;
  position: absolute;
  top: calc(100% + .6em);
  left: 50%;
  transform: translate(-50%)
}

.os-anim-section .safety_score__pointer {
  will-change: transform;
  z-index: 5;
  background-color: #14105b;
  border-radius: 50%;
  width: .8em;
  height: .8em;
  position: absolute;
  top: 53%;
  left: -1%
}

.os-anim-section .safety_score__info {
  will-change: transform;
  background-color: #fff;
  border: .1em solid #14105b;
  border-radius: .4em;
  width: 8em;
  margin-left: -4em;
  padding: 1em .4em .8em .8em;
  position: absolute;
  bottom: calc(100% + 1em);
  left: 50%
}

.os-anim-section .safety_score__info:after,
.os-anim-section .safety_score__info:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%
}

.os-anim-section .safety_score__info:before {
  border-color: #14105b transparent transparent
}

.os-anim-section .safety_score__info:after,
.os-anim-section .safety_score__info:before {
  border-style: solid;
  border-width: .7em .7em 0;
  margin-left: -.7em
}

.os-anim-section .safety_score__info:after {
  border-color: #fff transparent transparent;
  margin-top: -.15em
}

.os-anim-section .safety_score__info_head {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .6em;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .safety_score__info_value {
  margin-right: .3em;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1
}

.os-anim-section .safety_score__info_date {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.os-anim-section .safety_score__info_date:before {
  content: "";
  opacity: .3;
  background-color: #14105b;
  border-radius: 50%;
  width: .4em;
  height: .4em;
  margin-right: .3em;
  display: block
}

.os-anim-section .safety_score__info_date_in {
  font-size: 1.1em
}

.os-anim-section .safety_score__info_item {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .safety_score__info_item:not(:last-child) {
  margin-bottom: .35em
}

.os-anim-section .safety_score__info_item:before {
  content: "";
  border-radius: 50%;
  width: .6em;
  height: .6em;
  margin-right: .5em;
  display: block
}

.os-anim-section .safety_score__info_item:first-child:before {
  background-color: #ff5c60
}

.os-anim-section .safety_score__info_item:nth-child(2):before {
  background-color: #ffa94a
}

.os-anim-section .safety_score__info_item:nth-child(3):before {
  background-color: #32bb98
}

.os-anim-section .safety_score__info_item_in {
  font-size: .7em
}

.os-anim-section .safety_distance {
  opacity: 0;
  will-change: opacity;
  z-index: 2;
  background-color: #fff;
  border-radius: 1.4em;
  width: 36em;
  margin-top: 14.2em;
  margin-left: -29.6em;
  padding: 1.4em 1em 4em;
  position: relative;
  box-shadow: 0 0 2.8em rgba(0, 0, 0, .15)
}

.os-anim-section .safety_distance__title {
  color: #14105b;
  text-align: center;
  will-change: opacity;
  max-width: 6.66667em;
  margin-bottom: 1.11111em;
  font-size: .9em;
  line-height: 1.2
}

.os-anim-section .safety_distance__graph_wrap {
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .safety_distance__graph {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24.2em;
  height: 13em;
  margin: 0 .6em 0 3em;
  position: relative
}

.os-anim-section .safety_distance__axis {
  will-change: transform;
  position: absolute
}

.os-anim-section .safety_distance__axis.safety_distance__axis--v1_mod {
  background-color: #b6cbf6;
  width: 2px;
  height: 100%;
  top: 0;
  left: 0
}

.os-anim-section .safety_distance__axis.safety_distance__axis--v2_mod {
  background-color: #b6cbf6;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0
}

.os-anim-section .safety_distance__axis.safety_distance__axis--v3_mod {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  overflow: hidden
}

.os-anim-section .safety_distance__axis_in {
  will-change: transform;
  background-image: linear-gradient(90deg, #b6cbf6, #b6cbf6 50%, rgba(182, 203, 246, 0) 0, rgba(182, 203, 246, 0));
  background-size: .45em .45em;
  border: none;
  width: 100%;
  height: 100%
}

.os-anim-section .safety_distance__label {
  color: #14105b;
  text-align: center;
  text-overflow: ellipsis;
  transform-origin: 50%;
  white-space: nowrap;
  will-change: opacity;
  width: 25%;
  font-size: 1.2em;
  position: absolute;
  overflow: hidden
}

.os-anim-section .safety_distance__label.safety_distance__label--v1_mod {
  top: 0;
  left: 0;
  transform: translate(-82%, 2em)rotate(-90deg)
}

.os-anim-section .safety_distance__label.safety_distance__label--v2_mod {
  top: 50%;
  left: 0;
  transform: translate(-82%, 2em)rotate(-90deg)
}

.os-anim-section .safety_distance__label.safety_distance__label--v3_mod {
  text-align: center;
  width: 50%;
  top: calc(100% + 1em);
  left: 0
}

.os-anim-section .safety_distance__label.safety_distance__label--v4_mod {
  text-align: center;
  width: 50%;
  top: calc(100% + 1em);
  left: 50%
}

.os-anim-section .safety_distance__field {
  text-align: center;
  width: 50%;
  height: 50%;
  padding-top: 1.11111em;
  font-size: .9em;
  position: absolute
}

.os-anim-section .safety_distance__field.safety_distance__field--v1_mod {
  top: 0;
  left: 0
}

.os-anim-section .safety_distance__field.safety_distance__field--v2_mod {
  top: 50%;
  left: 50%
}

.os-anim-section .safety_distance__field_bg {
  opacity: .25;
  will-change: transform;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .safety_distance__field--v1_mod .safety_distance__field_bg {
  transform-origin: 100% 100%;
  background-color: #b6cbf6
}

.os-anim-section .safety_distance__field--v2_mod .safety_distance__field_bg {
  transform-origin: 0 0;
  background-color: #ff666a
}

.os-anim-section .safety_distance__field_title {
  color: #14105b;
  text-align: center;
  will-change: opacity;
  font-size: .9em
}

.os-anim-section .safety_distance__point {
  background-color: #14105b;
  border-radius: 50%;
  width: .6em;
  height: .6em;
  position: absolute
}

.os-anim-section .safety_distance__point.safety_distance__point--v1_mod {
  top: 74%;
  left: 11%
}

.os-anim-section .safety_distance__point.safety_distance__point--v2_mod {
  top: 22%;
  left: 11%
}

.os-anim-section .safety_distance__point.safety_distance__point--v3_mod {
  top: 7.2%;
  left: 54.4%
}

.os-anim-section .safety_distance__point.safety_distance__point--v4_mod {
  top: 19.2%;
  left: 86%
}

.os-anim-section .safety_distance__point.safety_distance__point--v5_mod {
  top: 67%;
  left: 63.8%
}

.os-anim-section .safety_distance__info {
  color: #14105b;
  text-align: center;
  will-change: opacity;
  margin-bottom: -1.77778em;
  font-size: .9em;
  line-height: 1.2
}

@media screen and (min-width:481px) {
  .os-anim-section .safety {
    font-size: 10px
  }
}

@media screen and (max-width:480px) {
  .os-anim-section .safety {
    font-size: 2vw
  }
}

.os-anim-section .cards {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .cards_path {
  width: 46.2em;
  height: 26em;
  margin: 0 auto;
  position: relative
}

.home .os-anim-section .cards_path {
  margin: -3em 0 -5em 0;
}

@media (max-width: 1024px) {
  .home .os-anim-section .cards_path {
    margin: -6em 0 -7em 0;
  }
}

.os-anim-section .cards_path__bg {
  background-color: #fff;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 1em 0 10em rgba(20, 16, 91, .7)
}

.os-anim-section .cards_path__scrollbar {
  height: .5em;
  position: absolute;
  bottom: 3em;
  left: 2.6em;
  right: 2.8em
}

.os-anim-section .cards_path__scrollbar_track {
  background-color: #c4c3d6;
  border-radius: .5em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.os-anim-section .cards_path__scrollbar_scroller {
  background-color: #14105b;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%
}

.os-anim-section .cards_path__scrollbar_thumb_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .cards_path__scrollbar_thumb {
  background-color: #ff666a;
  border-radius: 50%;
  width: 1.4em;
  height: 1.4em;
  margin: -.7em 0 0 -.7em;
  position: absolute;
  top: 50%;
  left: 0
}

.os-anim-section .cards_path__in {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}

.os-anim-section .cards_path__in svg {
  width: 155%;
  height: 164%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-54.4%, -34%)
}

.os-anim-section .cards_graph {
  color: #14105b;
  z-index: 2;
  width: 26.4em;
  height: 15.4em;
  margin: 0 28.2em -3.4em 0;
  padding: 2em 1.7em 2.2em 2em;
  position: relative
}

.os-anim-section .cards_graph__bg {
  background-color: #fff;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: .8em 0 3.7em rgba(20, 16, 91, .6)
}

.os-anim-section .cards_graph__title {
  background-color: #14105b;
  width: 6.6em;
  height: .2em;
  margin-bottom: 1.1em
}

.os-anim-section .cards_graph__data {
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .cards_graph__value {
  margin-right: .16em;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1
}

.os-anim-section .cards_graph__percent {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .cards_graph__percent_icon {
  transform-origin: 50%;
  width: 1em;
  height: 1em;
  margin-top: .2em;
  transform: rotate(180deg)
}

.os-anim-section .cards_graph__percent_text {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.5
}

.os-anim-section .cards_graph__graph_wrap {
  margin-top: -.5em;
  position: relative
}

.os-anim-section .cards_graph__graph {
  z-index: 2;
  position: relative
}

.os-anim-section .cards_graph__graph svg {
  width: 100%;
  display: block
}

.os-anim-section .cards_graph__line {
  width: 100%;
  position: absolute;
  top: 0
}

.os-anim-section .cards_graph__label {
  z-index: 2;
  height: 100%;
  position: absolute;
  top: 0
}

.os-anim-section .cards_graph__label.cards_graph__label--v1_mod {
  left: 0
}

.os-anim-section .cards_graph__label.cards_graph__label--v2_mod {
  left: 33.3%
}

.os-anim-section .cards_graph__label.cards_graph__label--v3_mod {
  left: 66.6%
}

.os-anim-section .cards_graph__label.cards_graph__label--v4_mod {
  left: 100%
}

.os-anim-section .cards_graph__label_line {
  z-index: 5;
  background-color: #b6cbf6;
  width: 1px;
  height: calc(100% - 1.2em);
  position: absolute;
  top: 1.2em
}

.os-anim-section .cards_graph__label_text {
  width: 1.6em;
  margin-left: -.8em;
  position: absolute;
  top: calc(100% + 1em);
  left: 50%
}

.os-anim-section .cards_graph__label_text_in {
  background-color: #c4c3d6;
  width: 100%;
  height: .2em
}

.os-anim-section .cards_graph__label_text_in:not(:last-child) {
  margin-bottom: .9em
}

.os-anim-section .cards_graph__chart {
  z-index: -1;
  position: relative
}

.os-anim-section .cards_circle {
  z-index: 3;
  width: 25.4em;
  height: 15.4em;
  margin: 0 0 -8.6em 15.2em;
  padding: 2.9em 2em;
  position: relative
}

.os-anim-section .cards_circle__bg {
  z-index: -1;
  background-color: #fff;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: .8em 0 3.7em rgba(20, 16, 91, .6)
}

.os-anim-section .cards_circle__title {
  background-color: #14105b;
  width: 8.6em;
  height: .3em;
  margin-bottom: 1.8em
}

.os-anim-section .cards_circle__body,
.os-anim-section .cards_circle__circle {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .cards_circle__circle {
  -ms-flex-pack: center;
  justify-content: center;
  width: 8.6em;
  height: 8.6em;
  margin-right: 2em;
  position: relative
}

.os-anim-section .cards_circle__circle_in {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .cards_circle__label {
  font-size: 2.5em;
  font-weight: 500
}

.os-anim-section .cards_circle__list_item {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .cards_circle__list_item:not(:last-child) {
  margin-bottom: 1.4em
}

.os-anim-section .cards_circle__list_circle {
  border-radius: 50%;
  width: .6em;
  height: .6em;
  margin-right: .7em
}

.os-anim-section .cards_circle__list_item:first-child .cards_circle__list_circle {
  background-color: #ff666a
}

.os-anim-section .cards_circle__list_item:nth-child(2) .cards_circle__list_circle {
  background-color: #99fffe
}

.os-anim-section .cards_circle__list_item:nth-child(3) .cards_circle__list_circle {
  background-color: #b6cbf6
}

.os-anim-section .cards_circle__list_title {
  background-color: #c4c3d6;
  width: 9em;
  height: .2em
}

.os-anim-section .cards_label {
  z-index: 5;
  width: 29em;
  height: 11em;
  margin: -1.4em 0 0 21.2em;
  padding: 1.8em 2em 2.2em 3em;
  position: relative
}

.os-anim-section .cards_label__bg {
  z-index: -1;
  background-color: #fff;
  border-radius: 1em;
  width: 100%;
  overflow: hidden;
  box-shadow: .9em 0 4em rgba(20, 16, 91, .6)
}

.os-anim-section .cards_label__bg,
.os-anim-section .cards_label__bg:before {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .cards_label__bg:before {
  content: "";
  background-color: #98b3ff;
  width: 1em
}

.os-anim-section .cards_label__head {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.4em;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .cards_label__point {
  background-color: #ff666a;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  margin-right: .8em
}

.os-anim-section .cards_label__title {
  background-color: #14105b;
  width: 8.6em;
  height: .3em
}

.os-anim-section .cards_label__btn {
  background-color: #14105b;
  border-radius: 1.3em;
  width: 6.2em;
  height: 2.6em;
  margin-left: auto
}

.os-anim-section .cards_label__subtitle {
  background-color: #14105b;
  width: 9.2em;
  height: .2em;
  margin-bottom: 1.4em
}

.os-anim-section .cards_label__text_in {
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .cards_label__text_in:not(:last-child) {
  margin-bottom: 1.2em
}

.os-anim-section .cards_label__text_line {
  background-color: #c4c3d6;
  height: .2em
}

.os-anim-section .cards_label__text_line:first-child {
  width: 11.2em
}

.os-anim-section .cards_label__text_line:last-child {
  width: 8.4em
}

.os-anim-section .cards_label__text_in:first-child .cards_label__text_line {
  width: 16.6em
}

.os-anim-section .cards_label__text_line:not(:last-child) {
  margin-right: 1em
}

@media screen and (min-width:641px) {
  .os-anim-section .cards {
    font-size: 10px
  }
}

@media screen and (max-width:640px) {
  .os-anim-section .cards {
    font-size: 1.7vw
  }
}

.os-anim-section .library {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border-radius: 1em;
  width: 44em;
  max-width: 100%;
  margin: 0 auto;
  padding: 3em 3.2em 3em 3em;
  position: relative;
  box-shadow: 0 0 3em rgba(0, 0, 0, .15)
}

.os-anim-section .library__shadow {
  opacity: .6;
  z-index: -1;
  background-image: radial-gradient(368px, #9dbeff 0, rgba(157, 190, 255, .79) 19%, rgba(157, 190, 255, .67) 32%, rgba(157, 190, 255, .38) 55%, rgba(157, 190, 255, .2) 74%, rgba(157, 190, 255, .01) 94%, rgba(157, 190, 255, 0) 100%);
  width: 73.4em;
  height: 73.4em;
  margin: -36.7em 0 0 -36.7em;
  position: absolute;
  top: 50%;
  left: 50%
}

.os-anim-section .library__head {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3em;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .library__title {
  color: #14105b;
  font-size: 2.2em;
  font-weight: 500
}

.os-anim-section .library__cross {
  transform-origin: 50%;
  width: 2.4em;
  height: 2.4em;
  margin: 0 -.6em -.4em auto;
  position: relative
}

.os-anim-section .library__cross:after,
.os-anim-section .library__cross:before {
  content: "";
  background-color: #14105b;
  position: absolute;
  top: 50%;
  left: 50%
}

.os-anim-section .library__cross:before {
  width: 2.4em;
  height: .2em;
  margin-top: -.1em;
  margin-left: -1.2em
}

.os-anim-section .library__cross:after {
  width: .2em;
  height: 2.4em;
  margin-top: -1.2em;
  margin-left: -.1em
}

.os-anim-section .library__body {
  position: relative
}

.os-anim-section .library__body:not(:last-child) {
  margin-bottom: 1.8em
}

.os-anim-section .library__scrollbar {
  width: 1em;
  height: calc(100% - 2em);
  position: absolute;
  top: 0;
  right: 0
}

.os-anim-section .library__scrollbar_track {
  opacity: .2;
  height: calc(100% + .6em);
  top: 0
}

.os-anim-section .library__scrollbar_thumb,
.os-anim-section .library__scrollbar_track {
  background-color: #14105b;
  border-radius: .5em;
  width: 100%;
  position: absolute;
  left: 0
}

.os-anim-section .library__scrollbar_thumb {
  height: 7.6em;
  top: 2.2em
}

.os-anim-section .library__list_wrap {
  height: 25em;
  overflow: hidden
}

.os-anim-section .library__item {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .library__item:not(:last-child) {
  margin-bottom: 2em
}

.os-anim-section .library__item_poster {
  will-change: transform;
  width: 12em;
  height: 6.5em;
  margin-right: 2em;
  padding: .9em 1.1em;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.os-anim-section .library__item_pic,
.os-anim-section .library__item_pic:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .library__item_pic:after {
  content: "";
  opacity: .3;
  background-color: #14105b
}

.os-anim-section .library__item_img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block
}

.os-anim-section .library__item_duration {
  color: #fff;
  margin: auto 0 0 auto;
  font-size: 1.2em;
  font-weight: 500;
  position: relative
}

.os-anim-section .library__item_data {
  margin-top: .8em
}

.os-anim-section .library__item_title {
  color: #14105b;
  margin-bottom: .5em;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1
}

.os-anim-section .library__item_text {
  color: #74738c;
  font-size: 1.2em;
  font-weight: 500
}

.os-anim-section .library__more {
  color: #14105b;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .library__more_title {
  font-size: 1.4em;
  font-weight: 500
}

.os-anim-section .library__more_icon {
  width: .6em;
  height: 1.1em;
  margin-left: .8em
}

@media screen and (min-width:481px) {
  .os-anim-section .library {
    font-size: 10px
  }
}

@media screen and (max-width:480px) {
  .os-anim-section .library {
    font-size: 2vw
  }
}

.os-anim-section .risk {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.os-anim-section .risk__shadow {
  opacity: .4;
  z-index: -1;
  background-image: radial-gradient(28.8em, #9dbeff 0, rgba(157, 190, 255, .79) 19%, rgba(157, 190, 255, .67) 32%, rgba(157, 190, 255, .38) 55%, rgba(157, 190, 255, .2) 74%, rgba(157, 190, 255, .01) 94%, rgba(157, 190, 255, 0) 100%);
  width: 65.5em;
  height: 65.5em;
  margin: -32.6em 0 0 -32.6em;
  position: absolute;
  top: 50%;
  left: 50%
}

.os-anim-section .risk__block {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .risk__main {
  width: 31.4em;
  padding: 2.8em 2.4em 2.6em;
  position: relative
}

.os-anim-section .risk__main_bg {
  z-index: -1;
  background-color: #fff;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 1.1em 0 6.5em rgba(0, 0, 0, .15)
}

.os-anim-section .risk__title {
  color: #14105b;
  letter-spacing: .02em;
  margin-bottom: 1em;
  font-size: 1.4em;
  font-weight: 500
}

.os-anim-section .risk__chart,
.os-anim-section .risk__cols {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .risk__chart {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10.8em;
  height: 10.8em;
  margin-right: 2.6em;
  position: relative
}

.os-anim-section .risk__label {
  color: #14105b;
  font-size: 3em;
  font-weight: 500
}

.os-anim-section .risk__chart_el {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .risk__svg {
  width: 100%;
  height: 100%;
  display: block
}

.os-anim-section .risk__list_item {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}

.os-anim-section .risk__list_item:not(:last-child) {
  margin-bottom: .6em
}

.os-anim-section .risk__list_decor {
  border-radius: 50%;
  width: .8em;
  height: .8em;
  margin-right: .9em
}

.os-anim-section .risk__list_item:first-child .risk__list_decor {
  background-color: #ff666a
}

.os-anim-section .risk__list_item:nth-child(2) .risk__list_decor {
  background-color: #99fffe
}

.os-anim-section .risk__list_item:nth-child(3) .risk__list_decor {
  background-color: #b6cbf6
}

.os-anim-section .risk__list_item_in {
  color: #14105b;
  font-size: 1.4em
}

.os-anim-section .risk_alert {
  width: 33.2em;
  margin: 13.4em 0 0 -9.8em;
  padding: 2.2em 4em 3em;
  position: relative
}

.os-anim-section .risk_alert__bg {
  filter: drop-shadow(.9em 0 5em rgba(0, 0, 0, .15));
  will-change: filter;
  background-color: #fff;
  border-radius: 10em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.os-anim-section .risk_alert__bg:after {
  content: "";
  border: 1.6em solid transparent;
  border-top-color: #fff;
  border-bottom-width: 0;
  margin-left: -1.6em;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%
}

.os-anim-section .risk_alert__icon {
  color: #ff666a;
  width: 2em;
  height: 2.8em;
  margin: 0 auto 1.4em
}

.os-anim-section .risk_alert__text {
  color: #14105b;
  text-align: center;
  will-change: transform, opacity;
  font-size: 1.4em;
  line-height: 1.3
}

@media screen and (min-width:641px) {
  .os-anim-section .risk {
    font-size: 10px
  }
}

@media screen and (max-width:640px) {
  .os-anim-section .risk {
    font-size: 1.6vw
  }
}

.os-anim-section .ships_tracking {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 47.8em;
  height: 36em;
  margin: 0 auto;
  position: relative;
  overflow: visible
}

.os-anim-section .ships_tracking__video {
  z-index: 2;
  background-color: #fff;
  box-shadow: 0 0 4em rgba(0, 0, 0, .25)
}

.os-anim-section .ships_tracking__map,
.os-anim-section .ships_tracking__video {
  position: absolute;
  bottom: 0;
  left: 0
}

.os-anim-section .ships_tracking__map {
  z-index: 3;
  background-color: #d8d8d8;
  border-radius: 1em;
  overflow: hidden;
  box-shadow: .5em 0 3em rgba(0, 0, 0, .15)
}

.os-anim-section .ships_tracking__shadow {
  opacity: .4;
  z-index: 1;
  background-image: radial-gradient(28.8em, #9dbeff 0, rgba(157, 190, 255, .79) 19%, rgba(157, 190, 255, .67) 32%, rgba(157, 190, 255, .38) 55%, rgba(157, 190, 255, .2) 74%, rgba(157, 190, 255, .01) 94%, rgba(157, 190, 255, 0) 100%);
  width: 65.5em;
  height: 65.5em;
  margin: -32.6em 0 0 -32.6em;
  position: absolute;
  top: calc(50% - 3em);
  left: 50%
}

.os-anim-section .ships_tracking__player_in {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  display: block
}

@media screen and (min-width:1024px) {
  .os-anim-section .ships_tracking {
    font-size: 10px
  }
}

@media screen and (max-width:639px) {
  .os-anim-section .ships_tracking {
    font-size: 1.6vw
  }
}

.os-anim-section .section {
  border: 0 !important;
  padding: 0 !important
}

.os-anim-section .cards_circle__label {
  color: #14105b
}

.cookies-notice {
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border-radius: 40px 0 0;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 574px;
  height: 204px;
  padding: 40px 40px 40px 30px;
  transition: all .44s ease-out;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
  transform: translateY(20px) !important
}

.cookies-notice.show {
  visibility: visible;
  opacity: 1;
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important
}

.cookies-notice .icon-wrapper {
  width: 124px;
  margin-right: 32px;
  position: relative
}

.cookies-notice .icon-wrapper img {
  width: 100%;
  height: auto;
  display: block
}

.cookies-notice .text-wrapper {
  width: calc(100% - 156px);
  position: relative
}

.cookies-notice .text-wrapper p {
  font-size: 14px;
  line-height: 22px
}

.cookies-notice .text-wrapper p a {
  border-bottom: 1px solid
}

.cookies-notice .text-wrapper .buttons {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.cookies-notice .text-wrapper .buttons .button {
  border: 1px solid #14105b;
  width: 164px;
  height: 50px;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 48px
}

.cookies-notice .text-wrapper .buttons .button.full {
  color: #fff;
  background: #14105b
}

.cookies-notice .text-wrapper .buttons .button.full:hover {
  color: #14105b;
  background: #a1bcf4;
  border-color: #a1bcf4
}

@media screen and (min-width:0) and (max-width:1024px) {
  .cookies-notice {
    border-radius: 40px 40px 0 0;
    width: 100%;
    height: auto;
    padding: 40px 20px 30px;
    display: block
  }

  .cookies-notice .inner-bg {
    z-index: 1;
    background: #fff;
    border-radius: 40px 40px 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

  .cookies-notice .icon-wrapper {
    width: 180px;
    margin: 0;
    position: absolute;
    top: -134px;
    right: -30px
  }

  .cookies-notice .text-wrapper {
    text-align: center;
    z-index: 2;
    width: 100%
  }

  .cookies-notice .text-wrapper .buttons {
    z-index: 2;
    margin: 40px 0 0;
    display: block
  }

  .cookies-notice .text-wrapper .buttons .button {
    width: 100%;
    margin: 0
  }
}

@font-face {
  font-family: PlusJakartaSans-Medium;
  font-style: normal;
  font-weight: 400;
  src: local(Poppins Light), url(fonts/PlusJakartaSans-Medium.woff)format("woff")
}

:root {
  --gl-hr-indent: 30px
}

@media screen and (min-width:1025px) {
  :root {
    --gl-vr-indent: 50px
  }
}

@media screen and (max-width:1024.5px) {
  :root {
    --gl-vr-indent: 40px
  }
}

body.menu-open {
  overflow: hidden
}

.icon.icon--size_mod svg {
  width: 100%;
  height: 100%
}

@media screen and (max-width:1024.5px) {
  div.cover.cover--full_screen_mod {
    min-height: 100vh
  }
}

.button.two {
  line-height: 55px
}

.button.two .button_icon {
  color: #a1bcf4;
  transition: color .3s
}

.button.two:hover .button_icon {
  color: inherit
}

.btn_base {
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  background-color: #98b3ff;
  border-radius: 30px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 23px;
  font-family: Plus Jakarta Sans, sans-serif;
  transition: background .4s ease-in-out;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.btn_base:hover,
.btn_base:focus {
  text-decoration: none
}

.btn_base:hover {
  background-color: #658dff
}

@media screen and (min-width:1025px) {
  .btn_base {
    height: 45px;
    font-size: 14px;
    line-height: 45px
  }
}

@media screen and (max-width:1024.5px) {
  .btn_base {
    min-width: 190px;
    height: 60px;
    font-size: 16px;
    line-height: 60px
  }
}

.btn_v1 {
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #14105b;
  border: none;
  border-radius: 34px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 18px 12px 22px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 700;
  line-height: 60px;
  transition: background .4s ease-in-out, color .4s ease-in-out;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.btn_v1:hover,
.btn_v1:focus {
  text-decoration: none
}

.btn_v1:hover {
  color: #14105b;
  background-color: #a1bcf4
}

@media screen and (min-width:1025px) {
  .btn_v1 {
    min-width: 190px;
    font-size: 16px
  }
}

@media screen and (max-width:1024.5px) {
  .btn_v1 {
    min-width: 180px;
    font-size: 18px
  }
}

.page_section {
  padding: var(--gl-vr-indent)var(--gl-hr-indent);
  font-size: 1rem;
  position: relative
}

.page_section__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (min-width:1025px) {
  .hero_tech {
    padding-top: 480px
  }
}

@media (max-width:1024.5px) and (min-width:768px) {
  .hero_tech {
    padding-top: 310px
  }
}

@media screen and (max-width:767px) {
  .hero_tech {
    padding-top: 226px
  }
}

.hero_tech:before {
  content: "";
  background: linear-gradient(rgba(152, 179, 255, .5) 0%, rgba(152, 179, 255, 0) 100%);
  width: 100%;
  height: 758px;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (min-width:1025px) {
  .hero_tech:before {
    height: 758px
  }
}

@media screen and (max-width:1024.5px) {
  .hero_tech:before {
    height: 400px
  }
}

.hero_tech__decor {
  aspect-ratio: .5;
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.hero_tech__decor_in {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-mask-image: linear-gradient(#000 77%, transparent 100%);
  mask-image: linear-gradient(#000 77%, transparent 100%)
}

@media screen and (min-width:1025px) {
  .hero_tech__decor_in {
    width: 2150px;
    margin-top: -785px;
    margin-left: -1545px
  }
}

@media (max-width:1024.5px) and (min-width:768px) {
  .hero_tech__decor_in {
    width: 1400px;
    margin-top: -535px;
    margin-left: -1035px
  }
}

@media screen and (max-width:767px) {
  .hero_tech__decor_in {
    width: 670px;
    margin-top: -168px;
    margin-left: -482px
  }
}

.hero_tech__decor_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block
}

.hero_tech__content {
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
  position: relative
}

.hero_tech__content:before {
  content: "";
  z-index: -1;
  aspect-ratio: 1;
  pointer-events: none;
  opacity: 0;
  background-color: #ebf0fe;
  width: 80%;
  height: 200px;
  transition: opacity .1s ease-in-out .4s;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%)
}

.hero_tech--animation_start_state .hero_tech__content:before {
  opacity: .6
}

.hero_tech__title {
  text-align: center;
  will-change: transform;
  color: transparent;
  font-family: Plus Jakarta Sans, sans-serif
}

@media screen and (min-width:1025px) {
  .hero_tech__title {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.5
  }
}

@media screen and (max-width:1024.5px) {
  .hero_tech__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3
  }
}

@media screen and (min-width:1025px) {
  .hero_tech__title {
    filter: drop-shadow(0 0 20px #ebf2fe)drop-shadow(0 0 20px #ebf2fe)drop-shadow(0 0 20px #ebf2fe)drop-shadow(0 0 20px #ebf2fe)drop-shadow(0 0 20px #ebf2fe);
    line-height: 1.4
  }
}

@media screen and (max-width:1024.5px) {
  .hero_tech__title {
    filter: drop-shadow(0 0 10px #ebf2fe)drop-shadow(0 0 10px #ebf2fe);
    line-height: 1.27
  }
}

@media screen and (min-width:1025px) {
  .hero_tech__title:not(:last-child) {
    margin-bottom: 90px
  }
}

@media screen and (max-width:1024.5px) {
  .hero_tech__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.hero_tech__text {
  background-color: #fff;
  font-family: Plus Jakarta Sans, sans-serif
}

@media screen and (min-width:1025px) {
  .hero_tech__text {
    border-radius: 18px;
    padding: 60px;
    box-shadow: 0 0 80px rgba(152, 179, 255, .3)
  }
}

@media screen and (max-width:1024.5px) {
  .hero_tech__text {
    border-radius: 10px;
    padding: 30px 30px 40px;
    box-shadow: 0 0 50px rgba(0, 0, 0, .15)
  }
}

.hero_tech__text * {
  font-weight: 500
}

@media screen and (min-width:1025px) {
  .hero_tech__text * {
    letter-spacing: .005em;
    font-size: 22px;
    line-height: 1.73
  }
}

@media screen and (max-width:1024.5px) {
  .hero_tech__text * {
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 1.5
  }
}

.js-hero-tech-card {
  -webkit-clip-path: circle(0%);
  clip-path: circle(0%)
}

.js-hero-tech-circle {
  opacity: 0
}

header .content-wrapper .on-left ul li a:before {
  content: "";
  position: absolute;
  transform-origin: 0;
  width: 12px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0607 1.06066L7.06067 7.06066L1.06067 1.06066' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  left: auto;
  transition: .3s;
}
.header:has(.on-left:hover) a:before,
.header:has(.menu-item:hover) a:before,
header.go-base .content-wrapper .on-left ul li a:before,
header.scrolled .content-wrapper .on-left ul li a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0607 1.06066L7.06067 7.06066L1.06067 1.06066' stroke='%2314105B' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

header .content-wrapper .on-left ul li a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06067 7.06066L7.06067 1.06066L13.0607 7.06066' stroke='%2398B3FF' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

header .content-wrapper .on-left ul li:not(:has(> .mega-menu)) a:before {
  content: none;
}

header .content-wrapper .on-left ul li a.mega-menu__link:before {
  content: none;
}

.single-webinar header, .single-event header {
  display: none;
}

body.menu-open header.scrolled.go-base {
  background: #ffffff;
}

@media screen and (max-width:1024.5px) {
  header#header>[class*=-dropdown] {
    display: none
  }

}

@supports (height:100dvh) {
  .side-menu.side-menu .contact-button {
    top: 100dvh;
    bottom: auto;
    transform: translateY(calc(100% - 30px));
    border-radius: 173px;
    background: #14105B;
    border-color: #14105B;
    left: 0;
    right: 0;
    position: inherit;
  }
}

@supports not (height:100dvh) {

  .side-menu.side-menu .contact-bg,
  .side-menu.side-menu .contact-button {
    position: fixed
  }
}

header .solutions-dropdown.solutions-dropdown {
  /* width: 478px */
  width: 760px;
}

header .solutions-dropdown.solutions-dropdown .inner .item .text-wrapper {
  padding-top: 4px
}

header .solutions-dropdown.solutions-dropdown .inner .item .text-wrapper p:not(.title) {
  margin-top: 4px
}

.single-webinar:not(.pre-recorded-webinar) header, .single-event:not(.pre-recorded-webinar) header {
  display: none;
}

@media (max-width:1024.5px) and (min-width:640px) {
  .home-wrapper .top-section .trusted-wrapper .rec {
    height: auto
  }
}

@media screen and (max-width:639px) {
  .home-wrapper .top-section .trusted-wrapper .rec {
    height: 205px
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .cs-wrapper {
    padding: 80px 0
  }

  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper {
    margin: 68px auto 0
  }
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title {
  color: #213259
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper .logo-title .divider {
    margin: 50px auto 45px
  }
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper h2 {
  margin: 13.6px 0 0;
  line-height: 1.25
}

@media screen and (min-width:1025px) {
  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper h2 {
    margin-top: 7px
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper h2 {
    margin-top: 20px
  }
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper p {
  margin: 39px 0 0;
  line-height: 25px
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper .download {
  margin: 28px 0 0 -10px
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .cs-wrapper .content-wrapper .text-wrapper .download {
    margin-left: auto;
    margin-right: auto
  }
}

.home-wrapper .cs-wrapper .content-wrapper .text-wrapper .download .line {
  margin: 12px auto 0
}

.home-wrapper .sn-wrapper .text-wrapper h2 {
  margin: 12px 0 0
}

.home-wrapper .sn-wrapper .text-wrapper p {
  margin: 38px 0 0
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .sn-wrapper .text-wrapper p {
    line-height: 23px
  }
}

.home-wrapper .safer-wrapper {
  color: #fff
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .safer-wrapper {
    padding: 80px 0
  }

  .home-wrapper .safer-wrapper .numbers .number-wrapper .caption {
    margin-top: 35px
  }

  .home-wrapper .testimonials-wrapper .quote-icon {
    height: 102px
  }

  .home-wrapper .testimonials-wrapper .slider-wrapper {
    margin: 30px auto 40px
  }
}

.home-wrapper .testimonials-wrapper .slider-wrapper .item {
  pointer-events: none
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .testimonials-wrapper .slider-wrapper .item .quote {
    font-size: 20px;
    line-height: 26px
  }

  .home-wrapper .testimonials-wrapper .side-legend {
    margin-top: 0
  }
}

.home-wrapper .testimonials-wrapper .side-legend .items .item:before,
.home-wrapper .testimonials-wrapper .side-legend .items .item:after {
  height: 2px;
  transition: background-color .3s
}

.home-wrapper .testimonials-wrapper .side-legend .items .item:hover:before {
  background-color: #ff666a
}

.home-wrapper .news-wrapper .title-wrapper .learn-more {
  margin-right: 14px
}

@media screen and (min-width:1025px) {
  .home-wrapper .news-wrapper .title-wrapper h2 {
    font-family: Plus Jakarta Sans, sans-serif;
    font-weight: 400
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .news-wrapper .grid-items-wrapper .grid-items .item .desc-wrapper {
    padding: 28px 20px
  }
}

@media screen and (min-width:1025px) {
  .home-wrapper .news-wrapper .grid-items-wrapper .grid-items .item .desc-wrapper .tag {
    padding: 10px 21px
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .news-wrapper .grid-items-wrapper .grid-items .item .desc-wrapper .tag {
    padding: 8px 18px
  }
}

.home-wrapper .news-wrapper .grid-items-wrapper .grid-items .item .desc-wrapper h3 {
  font-size: 25px;
  line-height: 34px
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .news-wrapper .grid-items-wrapper .grid-items .item .more {
    margin-left: 20px
  }
}

@media screen and (min-width:1025px) {
  .home-wrapper .testimonials-wrapper+.news-wrapper {
    margin-top: 80px
  }
}

.page-closer {
  padding-top: 75px;
  overflow: hidden;
}

@media screen and (min-width:1025px) {
  .page-closer .content-wrapper h2 {
    /* line-height: 73px; */
  }
}

@media screen and (max-width:1024.5px) {
  .page-closer .content-wrapper h2 {
    line-height: 63px
  }
}

@media screen and (min-width:1025px) {
  .page-closer .content-wrapper p {
    margin: 60px 0 0
  }
}

@media screen and (max-width:1024.5px) {
  .page-closer .content-wrapper p {
    margin: 30px 0 0
  }
}

@media screen and (min-width:0) and (max-width:1024px) {
  .home-wrapper.home-wrapper .safer-wrapper {
    padding-bottom: 100px
  }
}

footer#footer {
  opacity: 1
}

@media screen and (min-width:1025px) {
  footer#footer .rec .on-top {
    gap: 4rem
  }

  footer#footer .rec .on-top .cols {
    gap: 4rem;
    width: 100%
  }

  footer#footer .rec .on-top .cols .col {
    max-width: 25%
  }
}

@media screen and (max-width:1024.5px) {
  footer#footer .rec .on-top .cols {
    column-gap: 20px;
    margin-bottom: -30px
  }

  footer#footer .rec .on-top .cols .col {
    break-inside: avoid;
    padding-bottom: 30px;
    margin-bottom: 0 !important
  }

  .safer-wrapper {
    padding: 80px 0 !important
  }
}

.safer-wrapper .wow {
  color: #fff
}

@media screen and (max-width:389px) {
  .safer-wrapper .numbers .number-wrapper .number {
    font-size: 70px !important
  }
}

.safer-wrapper .numbers .number-wrapper .caption {
  color: #fff
}

@media screen and (min-width:1025px) {
  .safer-wrapper .numbers .number-wrapper .caption {
    margin: 46px auto 0
  }
}

@media screen and (max-width:1024.5px) {
  .safer-wrapper .numbers .number-wrapper .caption {
    margin: 35px auto 0
  }
}

@media screen and (max-width:1024px) {
  .co-captain-wrapper .vision-wrapper .bg-grad-m {
    top: -94px
  }
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-left {
  cursor: pointer;
  position: relative
}

@media screen and (min-width:1024px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper .on-left {
    width: 550px
  }
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-left .img-wrapper {
  padding-bottom: 56.25%;
  position: relative
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-left .img-wrapper .play {
  transform: opacity .3s ease;
  width: 28px;
  height: 32px;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  top: auto;
  bottom: 29px;
  left: auto;
  right: 29px
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-left .img-wrapper .play:hover {
  opacity: .4
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-right {
  position: relative
}

@media screen and (min-width:1024px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper .on-right {
    width: calc(100% - 550px)
  }
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-right .text-wrapper {
  position: relative
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-right .text-wrapper .grad {
  width: calc(100% + 140px);
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.co-captain-wrapper .stamco-wrapper .content-wrapper .on-right .text-wrapper h2 {
  color: #14105b;
  max-width: 550px;
  font-weight: 600;
  position: relative
}

@media screen and (min-width:1024px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper .on-right .text-wrapper h2 {
    font-size: 40px;
    line-height: 51px
  }
}

@media screen and (max-width:1023px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper .on-right .text-wrapper h2 {
    font-size: 25px;
    line-height: 32px
  }
}

.co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(odd) .on-left {
  -ms-flex-order: 1;
  order: 1
}

.co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(odd) .on-right {
  -ms-flex-order: 2;
  order: 2
}

@media screen and (min-width:1024px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(odd) .on-right {
    padding-left: 60px;
    padding-right: 0
  }
}

.co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(odd) .on-right .grad {
  right: 0
}

@media screen and (min-width:1024px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(2n) .on-left {
    -ms-flex-order: 2;
    order: 2
  }
}

@media screen and (max-width:1023px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(2n) .on-left {
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (min-width:1024px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(2n) .on-right {
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
    padding-right: 60px
  }
}

@media screen and (max-width:1023px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(2n) .on-right {
    -ms-flex-order: 2;
    order: 2
  }
}

.co-captain-wrapper .stamco-wrapper .content-wrapper:nth-child(2n) .on-right .grad {
  left: 0;
  transform: translateY(-50%)rotate(180deg) !important
}

@media screen and (min-width:1024px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper:not(:last-child) {
    margin-bottom: 200px
  }
}

@media screen and (max-width:1023px) {
  .co-captain-wrapper .stamco-wrapper .content-wrapper:not(:last-child) {
    margin-bottom: 80px
  }

  .co-captain-wrapper .stamco-wrapper .content-wrapper:not(:last-child):after {
    content: "";
    z-index: -1;
    opacity: .5;
    background-image: linear-gradient(#98b3ff 0%, #f3f7ff 82%);
    height: 100%;
    position: absolute;
    top: 71%;
    left: -30px;
    right: -30px
  }
}

.membership {
  padding-bottom: var(--gl-vr-indent);
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media screen and (min-width:1025px) {
  .membership {
    min-height: 762px;
    margin-bottom: -40px
  }
}

@media screen and (max-width:1024.5px) {
  .membership {
    margin-bottom: -20px;
    padding-bottom: 100px
  }
}

.membership:after {
  content: "";
  z-index: -2;
  opacity: .5;
  background-image: linear-gradient(1deg, #f3f7ff 23%, #98b3ff 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleY(-1)
}

.membership__content {
  width: 100%;
  height: 100%
}

@media screen and (min-width:1025px) {
  .membership__content {
    gap: 40px;
    display: -ms-flexbox;
    display: flex
  }

  .membership__col:first-child {
    width: 50%;
    max-width: 550px
  }

  .membership__col:nth-child(2) {
    width: 50%;
    max-width: 500px;
    margin-left: auto
  }
}

.membership__title {
  line-height: 1.26;
  position: relative
}

@media screen and (min-width:390px) {
  .membership__title {
    font-size: 42px
  }
}

@media screen and (max-width:389px) {
  .membership__title {
    font-size: 35px
  }
}

@media screen and (max-width:1024.5px) {
  .membership__title:not(:last-child) {
    margin-bottom: 58px
  }
}

.membership__media {
  z-index: -1;
  display: block;
  position: absolute
}

@media screen and (min-width:1025px) {
  .membership__media.membership__media--desktop_mod {
    width: 50%;
    max-width: 700px;
    bottom: 0;
    right: 50%
  }
}

@media screen and (max-width:1024.5px) {
  .membership__media.membership__media--desktop_mod {
    display: none
  }
}

@media screen and (min-width:1025px) {

  .membership__media.membership__media--top_mod,
  .membership__media.membership__media--bottom_mod {
    display: none
  }
}

@media screen and (max-width:1024.5px) {

  .membership__media.membership__media--top_mod,
  .membership__media.membership__media--bottom_mod {
    margin-left: calc(var(--gl-hr-indent)*-1);
    width: 100vw;
    left: 0
  }

  .membership__media.membership__media--top_mod {
    bottom: 112px
  }

  .membership__media.membership__media--bottom_mod {
    bottom: 0
  }
}

.membership__media_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block
}

.membership__form {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media screen and (min-width:1025px) {
  .membership__form {
    padding-top: 8px
  }
}

.membership__form .wpcf7-response-output {
  margin-top: 2rem !important
}

.membership__form form {
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  display: -ms-flexbox;
  display: flex
}

.membership__form_fields:not(:last-child) {
  margin-bottom: 32px
}

.membership__form_field_w:not(:last-child) {
  margin-bottom: 42px
}

.membership__form_input_field .wpcf7-not-valid-tip {
  width: 140px !important;
  font-size: 10px !important;
  top: 100% !important
}

.membership__form_input {
  color: #1c2b59;
  caret-color: #1c2b59;
  background: padding-box padding-box;
  border: none;
  border-bottom: 2px solid;
  border-radius: 0;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  transition: border-color .3s;
  display: block
}

.membership__form_input:focus {
  border-color: #3450a7
}

.membership__form_input_label {
  color: #9593b5;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  display: block
}

@media screen and (max-width:1024.5px) {
  .membership__form_checkboxes_w {
    position: relative
  }
}

@media screen and (min-width:1025px) {
  .membership__form_checkboxes:not(:last-child) {
    margin-bottom: 52px
  }
}

@media screen and (max-width:1024.5px) {
  .membership__form_checkboxes:not(:last-child) {
    margin-bottom: 40px
  }
}

.membership__form_checkbox_w:not(:last-child) {
  margin-bottom: 24px
}

.membership__form_checkbox .wpcf7-form-control-wrap,
.membership__form_checkbox .wpcf7-form-control {
  display: block
}

.membership__form_checkbox .wpcf7-list-item {
  margin: 0;
  display: block
}

.membership__form_checkbox label {
  color: #1c2b59;
  cursor: pointer;
  padding-left: 30px;
  font-size: 12px;
  line-height: 1.3;
  display: block;
  position: relative
}

.membership__form_checkbox label:before,
.membership__form_checkbox label:after {
  cursor: pointer;
  content: "";
  position: absolute
}

.membership__form_checkbox label:before {
  border: 2px solid #98b3ff;
  width: 14px;
  height: 14px;
  transition: border-color .3s;
  top: -3px;
  left: -2px
}

.membership__form_checkbox label:after {
  opacity: 0;
  border-bottom: 2px solid #14105b;
  border-right: 3px solid #14105b;
  width: 8px;
  height: 16px;
  transition: transform .2s, opacity .2s;
  top: -5px;
  left: 2px
}

.membership__form_checkbox label:has(input:checked):after {
  opacity: 1;
  transform: rotate(46deg)scaleX(.6)translateY(-4px)
}

.membership__form_checkbox label:hover:before {
  border-color: #14105b
}

.membership__form_checkbox label br {
  display: block
}

.membership__form_checkbox label a {
  font-weight: 700;
  transition: color .3s
}

.membership__form_checkbox label a:hover,
.membership__form_checkbox label a:focus {
  color: #271fb2
}

.membership__form_checkbox_in {
  display: none
}

[data-form-submitted=true] .membership__form_in {
  pointer-events: none
}

@media screen and (min-width:1025px) {
  [data-form-submitted=true] .membership__form_in {
    opacity: 0
  }
}

@media screen and (max-width:1024.5px) {
  [data-form-submitted=true] .membership__form_in {
    display: none
  }
}

.membership__form_success {
  pointer-events: none;
  margin: auto
}

@media screen and (min-width:1025px) {
  .membership__form_success {
    opacity: 0
  }
}

@media screen and (max-width:1024.5px) {
  .membership__form_success {
    display: none
  }
}

@media screen and (min-width:1025px) {
  .membership__form_success {
    width: 100%;
    padding-bottom: 74px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

@media screen and (max-width:1024.5px) {
  .membership__form_success {
    padding-bottom: 120px
  }
}

[data-form-submitted=true] .membership__form_success {
  opacity: 1;
  pointer-events: initial;
  display: block
}

.membership__form_success_img_w {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: block
}

.membership__form_success_img_w:not(:last-child) {
  margin-bottom: 20px
}

.membership__form_success_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block
}

.membership__form_success_message {
  text-align: center;
  font-weight: 400;
  line-height: 1.25
}

@media screen and (min-width:1025px) {
  .membership__form_success_message {
    font-size: 32px
  }
}

@media screen and (max-width:1024.5px) {
  .membership__form_success_message {
    font-size: 28px
  }
}

.membership__form_success_message br {
  display: block
}

.membership__form_success_message,
.membership__form_success_message p {
  font-family: Plus Jakarta Sans, DM Sans, sans-serif
}

body.show_an .home-wrapper .top-section.feature {
  position: relative
}

@media screen and (min-width:1025px) {
  body.show_an .home-wrapper .top-section.feature {
    padding-top: 0
  }
}

@media screen and (max-width:1024.5px) {
  body.show_an .home-wrapper .top-section.feature {
    padding-top: min(28vw, 150px);
    padding-top: 100px !important;
  }
}

body.show_an .home-wrapper .top-section:not(.feature) {
  padding-bottom: 0
}

.feature__image {
  aspect-ratio: 450/284;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative
}

@media screen and (min-width:1025px) {
  .feature__image {
    width: calc(42% - 51px);
    position: absolute;
    top: 0;
    left: 0
  }
}

@media screen and (max-width:1024.5px) {
  .feature__image {
    width: 100%;
    max-width: 450px
  }

  .feature__image:not(:last-child) {
    margin-bottom: 110px
  }
}

.feature__image:after {
  z-index: 1;
  aspect-ratio: 1;
  content: "";
  background: radial-gradient(47.95% 47.95%, rgba(58, 54, 137, .9) 0%, rgba(58, 54, 137, .79) 20%, rgba(58, 54, 137, .67) 33%, rgba(58, 54, 137, .38) 55%, rgba(58, 54, 137, .2) 74%, rgba(58, 54, 137, .01) 94%, rgba(58, 54, 137, 0) 100%);
  margin: 60px 20px 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (min-width:1025px) {
  .feature__image:after {
    width: 184%
  }
}

@media screen and (max-width:1024.5px) {
  .feature__image:after {
    width: 120%
  }
}

.feature__image_in {
  z-index: 2;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: relative
}

@media screen and (min-width:1025px) {
  .feature__subtitle:not(:last-child) {
    margin-bottom: 8px
  }
}

@media screen and (max-width:1024.5px) {
  .feature__subtitle:not(:last-child) {
    margin-bottom: 29px
  }
}

.home-wrapper .top-section .middle-wrapper .content-wrapper .text-wrapper .feature__title,
.home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper .feature__title {
  margin-top: 0
}

@media screen and (min-width:1025px) {

  .home-wrapper .top-section .middle-wrapper .content-wrapper .text-wrapper .feature__title:not(:last-child),
  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper .feature__title:not(:last-child) {
    margin-bottom: 80px
  }
}

@media screen and (max-width:1024.5px) {

  .home-wrapper .top-section .middle-wrapper .content-wrapper .text-wrapper .feature__title:not(:last-child),
  .home-wrapper .top-section .bottom-wrapper .content-wrapper .text-wrapper .feature__title:not(:last-child) {
    margin-bottom: 59px
  }
}

.features_decor {
  opacity: .28;
  width: 59.6%;
  height: 846px;
  position: absolute;
  top: max(-319px, -24vw);
  left: calc(21% - 19.5px)
}

.features_decor svg {
  width: 100%;
  height: 100%;
  display: block
}

@media screen and (max-width:1024.5px) {
  .features_decor {
    display: none
  }
}

.feature__items {
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 650px;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:1025px) {
  .feature__items {
    gap: 40px;
    padding-left: 8px
  }
}

@media screen and (max-width:1024.5px) {
  .feature__items {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 38px 20px
  }
}

.feature__items:not(:last-child) {
  margin-bottom: 60px
}

.home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper,
.home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper {
  z-index: 2;
  position: relative
}

@media screen and (max-width:1024.5px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper {
    margin-top: 0
  }
}

.home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .items,
.home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .items {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:1025px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .items,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .items {
    margin: 0 0 57px
  }
}

@media screen and (max-width:1024.5px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .items,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .items {
    margin: 0 0 60px
  }
}

.home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .items .item,
.home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .items .item {
  -ms-flex: 0 calc(50% - 20px);
  flex: 0 calc(50% - 20px);
  min-width: 260px;
  margin: 0;
  padding: 0
}

@media screen and (min-width:1025px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .items .item,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .items .item {
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 0 28px
  }
}

@media screen and (max-width:1024.5px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .items .item,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .items .item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 31px
  }
}

.home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .items .item strong,
.home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .items .item strong {
  display: block
}

.home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .learn-more,
.home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .learn-more {
  margin: 0
}

@media screen and (min-width:1025px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper .learn-more,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper .learn-more {
    padding-left: .5em
  }

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .cards,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .cards {
    font-size: min(.76vw, 10.4px)
  }
}

@media screen and (max-width:1024.5px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .cards,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .cards {
    font-size: min(1.84vw, 7px)
  }
}

.home-wrapper.home-wrapper .top-section .bottom-wrapper .os-anim-wrapper,
.home-wrapper.home-wrapper .top-section .middle-wrapper .os-anim-wrapper {
  z-index: 1
}

@media screen and (min-width:1025px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .os-anim-wrapper,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .os-anim-wrapper {
    width: 42%;
    position: absolute;
    top: -13px;
    left: auto;
    right: 0
  }
}

@media screen and (max-width:1024.5px) {

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .os-anim-wrapper,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .os-anim-wrapper {
    width: auto;
    margin-bottom: 133px;
    margin-left: auto;
    margin-right: auto;
    left: -20px
  }

  .home-wrapper.home-wrapper .top-section .bottom-wrapper .os-anim-wrapper .img-circle,
  .home-wrapper.home-wrapper .top-section .middle-wrapper .os-anim-wrapper .img-circle {
    width: 110%;
    height: auto;
    margin: -5% 0 0 -5%
  }
}

@media screen and (min-width:1025px) {
  .home-wrapper.home-wrapper .top-section .middle-wrapper {
    /* margin: 168.5px 0 0 */
    margin: 0;
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .top-section .middle-wrapper {
    margin-top: 0
  }
}

@media screen and (min-width:1025px) {
  .home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper {
    width: 58%;
    margin-left: auto
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .top-section .middle-wrapper .text-wrapper {
    width: auto;
    margin-left: 0
  }
}

@media screen and (min-width:1025px) {
  .home-wrapper.home-wrapper .top-section .bottom-wrapper {
    margin: 444.5px 0 0
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .top-section .bottom-wrapper {
    margin-top: 81px
  }
}

@media screen and (min-width:1025px) {
  .home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper {
    width: 51%
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .top-section .bottom-wrapper .text-wrapper {
    width: auto
  }
}

.partnership_hero {
  color: #fff;
  background: #14105b;
  position: relative;
  overflow: hidden
}

@media screen and (min-width:768px) {
  .partnership_hero {
    min-height: 514px;
    padding-top: 166px
  }
}

@media screen and (max-width:767px) {
  .partnership_hero {
    padding-top: 100px
  }
}

.partnership_hero:before {
  content: "";
  pointer-events: none;
  opacity: .19;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}

@media screen and (min-width:768px) {
  .partnership_hero:before {
    background: linear-gradient(177deg, #14105b 0%, #ff666a 100%);
    height: 100%
  }
}

@media screen and (max-width:767px) {
  .partnership_hero:before {
    background: linear-gradient(#14105b, #ff666a);
    height: 514px
  }
}

@media screen and (min-width:768px) {
  .partnership_hero__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex
  }
}

@media screen and (max-width:767px) {
  .partnership_hero__row {
    z-index: 2;
    position: relative
  }
}

@media screen and (min-width:768px) {
  .partnership_hero__column {
    width: 50%
  }

  .partnership_hero__column:first-child {
    -ms-flex-order: 1;
    order: 1
  }

  .partnership_hero__column:nth-child(2) {
    -ms-flex-order: 0;
    order: 0
  }
}

@media screen and (max-width:767px) {
  .partnership_hero__column:not(:last-child) {
    margin-bottom: 46px
  }
}

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

@media screen and (max-width:767px) {
  .partnership_hero__content {
    text-align: center
  }
}

@media screen and (min-width:1025px) {
  .partnership_hero__title {
    font-family: Plus Jakarta Sans, sans-serif;
    font-weight: 500;
    line-height: 1.28
  }
}

@media screen and (min-width:1025px) and (min-width:1025px) {
  .partnership_hero__title {
    font-size: 42px
  }
}

@media screen and (min-width:1025px) and (max-width:1024.5px) {
  .partnership_hero__title {
    font-size: 35px
  }
}

@media screen and (max-width:1024.5px) {
  .partnership_hero__title {
    font-family: Plus Jakarta Sans, sans-serif;
    font-weight: 600;
    line-height: 1.25
  }
}

@media screen and (max-width:1024.5px) and (min-width:1025px) {
  .partnership_hero__title {
    font-size: 50px;
    line-height: 1.18
  }
}

@media screen and (max-width:1024.5px) and (max-width:1024.5px) {
  .partnership_hero__title {
    font-size: 35px;
    line-height: 43.75px
  }
}

.partnership_hero__title:not(:last-child) {
  margin-bottom: 30px
}

.partnership_hero__picture {
  display: block
}

@media screen and (min-width:768px) {
  .partnership_hero__picture {
    aspect-ratio: 1;
    width: min(44.8vw, 610px);
    position: absolute;
    top: calc(50% + 6px);
    left: calc(50vw + min(5vw, 67px));
    transform: translateY(-50%)
  }
}

@media screen and (max-width:767px) {
  .partnership_hero__picture {
    width: 100vw;
    padding-bottom: 87.2%;
    position: relative;
    left: 50%;
    transform: translate(-50%)
  }
}

.partnership_hero__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.partnership_hero__button {
  font-weight: 600
}

@media screen and (min-width:1025px) {
  .text_section {
    padding-top: calc(var(--gl-vr-indent)*2)
  }
}

@media screen and (max-width:1024.5px) {
  .text_section {
    padding-top: calc(var(--gl-vr-indent)*1.5)
  }
}

.text_section__container {
  max-width: 950px
}

.text_section__content {
  text-align: center;
  color: #14105b
}

.text_section__content strong {
  font-weight: 700
}

@media screen and (min-width:1025px) {
  .text_section__content p {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.73
  }
}

@media screen and (max-width:1024.5px) {
  .text_section__content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.44
  }
}

@media screen and (min-width:1025px) {
  .text_section__content p:not(:last-child) {
    margin-bottom: 3.8rem
  }
}

@media screen and (max-width:1024.5px) {
  .text_section__content p:not(:last-child) {
    margin-bottom: 2.6rem
  }
}

.partnership_news__title {
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600
}

@media screen and (min-width:1025px) {
  .partnership_news__title {
    font-size: 50px;
    line-height: 1.18
  }
}

@media screen and (max-width:1024.5px) {
  .partnership_news__title {
    font-size: 35px;
    line-height: 43.75px
  }
}

@media screen and (min-width:1025px) {
  .partnership_news__title {
    font-size: 42px
  }
}

@media screen and (max-width:1024.5px) {
  .partnership_news__title {
    text-align: center
  }

  .partnership_news__title:not(:last-child) {
    margin-bottom: 38px
  }
}

.safer__bg {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.safer__bg_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block
}

.info_banner {
  position: relative;
  overflow: hidden
}

.info_banner.info_banner__light_mod {
  background-color: #fff
}

@media screen and (min-width:1025px) {
  .info_banner:after {
    content: "";
    pointer-events: none;
    opacity: .4;
    background-image: radial-gradient(circle, #9dbeff 0%, rgba(157, 190, 255, .79) 9%, rgba(157, 190, 255, .67) 16%, rgba(157, 190, 255, .38) 27%, rgba(157, 190, 255, .2) 35%, rgba(157, 190, 255, .01) 45%, rgba(157, 190, 255, 0) 48%);
    width: 1878px;
    height: 1878px;
    position: absolute;
    bottom: -1200px;
    right: -800px
  }
}

.info_banner__content {
  z-index: 1;
  position: relative;
  overflow: hidden
}

@media screen and (min-width:1025px) {
  .info_banner__content {
    border-radius: 20px;
    min-height: 400px;
    padding: 80px;
    box-shadow: 0 0 80px rgba(152, 179, 255, .32)
  }
}

@media screen and (max-width:1024.5px) {
  .info_banner__content {
    border-radius: 10px;
    min-height: 450px;
    padding: 40px 30px;
    box-shadow: 9px 0 50px rgba(0, 0, 0, .15)
  }
}

.info_banner__pic {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.info_banner__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block
}

.info_banner__title {
  color: #fff;
  max-width: 494px;
  font-family: Plus Jakarta Sans, sans-serif;
  line-height: 1.3
}

@media screen and (min-width:1025px) {
  .info_banner__title {
    font-size: 40px;
    font-weight: 600
  }
}

@media screen and (max-width:1024.5px) {
  .info_banner__title {
    font-size: 30px;
    font-weight: 700
  }
}

@media screen and (min-width:1025px) {
  .info_banner__title:not(:last-child) {
    margin-bottom: 42px
  }
}

@media screen and (max-width:1024.5px) {
  .info_banner__title:not(:last-child) {
    margin-bottom: 22px
  }
}

.info_banner__link {
  color: #fff;
  -ms-flex-align: center;
  align-items: center;
  gap: .6rem;
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 700;
  transition: opacity .3s;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:1025px) {
  .info_banner__link {
    font-size: 20px
  }
}

@media screen and (max-width:1024.5px) {
  .info_banner__link {
    font-size: 16px
  }
}

.info_banner__link:hover,
.info_banner__link:focus {
  opacity: .7;
  text-decoration: none
}

.info_banner__link_icon {
  width: 1rem;
  height: 1.8rem;
  display: block
}

.hero_v2 {
  background-color: #fff;
  overflow: hidden
}

@media screen and (min-width:768px) {
  .hero_v2 {
    padding-top: 890px
  }
}

@media screen and (max-width:767px) {
  .hero_v2 {
    padding-top: 560px
  }
}

.hero_v2:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background-color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}

@media screen and (min-width:768px) {
  .hero_v2:before {
    height: 10%
  }
}

@media screen and (max-width:767px) {
  .hero_v2:before {
    height: 30%
  }
}

.hero_v2__bg {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%)
}

@media screen and (min-width:768px) {
  .hero_v2__bg {
    width: 3374px;
    height: auto
  }
}

@media screen and (max-width:767px) {
  .hero_v2__bg {
    width: 1620px;
    height: 684px
  }

  .hero_v2__bg:not(.js-hero-v2-bg) {
    top: 150px
  }
}

.hero_v2__bg:not(.js-hero-v2-bg):before {
  content: "";
  filter: blur(70px);
  opacity: .3;
  background: radial-gradient(circle, rgba(255, 255, 255, .396) 0%, rgba(255, 255, 255, .62) 47%, rgba(255, 255, 255, .52) 75%);
  border-radius: 50%;
  position: absolute;
  transform: rotate(-10deg)
}

@media screen and (min-width:768px) {
  .hero_v2__bg:not(.js-hero-v2-bg):before {
    width: 570px;
    height: 270px;
    top: 36%;
    left: 30%
  }
}

@media screen and (max-width:767px) {
  .hero_v2__bg:not(.js-hero-v2-bg):before {
    width: 270px;
    height: 160px;
    top: 30%;
    left: 20%
  }
}

.hero_v2__decor {
  z-index: 0
}

.hero_v2__img {
  object-fit: cover;
  object-position: top center;
  width: 100%;
  height: 100%;
  display: block
}

.hero_v2__img.hero_v2__img--bg_mod {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width:767px) {
  .hero_v2__img.hero_v2__img--desktop_mod {
    display: none
  }
}

@media screen and (min-width:768px) {
  .hero_v2__img.hero_v2__img--mobile_mod {
    display: none
  }
}

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

.hero_v2__title {
  z-index: 100;
  text-align: center;
  color: #fff;
  width: 100%;
  max-width: 900px;
  max-width: calc(100vw - 60px);
  margin: 0 auto;
  font-family: Plus Jakarta Sans, sans-serif;
  position: absolute;
  left: 50%;
  transform: translate(-50%)
}

.autonomous-shipping .c-breadcrumbs {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
  padding-top: 120px;
}

@media screen and (min-width:1025px) {
  .hero_v2__title {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.5
  }
}

@media screen and (max-width:1024.5px) {
  .hero_v2__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3
  }
}

@media screen and (min-width:768px) {
  .hero_v2__title {
    padding-top: 150px;
    line-height: 1.4;
    top: 0
  }
}

@media screen and (max-width:767px) {
  .hero_v2__title {
    top: 220px
  }

  .autonomous-shipping .c-breadcrumbs {
    padding-top: 0;
    top: 190px;
  }
}

@media (max-width:1024.5px) and (min-width:768px) {
  .hero_v2__title {
    font-size: 46px
  }
}

@media screen and (min-width:1025px) {
  .hero_v2__title:not(:last-child) {
    margin-bottom: 64px
  }
}

@media screen and (max-width:1024.5px) {
  .hero_v2__title:not(:last-child) {
    margin-bottom: 28px
  }
}

@media screen and (max-width:767px) {
  .hero_v2__title.hero_v2__title--desktop_mod {
    display: none
  }
}

@media screen and (min-width:768px) {
  .hero_v2__title.hero_v2__title--mobile_mod {
    display: none
  }
}

.hero_v2__text {
  text-align: center;
  letter-spacing: .01em;
  max-width: 705px;
  margin: 0 auto;
  font-weight: 400
}

@media screen and (min-width:1025px) {
  .hero_v2__text {
    font-size: 22px;
    line-height: 1.7
  }
}

@media screen and (max-width:1024.5px) {
  .hero_v2__text {
    letter-spacing: .03em;
    font-size: 16px;
    line-height: 1.6
  }
}

.hero_v2__text p {
  font-size: inherit;
  line-height: inherit
}

@media screen and (min-width:1025px) {
  .partnership_links__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -30px -30px 0;
    display: -ms-flexbox;
    display: flex
  }

  .partnership_links__column {
    padding: 0 30px 30px 0
  }

  .partnership_links__column:nth-child(odd) {
    width: 44.2%
  }

  .partnership_links__column:nth-child(2n+2) {
    width: 55.8%
  }
}

@media screen and (max-width:1024.5px) {
  .partnership_links__column:not(:last-child) {
    margin-bottom: 20px
  }
}

.links_block {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:1025px) {
  .links_block {
    background-color: #dbe7fb;
    border-radius: 10px;
    padding: 10px 30px
  }
}

.links_block__item:not(:last-child) {
  border-bottom: 1px solid #98b3ff
}

@media screen and (max-width:1024.5px) {
  .links_block__item:last-child {
    border-bottom: 1px solid #98b3ff
  }
}

.links_block__link {
  color: #14105b;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 22px 8px 22px 0;
  font-size: 18px;
  font-weight: 600;
  transition: color .3s;
  display: -ms-flexbox;
  display: flex
}

.links_block__link:hover,
.links_block__link:focus {
  color: #7d67cc
}

.links_block__icon {
  color: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 13px;
  height: 22px;
  margin-left: auto;
  transition: transform .3s
}

.links_block__link:hover .links_block__icon,
.links_block__link:focus .links_block__icon {
  transform: translate(8px)
}

.video_block {
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden
}

.video_block__body {
  width: 100%;
  padding-bottom: 56.25%;
  display: block
}

.video_block__body:before {
  content: "";
  z-index: 2;
  opacity: .58;
  background-color: #14105b;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.video_block__poster {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.video_block__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block
}

.video_block__button {
  z-index: 5;
  color: #fff;
  transition: opacity .3s;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (min-width:1025px) {
  .video_block__button {
    width: 42px;
    height: 48px
  }
}

@media screen and (max-width:1024.5px) {
  .video_block__button {
    width: 28px;
    height: 32px
  }
}

.video_block:hover .video_block__button,
.video_block:focus .video_block__button {
  opacity: .6
}

.advantages {
  background-color: #fff
}

.advantages__head {
  max-width: 900px
}

@media screen and (min-width:1025px) {
  .advantages__head:not(:last-child) {
    margin-bottom: 104px
  }
}

@media screen and (max-width:1024.5px) {
  .advantages__head:not(:last-child) {
    margin-bottom: 60px
  }
}

.advantages__title {
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600;
  line-height: 1.26
}

@media screen and (min-width:1025px) {
  .advantages__title {
    font-size: 40px
  }
}

@media screen and (max-width:1024.5px) {
  .advantages__title {
    font-size: 30px
  }
}

@media screen and (min-width:1025px) {
  .advantages__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media screen and (max-width:1024.5px) {
  .advantages__title:not(:last-child) {
    margin-bottom: 22px
  }
}

.advantages__text {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 20px;
  font-weight: 600
}

@media screen and (min-width:1025px) {
  .advantages__text {
    line-height: 1.3
  }
}

@media screen and (max-width:1024.5px) {
  .advantages__text {
    line-height: 1.44
  }
}

.advantages__text p {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit
}

@media screen and (min-width:1025px) {
  .advantages__list_item:not(:last-child) {
    margin-bottom: 152px
  }
}

@media screen and (max-width:1024.5px) {
  .advantages__list_item:not(:last-child) {
    margin-bottom: 80px
  }
}

@media screen and (min-width:1025px) {
  .advantage {
    gap: 80px;
    display: -ms-flexbox;
    display: flex
  }
}

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

@media screen and (min-width:1025px) {
  .advantage__col:first-child {
    width: 40%;
    max-width: 400px
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__col:first-child:not(:last-child) {
    margin-bottom: 40px
  }
}

@media screen and (min-width:1025px) {
  .advantage--reverse_mod .advantage__col:first-child {
    -ms-flex-order: 2;
    order: 2
  }

  .advantage__col:nth-child(2) {
    width: 60%
  }

  .advantage--reverse_mod .advantage__col:nth-child(2) {
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__media {
    max-width: 600px;
    margin: 0 auto
  }
}

.advantage__pic {
  border-radius: 20px;
  display: block;
  position: relative;
  overflow: hidden
}

@media screen and (min-width:1025px) {
  .advantage__pic {
    padding-bottom: 150%
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__pic {
    padding-bottom: 120%
  }
}

.advantage__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

@media screen and (min-width:1025px) {
  .advantage__col:nth-child(2) .advantage__info:not(.advantage--reverse_mod .advantage__col:nth-child(2) .advantage__info) {
    padding-right: 16.6%
  }

  .advantage--reverse_mod .advantage__col:nth-child(2) .advantage__info {
    -ms-flex-order: 1;
    order: 1;
    padding-left: 16.6%
  }
}

.advantage__subtitle {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px
}

.advantage__subtitle:not(:last-child) {
  margin-bottom: 20px
}

.advantage__title {
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600;
  line-height: 1.3
}

@media screen and (min-width:1025px) {
  .advantage__title {
    font-size: 40px
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__title {
    font-size: 40px
  }
}

@media screen and (min-width:1025px) {
  .advantage__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.advantage__content,
.advantage__content p {
  font-size: 18px
}

@media screen and (min-width:1025px) {
  .advantage__content p {
    line-height: 1.65
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__content p {
    line-height: 1.56
  }
}

@media screen and (min-width:1025px) {
  .advantage__content p:not(:last-child) {
    margin-bottom: 52px
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__content p:not(:last-child) {
    margin-bottom: 26px
  }
}

.advantage__content ul li {
  padding-left: 30px;
  position: relative
}

@media screen and (min-width:1025px) {
  .advantage__content ul li {
    line-height: 1.65
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__content ul li {
    line-height: 1.4
  }
}

.advantage__content ul li:before {
  content: "";
  background-color: #98b3ff;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

@media screen and (min-width:1025px) {
  .advantage__content ul li:not(:last-child) {
    margin-bottom: 22px
  }
}

@media screen and (max-width:1024.5px) {
  .advantage__content ul li:not(:last-child) {
    margin-bottom: 30px
  }
}

.benefits {
  z-index: 1;
  background-color: #fff;
  position: relative;
  overflow: visible
}

@media screen and (min-width:1025px) {
  .benefits {
    padding: 60px 60px 136px
  }

  .benefits__decor_w {
    content: "";
    background-color: #f7faff;
    border-radius: 50%;
    width: 1440px;
    height: 1440px;
    margin-left: -296px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

@media screen and (max-width:1024.5px) {
  .benefits__decor_w {
    display: none
  }
}

@media screen and (min-width:1025px) {
  .benefits__decor {
    aspect-ratio: 1079/863;
    width: 75%;
    margin-top: -26px;
    margin-left: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

@media screen and (max-width:1024.5px) {
  .benefits__decor {
    display: none
  }
}

.benefits__decor_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block
}

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

.benefits__title {
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600;
  line-height: 1.26
}

@media screen and (min-width:1025px) {
  .benefits__title {
    font-size: 40px
  }
}

@media screen and (max-width:1024.5px) {
  .benefits__title {
    font-size: 30px
  }

  .benefits__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media screen and (min-width:1025px) {
  .benefits__list_w {
    margin-top: -86px
  }

  .benefits__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -60px -60px 0;
    padding-bottom: 424px;
    display: -ms-flexbox;
    display: flex
  }

  .benefits__list_item {
    width: 33.3333%;
    padding: 0 60px 60px 0
  }
}

@media screen and (max-width:1024.5px) {
  .benefits__list_item:not(:last-child) {
    margin-bottom: 58px
  }
}

@media screen and (min-width:1025px) {
  .benefits__list_item:nth-child(3n+1) {
    margin-top: 33.6%;
    margin-bottom: -33.6%
  }

  .benefits__list_item:nth-child(3n+2) {
    margin-top: 14%;
    margin-bottom: -14%
  }

  .benefits__item_img_w {
    width: 100px;
    height: 100px
  }
}

@media screen and (max-width:1024.5px) {
  .benefits__item_img_w {
    width: 60px;
    height: 60px
  }
}

@media screen and (min-width:1025px) {
  .benefits__item_img_w:not(:last-child) {
    margin-bottom: 50px
  }
}

@media screen and (max-width:1024.5px) {
  .benefits__item_img_w:not(:last-child) {
    margin-bottom: 20px
  }
}

.benefits__item_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block
}

.benefits__item_title {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px
}

@media screen and (min-width:1025px) {
  .benefits__item_title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media screen and (max-width:1024.5px) {
  .benefits__item_title:not(:last-child) {
    margin-bottom: 20px
  }
}

.benefits__item_text p {
  line-height: 1.66
}

@media screen and (min-width:1025px) {
  .benefits__item_text p {
    font-size: 18px
  }
}

@media screen and (max-width:1024.5px) {
  .benefits__item_text p {
    font-size: 16px
  }
}

.technology {
  overflow: hidden
}

@media screen and (min-width:1025px) {
  .technology {
    padding-top: 164px
  }
}

@media screen and (max-width:1024.5px) {
  .technology {
    overflow: hidden
  }

  .page_section.technology {
    padding-top: 200px;
  }
}

.technology__body {
  counter-reset: technologies
}

@media screen and (min-width:1025px) {
  .technology__item:not(:last-child) {
    margin-bottom: 200px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__item:not(:last-child) {
    margin-bottom: 80px
  }
}

@media screen and (min-width:1025px) {
  .technology__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px -20px 0;
    display: -ms-flexbox;
    display: flex
  }

  .technology__column {
    padding: 0 20px 20px 0
  }
}

@media screen and (max-width:1024.5px) {
  .technology__column:not(:last-child) {
    margin-bottom: 60px
  }
}

@media screen and (min-width:1025px) {

  .technology__item--layout_v1_mod .technology__column:nth-child(odd),
  .technology__item--layout_v3_mod .technology__column:nth-child(odd) {
    width: 45.6%
  }

  .technology__item--layout_v1_mod .technology__column:nth-child(2n+2),
  .technology__item--layout_v3_mod .technology__column:nth-child(2n+2) {
    width: 54.4%
  }

  .technology__item--layout_v2_mod .technology__column:nth-child(odd) {
    width: 53.2%
  }

  .technology__item--layout_v2_mod .technology__column:nth-child(2n+2) {
    width: 46.8%
  }
}

@media screen and (max-width:1024.5px) {
  .technology__item--layout_v2_mod .technology__column:not(:last-child) {
    margin-bottom: 40px
  }
}

@media screen and (min-width:1025px) {
  .technology__item--reverse_mod .technology__column:nth-child(odd) {
    -ms-flex-order: 1;
    order: 1
  }

  .technology__item--reverse_mod .technology__column:nth-child(2n+2) {
    -ms-flex-order: 0;
    order: 0
  }
}

.technology__content {
  position: relative
}

@media screen and (min-width:1025px) {
  .technology__content {
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 30px;
    display: -ms-flexbox;
    display: flex
  }
}

@media screen and (max-width:1024.5px) {
  .technology__content {
    overflow: hidden
  }
}

.technology__number {
  z-index: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative
}

@media screen and (min-width:1025px) {
  .technology__number {
    width: 100px;
    min-height: 450px;
    overflow: hidden
  }
}

@media screen and (max-width:1024.5px) {
  .technology__number {
    width: 80px;
    margin-left: auto;
    margin-right: auto
  }

  .technology__number:not(:last-child) {
    margin-bottom: 42px
  }
}

.technology__number:before {
  z-index: 2;
  content: counter(technologies);
  counter-increment: technologies;
  color: #98b3ff;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 3px
}

@media screen and (min-width:1025px) {
  .technology__number:before {
    width: 100px;
    height: 100px;
    font-size: 40px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__number:before {
    width: 80px;
    height: 80px;
    font-size: 30px
  }
}

.technology__number:after {
  content: "";
  z-index: 1;
  background: linear-gradient(rgba(250, 252, 255, 0) 0%, #f3f7ff 64%);
  position: absolute
}

@media screen and (min-width:1025px) {
  .technology__number:after {
    width: 100%;
    height: 330px;
    top: 250px;
    left: 0
  }
}

@media screen and (max-width:1024.5px) {
  .technology__number:after {
    width: 100px;
    height: 351px;
    margin-left: -50px;
    top: 16px;
    left: 50%
  }
}

.technology__number span {
  z-index: 0;
  will-change: transform;
  background-color: #98b3ff;
  width: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%)
}

@media screen and (min-width:1025px) {
  .technology__number span {
    height: min(100%, 465px)
  }
}

@media screen and (max-width:1024.5px) {
  .technology__number span {
    height: 234px;
    left: 50%
  }
}

@media screen and (min-width:1025px) {
  .technology__item--reverse_mod .technology__number {
    -ms-flex-order: 1;
    order: 1
  }

  .technology__item--reverse_mod .technology__number:before {
    margin-left: auto
  }
}

.technology__info {
  color: #14105b;
  will-change: transform
}

@media screen and (min-width:1025px) {
  .technology__info {
    padding-top: 2px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__info {
    z-index: 3;
    position: relative
  }

  .technology__head,
  .technology__heading {
    text-align: center
  }
}

@media screen and (min-width:1025px) {

  .technology__item--layout_v1_mod .technology__head:not(:last-child),
  .technology__item--layout_v3_mod .technology__head:not(:last-child) {
    margin-bottom: 30px
  }
}

@media screen and (max-width:1024.5px) {

  .technology__item--layout_v1_mod .technology__head:not(:last-child),
  .technology__item--layout_v3_mod .technology__head:not(:last-child) {
    margin-bottom: 20px
  }
}

@media screen and (min-width:1025px) {
  .technology__item--layout_v2_mod .technology__head:not(:last-child) {
    margin-bottom: 28px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__item--layout_v2_mod .technology__head:not(:last-child) {
    margin-bottom: 22px
  }
}

.technology__label {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 20px;
  font-weight: 600
}

@media screen and (min-width:1025px) {
  .technology__label:not(:last-child) {
    margin-bottom: 12px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__label:not(:last-child) {
    margin-bottom: 21px
  }
}

.technology__title {
  font-family: Plus Jakarta Sans, sans-serif;
  font-weight: 600;
  line-height: 1.28
}

@media screen and (min-width:1025px) {
  .technology__title {
    font-size: 40px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__title {
    font-size: 30px;
    font-weight: 700
  }
}

@media screen and (min-width:1025px) {
  .technology__list {
    font-size: 18px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__list {
    font-size: 16px
  }
}

.technology__list>p {
  font-weight: 500;
  line-height: 1.6
}

@media screen and (max-width:1024.5px) {
  .technology__list>p {
    font-size: 16px;
    line-height: 1.7
  }
}

@media screen and (min-width:1025px) {
  .technology__list ul:not(:last-child) {
    margin-bottom: 30px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__list ul:not(:last-child) {
    margin-bottom: 38px
  }
}

.technology__list ul li {
  position: relative
}

@media screen and (min-width:1025px) {
  .technology__list ul li {
    padding-left: 12px;
    line-height: 1.67
  }
}

@media screen and (max-width:1024.5px) {
  .technology__list ul li {
    padding-left: 10px;
    line-height: 1.69
  }
}

.technology__list ul li:before {
  content: "";
  aspect-ratio: 1;
  background-color: currentColor;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 1px
}

@media screen and (min-width:1025px) {
  .technology__list ul li:before {
    width: 5px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__list ul li:before {
    width: 4px
  }
}

@media screen and (min-width:1025px) {
  .technology__item--layout_v2_mod .technology__list {
    max-width: 408px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__item--layout_v2_mod .technology__list {
    max-width: 90%
  }
}

@media screen and (min-width:1025px) {
  .technology__item--layout_v2_mod .technology__list ul li {
    text-indent: 12px;
    padding-left: 0
  }
}

@media screen and (max-width:1024.5px) {
  .technology__item--layout_v3_mod .technology__list {
    max-width: 89%
  }
}

@media screen and (min-width:768px) {
  .technology__item--layout_v2_mod .technology__img_wrap:not(:last-child) {
    margin-bottom: 40px
  }
}

@media screen and (max-width:767px) {
  .technology__item--layout_v2_mod .technology__img_wrap:not(:last-child) {
    margin-bottom: 42px
  }
}

.technology__item--layout_v1_mod .technology__media {
  max-width: 708px;
  max-height: 496px;
  margin-left: auto;
  position: relative
}

@media screen and (min-width:1025px) {
  .technology__item--layout_v1_mod .technology__media {
    padding-top: 4px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__item--layout_v1_mod .technology__media {
    margin-bottom: -5.2rem
  }
}

.technology__item--layout_v1_mod .technology__media:before {
  content: "";
  opacity: .4;
  pointer-events: none;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  position: absolute
}

@media screen and (min-width:1025px) {
  .technology__item--layout_v1_mod .technology__media:before {
    top: 37%;
    left: 55%;
    box-shadow: 0 0 50px 50px #9dbeff, 0 0 100px 100px rgba(157, 190, 255, .79), 0 0 150px 150px rgba(157, 190, 255, .67), 0 0 200px 200px rgba(157, 190, 255, .38), 0 0 250px 250px rgba(157, 190, 255, .2), 0 0 300px 300px rgba(157, 190, 255, .01), 0 0 350px 350px rgba(157, 190, 255, 0)
  }
}

@media screen and (max-width:1024.5px) {
  .technology__item--layout_v1_mod .technology__media:before {
    top: 40%;
    left: 38%;
    box-shadow: 0 0 25px 25px #9dbeff, 0 0 50px 50px rgba(157, 190, 255, .79), 0 0 75px 75px rgba(157, 190, 255, .67), 0 0 100px 100px rgba(157, 190, 255, .38), 0 0 125px 125px rgba(157, 190, 255, .2), 0 0 150px 150px rgba(157, 190, 255, .01), 0 0 175px 175px rgba(157, 190, 255, 0)
  }

  .technology__item--layout_v1_mod .technology__media {
    margin-right: auto
  }
}

@media screen and (min-width:1025px) {
  .technology__item--layout_v2_mod .technology__media {
    max-width: 500px;
    padding-top: 14px
  }
}

.technology__item--layout_v3_mod .technology__media {
  max-width: 550px
}

@media screen and (max-width:1024.5px) {
  .technology__item--layout_v3_mod .technology__media {
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (min-width:1025px) {
  .technology__item--layout_v3_mod:not(.technology__item--reverse_mod) .technology__media {
    margin-left: auto
  }
}

.technology__picture {
  pointer-events: none;
  border-radius: 20px;
  display: block;
  position: relative
}

@media screen and (min-width:1025px) {
  .technology__item--layout_v1_mod.technology__item--reverse_mod .technology__item--layout_v1_mod .technology__picture {
    top: 50%;
    left: 43%
  }

  .technology__item--layout_v1_mod:not(.technology__item--reverse_mod) .technology__picture {
    margin-left: 3.2vw
  }
}

.technology__item--layout_v2_mod .technology__picture {
  padding-bottom: 53.1%;
  overflow: hidden
}

.technology__item--layout_v3_mod .technology__picture {
  border-radius: 20px;
  padding-bottom: 56.4%;
  overflow: hidden
}

.technology__picture.technology__picture--base_mod {
  will-change: transform
}

@media screen and (max-width:1024.5px) {
  .technology__picture.technology__picture--base_mod {
    width: 100%
  }
}

.technology__picture.technology__picture--base_mod img {
  position: static;
  overflow: hidden
}

@media screen and (min-width:1025px) {
  .technology__picture.technology__picture--base_mod img {
    border-radius: 20px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__picture.technology__picture--base_mod img {
    border-radius: 12px
  }
}

@media screen and (min-width:1025px) {
  .technology__picture.technology__picture--base_mod {
    max-width: 434px;
    max-height: 400px
  }
}

@media screen and (max-width:1024.5px) {
  .technology__picture.technology__picture--base_mod {
    width: 72%
  }
}

.technology__picture.technology__picture--info_mod {
  will-change: transform;
  width: 72.7%
}

@media screen and (min-width:1025px) {
  .technology__picture.technology__picture--info_mod {
    max-width: 434px;
    margin-top: -41.8%
  }
}

@media screen and (max-width:1024.5px) {
  .technology__picture.technology__picture--info_mod {
    margin-top: -45%
  }
}

.technology__picture.technology__picture--info_mod img {
  position: static
}

@media screen and (min-width:1200px) {
  .technology__item--reverse_mod .technology__picture.technology__picture--info_mod {
    margin-left: 42.4%
  }
}

@media (max-width:1199px) and (min-width:1025px) {
  .technology__item--reverse_mod .technology__picture.technology__picture--info_mod {
    margin-left: 40%
  }
}

@media screen and (max-width:1024.5px) {
  .technology__item--reverse_mod .technology__picture.technology__picture--info_mod {
    margin-left: 45.6%
  }
}

@media screen and (min-width:1200px) {
  .technology__picture.technology__picture--info_mod:not(.technology__item--reverse_mod .technology__picture.technology__picture--info_mod) {
    margin-left: 49.2%
  }
}

@media (max-width:1199px) and (min-width:1025px) {
  .technology__picture.technology__picture--info_mod:not(.technology__item--reverse_mod .technology__picture.technology__picture--info_mod) {
    margin-left: 44%
  }
}

@media screen and (max-width:1024.5px) {
  .technology__picture.technology__picture--info_mod:not(.technology__item--reverse_mod .technology__picture.technology__picture--info_mod) {
    margin-left: 45.4%
  }
}

.technology__img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.technology__img_text {
  font-size: 18px
}

@media screen and (min-width:768px) {
  .technology__img_text {
    -ms-flex: auto;
    flex: auto
  }

  .technology__img_text:not(:last-child) {
    margin-bottom: 24px
  }
}

@media screen and (max-width:767px) {
  .technology__img_text:not(:last-child) {
    margin-bottom: 34px
  }
}

@media screen and (min-width:1025px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--news_mod {
    padding-bottom: 185px
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--news_mod {
    padding-bottom: 55px
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--news_mod .text-wrapper {
  z-index: 2;
  max-width: 716px;
  position: relative
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--news_mod .text-wrapper p {
  max-width: 716px
}

@media screen and (min-width:1025px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--news_mod .text-wrapper p {
    line-height: 1.6
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--news_mod .text-wrapper p {
    margin-top: 21px;
    line-height: 1.54
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--news_mod .text-wrapper h2 {
  margin-top: 40px
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--news_mod .text-wrapper h2 {
    font-size: 40px;
    line-height: 50px
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod {
  color: #14105b;
  background-color: #fff;
  padding: 100px 0 80px;
  position: relative
}

@media screen and (min-width:768px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .content-wrapper {
    padding-top: 240px;
    padding-right: 25%
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .text-wrapper {
  z-index: 2;
  max-width: 716px;
  position: relative
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .text-wrapper p {
  max-width: 716px
}

@media screen and (min-width:1025px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .text-wrapper p {
    line-height: 1.25
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .text-wrapper p {
    margin-top: 21px;
    line-height: 1.54
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .text-wrapper h2 {
  margin-top: 40px
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .text-wrapper h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media screen and (min-width:768px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__buttons:not(:first-child) {
    margin-top: 80px
  }
}

@media screen and (max-width:767px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__buttons:not(:first-child) {
    margin-top: 38px
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .button {
  color: #14105b;
  text-align: left;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 533px;
  height: auto;
  min-height: 60px;
  margin: 27px 0 0;
  padding: 0 30px;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:1025px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .button {
    font-weight: 500
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .button {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .button:first-child {
  margin-top: 0
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .button svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
  transform: none !important
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__img {
  aspect-ratio: 1;
  display: block
}

@media screen and (min-width:768px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__img {
    width: 54%;
    position: absolute;
    top: 0;
    right: 0
  }
}

@media screen and (max-width:767px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__img {
    width: 100%;
    max-width: 374px
  }

  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__img:not(:last-child) {
    margin-bottom: 50px
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__img_in {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__logo {
  width: 100%
}

@media screen and (min-width:768px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__logo {
    max-width: 347px;
    height: 31px
  }
}

@media screen and (max-width:767px) {
  .home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__logo {
    max-width: 100%;
    height: 40px;
    margin: 0 auto
  }
}

.home-wrapper.home-wrapper .sn-wrapper.shipping_feature.shipping_feature--v2_mod .shipping_feature__logo_in {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block
}

@media screen and (min-width:1025px) {
  .shipping_feature+.shipping_feature_videos {
    --top-offset: 55px !important
  }
}

@media screen and (max-width:1024.5px) {
  .shipping_feature+.shipping_feature_videos {
    --top-offset: 0px !important;
    padding-top: 40px !important
  }
}

.home-wrapper .sn-wrapper.shipping_feature_videos {
  color: #14105b;
  margin-top: calc(var(--top-offset)*-1);
  background-color: transparent;
  position: relative
}

@media screen and (min-width:1025px) {
  .home-wrapper .sn-wrapper.shipping_feature_videos {
    --top-offset: 240px
  }
}

@media screen and (max-width:1024.5px) {
  .home-wrapper .sn-wrapper.shipping_feature_videos {
    --top-offset: 130px
  }
}

.home-wrapper .sn-wrapper.shipping_feature_videos .grid-items-wrapper .grid-items .item .desc-wrapper .tag {
  padding: 8px 24px
}

.home-wrapper .sn-wrapper.shipping_feature_videos .grid-items-wrapper .grid-items .item .desc-wrapper h3 {
  line-height: 1.6
}

.home-wrapper .sn-wrapper.shipping_feature_videos .content-wrapper {
  z-index: 3
}

.home-wrapper .sn-wrapper.shipping_feature_videos .grid-items-wrapper .grid-items .item {
  box-shadow: 0 2px 20px rgba(152, 179, 255, .19)
}

.shipping_feature_videos__decor {
  left: 0;
  top: var(--top-offset);
  height: calc(100% - var(--top-offset));
  z-index: 1;
  background-color: #fff;
  width: 100%;
  position: absolute;
  overflow: hidden
}

.shipping_feature_videos__decor:after {
  z-index: 2;
  aspect-ratio: 1;
  opacity: .4;
  content: "";
  -webkit-clip-path: polygon(0 25%, 100% 15%, 100% 100%, 0% 100%);
  clip-path: polygon(0 25%, 100% 15%, 100% 100%, 0% 100%);
  filter: blur(21px);
  background-image: radial-gradient(#9dbeff 0%, rgba(157, 190, 255, .79) 19%, rgba(157, 190, 255, .67) 32%, rgba(157, 190, 255, .38) 55%, rgba(157, 190, 255, .2) 74%, rgba(157, 190, 255, .01) 94%, rgba(157, 190, 255, 0) 100%);
  border-radius: 50%;
  width: calc(100% - 50px);
  margin: -350px 0 0 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (max-width:1024.5px) {
  .shipping_feature_videos__decor:after {
    display: none
  }
}

html {
  font-size: 10px
}

body {
  color: #14105b;
  background: #f3f7ff;
  font-family: DM Sans, sans-serif;
  font-size: 10px;
  font-weight: 400
}

.js-fade-item {
  opacity: 0;
  will-change: opacity
}


.home-wrapper .cs-wrapper-new {
  padding: 104px 0 40px;
}

.home-wrapper .cs-wrapper-new .cs-top-heading {
  text-align: center;
  margin-bottom: 100px;
}

.home-wrapper .cs-wrapper-new .cs-top-heading h3 {
  opacity: 1;
  color: rgba(20, 16, 91, 1);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 30px;
}

.home-wrapper .cs-wrapper-new .cs-top-heading p {
  opacity: 1;
  color: rgba(20, 16, 91, 1);
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: center;
  line-height: 26px;
  max-width: 750px;
  margin: 0 auto;
}

.home-wrapper .cs-wrapper-new .items-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item {
  width: 575px;
  height: 506px;
  display: flex;
  flex-flow: column wrap;
  padding: 40px;
  color: #fff;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item.cs-item-01 {
  background: url(images/cs-new-1.png) no-repeat center center / cover;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item.cs-item-02 {
  background: url(images/cs-new-2.png) no-repeat center center / cover;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-top-info h4 {
  opacity: 1;
  color: rgba(255, 255, 255, 1);
  font-family: "DM Sans", sans-serif;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 17px;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-top-info p {
  opacity: 1;
  color: rgba(255, 255, 255, 1);
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-bottom-info {
  margin-top: auto;
  margin-bottom: 0;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link p {
  position: relative;
  opacity: 1;
  color: rgba(255, 255, 255, 1);
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 40px;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link p:before {
  height: 41px;
  width: 1px;
  margin-left: 22px;
  content: '';
  position: absolute;
  top: -9px;
  left: -40px;
  background: #90A3D0;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-read-link {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-read-link a {
  opacity: 1;
  color: rgba(255, 255, 255, 1);
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  text-align: left;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-read-link a img {
  margin-left: 5px;
  transition: 100ms all ease-in;
  transition-delay: 0s;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-hover-text {
  opacity: 0;
  /* visibility: hidden; */
  backface-visibility: hidden;
  transition: 100ms all ease-in;
  transition-delay: 0ms;
  /* top: 20px; */
  position: relative;
  /* animation: 0.5s fadeOutDownSpecial; */
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-hover-text h3 {
  margin-bottom: 20px;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item:hover .cs-hover-text {
  opacity: 1;
  animation: 300ms csFadeInUpSpecial;
  /* transition-delay: 0ms; */
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link {
  display: flex;
  position: relative;
  align-items: center;
  /* transform: translateY(82px); */
  transform: translateY(45px);
  transition: transform 250ms 0s;
  transition-delay: 50ms;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link img {
  width: 172px;
  height: auto;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item:hover .cs-logo-link {
  transform: translateY(-28px);
  transition: transform 200ms;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item:hover .cs-read-link a img {
  margin-left: 10px;
  transition-delay: 0s;
}

.home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-read-link .cs-hover-text h3 {
  opacity: 1;
  color: rgba(255, 255, 255, 1);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 20px;
}

@keyframes csLogoGoUp {
  0% {
    transform: translateY(90px);
  }

  to {
    transform: translateY(0);
  }
}

.home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper .logo-group {
  position: relative;
  will-change: transform;
  transform-style: preserve-3d;
}

.home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper .logo-group .single-logo {
  position: absolute;
  will-change: opacity;
  transform: rotateX(0deg) translateX(10px);
  top: 0;
  left: 0;
  background: #dbe7fb;
}

.home-wrapper .top-section .trusted-wrapper .rec .trusted-overlay {
  pointer-events: none;
}

.home-wrapper .news-wrapper {
  padding-top: 60px;
}

@keyframes trustedLogosFlip {
  0% {
    transform: rotateX(0deg) translateZ(10px);
    opacity: 0;
  }

  to {
    transform: rotateX(180deg) translateZ(10px);
    opacity: 1;
  }
}

.home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper {
  padding: 0 20px;
  margin: 0;
}

@keyframes csFadeInUpSpecial {
  0% {
    visibility: hidden;
    transform: translateY(37px);
  }

  to {
    visibility: visible;
    transform: translateY(0)
  }
}

@media (max-width: 1366px) {
  .home-wrapper .cs-wrapper-new .items-wrapper {
    display: flex;
    justify-content: center;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item {
    width: 475px;
    border-radius: 30px;
  }
}

@media (max-width: 1024px) {
  .home-wrapper .cs-wrapper-new .items-wrapper {
    flex-flow: column wrap;
    align-items: center;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-hover-text {
    opacity: 1;
    animation: none;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item:hover .cs-hover-text {
    animation: none;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-hover-text h3 {
    display: none;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link {
    transform: translateY(-20px);
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link p {
    margin-left: 0;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link p:before {
    display: none;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link p:after {
    width: 137px;
    height: 1px;
    background: #90A3D0;
    content: '';
    display: block;
    bottom: -20px;
    left: 0;
    position: absolute;
    opacity: 0.2;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link img {
    margin-bottom: 10px;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-logo-link p {
    margin-bottom: 20px;
  }

  .home-wrapper .top-section .trusted-wrapper .rec .trusted-overlay {
    border-radius: 0;
  }

  .home-wrapper .top-section .trusted-wrapper .rec {
    padding: 0;
    height: auto;
  }

  .home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper {
    padding: 0 10px;
    margin: 0;
  }

  .home-wrapper .top-section .trusted-wrapper .rec .logos {
    margin: 0
  }
}

@media (max-width: 768px) {
  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item {
    width: 330px;
    height: 484px;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item.cs-item-01 {
    background: url(images/cs-mob-1-new.png) no-repeat bottom center / cover;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item.cs-item-02 {
    background: url(images/cs-mob-2-new.png) no-repeat bottom center / cover;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item .cs-top-info {
    display: none;
  }

  .home-wrapper .cs-wrapper-new .cs-top-heading h3 {
    font-size: 35px;
    max-width: 330px;
    margin: 0 auto 30px;
  }

  .home-wrapper .cs-wrapper-new .cs-top-heading p {
    line-height: 22px;
    max-width: 330px;
  }

  .home-wrapper .cs-wrapper-new .items-wrapper {
    grid-gap: 72px;
  }

  .home-wrapper.home-wrapper .safer-wrapper {
    padding-bottom: 100px !important;
    padding-top: 0 !important;
  }

  .home-wrapper .testimonials-wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 420px) {
  .home-wrapper .cs-wrapper-new .items-wrapper .cs-item {
    max-width: 100%;
  }

  .home-wrapper .top-section .trusted-wrapper .rec .logos .logo-wrapper {
    display: flex;
    justify-content: center;
  }
}

/* Events Lobby */
.events-wrapper {
  padding: 170px 0 70px;
  position: relative
}

.events-wrapper h1 {
  font-size: 70px;
  font-weight: 600;
  line-height: 88px
}

.events-wrapper .events {
  margin: 50px 0 0;
  position: relative
}

.events-wrapper .events .event {
  border-bottom: 1px solid #c7cfde;
  padding: 30px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.events-wrapper .events h4.no-events,
.events-wrapper .events h4.past-events,
.events-wrapper .events h4.upcoming-events {
  color: rgba(20, 16, 91, 1);
  font-family: 'Plus Jakarta Sans', sans-serif;;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 38px;
  border-bottom: 1px solid #c7cfde;
  margin-bottom: 28px;
}
.events-wrapper .events h4.past-events,
.events-wrapper .events h4.past-events {
  border-bottom: 0;
  margin-bottom: 12px;
  padding-bottom: 0;
}
.events-wrapper .events h4.past-events.nested {
  border-bottom: 0;
  margin-bottom: 12px;
  margin-top: 48px;
  padding-bottom: 0;
}
.events-wrapper .events .event {
  border-bottom: 1px solid #c7cfde;
  padding: 30px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.events-wrapper .events .event .title,
.events-wrapper .events .event .type,
.events-wrapper .events .event .location,
.events-wrapper .events .event .date {
  text-align: left;
}

.events-wrapper .events .event .type,
.events-wrapper .events .event .location {
  flex-basis: 150px;
}

.events-wrapper .events .event .date {
  flex-basis: 170px;
}

.events-wrapper .events .event .title {
  flex-basis: 400px;
  width: 400px;
  margin-right: 80px;
}

.events-wrapper .events .event .cta {
  margin-right: 0;
  margin-left: auto;
}

.events-wrapper .events .event .title p,
.events-wrapper .events .event .location p,
.events-wrapper .events .event .date p {
  color: #14105B;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.events-wrapper .events .event .type p {
  color: #98B3FF;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.events-wrapper .events .event .cta .button {
  width: 106px;
  height: 45px;
  font-size: 14px;
  line-height: 40px;
}

.events-wrapper .events .event:nth-last-child(2) {
  border-bottom: none;
}

.events-wrapper .events .event.group-mobile {
  display: none;
}

.events-wrapper .events .no-events-banner {
  background: url(images/blog-bottom-cta-bg-desktop.png) no-repeat center right / cover;
  height: 231px;
  width: 100%;
  margin-top: 80px;
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 90px;
  border-radius: 30px;
}

.events-wrapper .events .no-events-banner h3 {
  color: rgba(20, 16, 91, 1);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 10px;
}
.events-wrapper .events .no-events-banner p {
  color: rgba(20, 16, 91, 1);
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

.events-wrapper .events .no-events-banner a {
  display: inline-block;
}

@media (max-width: 1360px) {
  .events-wrapper .events .event .title {
    margin-right: 30px;
  }
}

@media (max-width: 1200px) {
  .events-wrapper .events .no-events-banner {
    background-position: center right -170px;
  }
}

@media screen and (min-width:0) and (max-width:1024px) {
  .events-wrapper {
    padding: 108px 0 100px;
  }

  .events-wrapper h1 {
    font-size: 35px;
    line-height: 44px
  }

  .events-wrapper .events {
    margin: 24px 0 0
  }

  .events-wrapper .events .event {
    padding: 30px 0;
  }
  .events-wrapper .events .event.group-desktop {
    display: none;
  }
  .events-wrapper .events .event.group-mobile {
    display: block;
  }
  .events-wrapper .events .event.group-mobile .subgroup {
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px;
    flex-flow: row wrap;
  }
  .events-wrapper .events .event.group-mobile .cta {
    width: 100%;
    margin-top: 20px;
  }
  .events-wrapper .events .event .type,
  .events-wrapper .events .event .location {
    flex-basis: auto;
    margin-right: 10px;
    padding-right: 10px;
  }
  .events-wrapper .events .event .cta a {
    display: inline-block;
  }
  .events-wrapper .events .event .type,
  .events-wrapper .events .event .location,
  .events-wrapper .events .event .date {
    flex-shrink: 0;
  }
  .events-wrapper .events .event .type p,
  .events-wrapper .events .event .location p,
  .events-wrapper .events .event .date p {
    font-size: 14px;
  }
  .events-wrapper .events .event .type,
  .events-wrapper .events .event .location {
    position: relative;
  }
  .events-wrapper .events .event .type:after,
  .events-wrapper .events .event .location:after {
    content: '';
    width: 1px;
    background: #c7cfde;
    height: 14px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .events-wrapper .events .event:last-child {
    border-bottom: none;
  }

  .events-wrapper .events .no-events-banner {
    background: url(images/blog-bottom-cta-bg-mobile.png) no-repeat center center / cover;
    height: 420px;
    width: 100%;
    padding: 47px 31px 0 29px;
  }

  .events-wrapper .events .no-events-banner h3 {
    margin-bottom: 30px;
    color: rgba(20, 16, 91, 1);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
  }
  .events-wrapper .events .no-events-banner p {
    color: rgba(20, 16, 91, 1);
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  .events-wrapper .events .event .title {
    width: 100%;
  }
}

/* Blog Side CTAs */
.side-blog-ctas  {
  margin-top: 20px;
}

.side-cta--box-single {
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 30px 30px 0 30px;
}

.side-cta--box-single h4 {
  font-family: 'Plus Jakarta Sans', sans-serif;;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
}

.side-cta--box-single .hs-cta {
  margin-bottom: 20px;
}

.side-cta--box-single .hs-cta a,
.side-cta--box-single .hs-cta a p {
  color: rgba(20, 16, 91, 1);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.side-cta--box-single .side-cta--image-fig {
  position: relative;
  left: -58px;
}

.side-cta--box-single .side-cta--image-fig img {
  height: 180px;
  width: auto;
}

.side-cta--box-single.line-pattern-low {
  background-image: url(images/low-line.png);
  background-repeat: no-repeat;
  background-position: 100px -40px;
  background-size: 150%;
}

.side-cta--box-single.line-pattern-high {
  background-image: url(images/high-line.png);
  background-repeat: no-repeat;
  background-position: 70px -150px;
  background-size: 150%;
}

.inline-cta--box-single {
  border-radius: 10px;
  padding: 30px 25px 30px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px 0;
}

.wysiwyg .inline-cta--box-single h4 {
  margin-bottom: 0;
  color: rgba(20, 16, 91, 1);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 35px;
}

.inline-cta--box-single .hs-cta a {
  color: rgba(255, 255, 255, 1);
  background: #14105B;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 38px;
  text-decoration: none;
  padding: 12px 40px;
  border-radius: 23px;
  border: none;
  transition: 100ms all ease-in;
}

.inline-cta--box-single .hs-cta a:hover {
  background: #a1bcf4;
  transition: 100ms all ease-out;
}

@media (max-width: 1400px) {
  .inline-cta--box-single {
    flex-flow: column wrap;
    text-align: center;
    padding: 24px;
  }

  .wysiwyg .inline-cta--box-single h4 {
    margin-bottom: 24px;
    margin-top: 0;
  }
}

@media (max-width: 1024px) {
  .post-wrapper .main-wrapper .newsletter-wrapper {
    display: block;
    width: 330px;
    margin: 0 auto;
  }

  .post-wrapper .main-wrapper .newsletter-wrapper .box {
    display: none;
  }

  .side-cta--box-single .side-cta--image-fig img {
    height: 201px;
    width: auto;
  }

  .side-cta--box-single.line-pattern-low {
    background-position: 90px -100px;
  }

  .side-cta--box-single.line-pattern-high {
    background-position: 70px -210px;
  }

}

/* Bottom announcement bar */
.bottom-announcement-bar {
  position: fixed;
  bottom: 55px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  background: url(images/ba-bg.png) no-repeat center right / cover;
  width: 600px;
  border-radius: 10px;
  padding: 20px 20px 20px 25px;
}

.bottom-announcement-bar .ba-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bottom-announcement-bar .ba-wrapper .close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.bottom-announcement-bar h4 {
  color: rgba(255, 102, 106, 1);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.bottom-announcement-bar h3 {
  color: rgba(20, 16, 91, 1);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.bottom-announcement-bar p {
  color: rgba(20, 16, 91, 1);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  max-width: 325px;
}

.bottom-announcement-bar h5 {
  color: rgba(20, 16, 91, 1);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.bottom-announcement-bar a {
  padding: 13px 28px;
}

@media (max-width: 768px) {
  .bottom-announcement-bar {
    display: none;
  }
}

/* Table support for blog */
.single-post .post-wrapper table {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: #14105B;
  white-space: normal;
  margin: 0;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border: 1px solid #F3F7FF;
  width: auto !important;
}
.single-post .post-wrapper table td,
.single-post .post-wrapper table th {
  border-bottom: .25px solid #F3F7FF;
  padding: 13px 20px;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  color: #14105B;
}
.single-post .post-wrapper table th {
  padding: 3px;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #98B3FF;
}
.single-post .post-wrapper table th b,
.single-post .post-wrapper table td b {
  font-weight: 400;
}
.single-post .post-wrapper table td {
  background: transparent;
  padding: 13px 20px;
  text-align: center;
  border-bottom: .25px solid #C7CFDE;
}

.single-post .post-wrapper table tbody th {
  font-weight: 400;
  text-align: center;
  position: relative;
}
.single-post .post-wrapper table th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
.single-post .post-wrapper:not(.disable-first-row-table-highlight) table tr:first-child td {
  background: #98B3FF;
  border-right: .25px solid #C7CFDE;
}
.single-post .post-wrapper table tr:first-child th {
  background: #F3F7FF;
}
.single-post .post-wrapper table tbody th {
  position: sticky;
  left: 0;
  z-index: 1;
  padding: 13px 20px;
}
.single-post .post-wrapper .table-shadow {
  position: relative;
}

.single-post .post-wrapper .table-shadow:after {
  /* position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 80px;
  background: linear-gradient(270deg, #F3F7FF 0%, rgba(243, 247, 255, 0) 100%);
  content: ''; */
}

@media (max-width: 1024px) {
  .single-post .post-wrapper .table-shadow:after {
    /* width: 40px; */
  }

  .single-post .post-wrapper table {
    white-space: nowrap;
  }
}

.single-post .post-wrapper [role="region"][aria-labelledby][tabindex] {
  width: 100%;
  max-height: 98vh;
  overflow: auto;
}

/* Co-Captain 2025 */
.container.ccptn {
  background: #14105b;
  color: #fff;
  overflow: visible;
}

.ccptn .hero {
  padding: 0 0 100px;
  position: relative;
}

.ccptn .hero:after {
  content: '';
  display: block;
  width: 1251px;
  height: 1251px;
  border-radius: 1251px;
  background: rgba(152, 179, 255, 0.20);
  filter: blur(350px);
  top: -40%;
  right: 0%;
  position: absolute;
  pointer-events: none;
}

.ccptn .hero-top-img-desktop {
  margin-bottom: -100px;
}

.ccptn .hero-top-img-desktop img,
.ccptn .hero-top-img-mobile img {
  width: 100%;
}

.ccptn .hero-top-img-mobile {
  display: none;
}

.ccptn .hero h1 {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: normal;
}

.ccptn .hero .hero-text p,
.ccptn .hero .hero-text-mobile p {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 35px; /* 159.091% */
  margin: 30px auto 0;
  max-width: 1000px;
}

.ccptn .hero .hero-ctas {
  display: flex;
  max-width: 440px;
  margin: 60px auto 0;
  align-items: center;
  justify-content: space-around;
}

.ccptn .hero-ctas .hero-cta.button.two {
  border-color: #99fffe;
}

.ccptn .hero-ctas .hero-cta.button.two:hover {
  background: #99fffe;
  color: #14105b;
}

.ccptn .hero-ctas .button.open-video:hover {
  background: #a1bcf4;
  color: #14105b;
}

.ccptn .hero-ctas .button.open-video svg {
  margin-right: 6px;
  transform: translateY(4px) !important;
}

.ccptn .hero-ctas .button.open-video:hover svg polygon {
  stroke: #14105b;
  transition: all .26s ease-out
}

.ccptn .how {
  position: relative;
  z-index: 1;
  margin-top: 110px;
}

.ccptn .how .wave-bg {
  position: absolute;
  /* position: sticky; */
  z-index: 0;
  top: 365px;
  /* bottom: 30px; */
  left: 0;
  width: 100%;
  pointer-events: none;

  /* opacity: 0;
  transition: 100ms opacity ease-in; */
}

.ccptn .how h2 {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
}

.ccptn .how .how-text {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 35px; /* 159.091% */
}

.ccptn .how .points-text--box-single {
  position: relative;
  opacity: 0;
  position: absolute;
  height: 550px;
  width: 100%;
  left: 20px;
  top: 99px;
  pointer-events: none;

  /* position: relative;
  opacity: 1;
  height: 100vh; */
}

.ccptn .how .points-text--box-single.active {
  opacity: 1;
  position: relative;
  pointer-events: all;
}

.ccptn .how .points-text--box-single figure img {
  position: relative;
}

.ccptn .how .points-text--box-single.how-box-1 figure img,
.ccptn .how .points-text--box-single.how-box-2 figure img,
.ccptn .how .points-text--box-single.how-box-3 figure img {
  transition: all 250ms ease-in;
  transition-delay: 10ms;
  opacity: 0;

  /* opacity: 1; */
}

.ccptn .how .points-text--box-single.how-box-1.active figure img,
.ccptn .how .points-text--box-single.how-box-2.active figure img,
.ccptn .how .points-text--box-single.how-box-3.active figure img {
  opacity: 1;
}

.ccptn .how .points-text--box-single.active.how-box-1 figure img {
  top: 79px;
  left: 150px;
}

.ccptn .how .points-text--box-single.active.how-box-2 figure img {
  top: 0;
  left: 220px;
}

.ccptn .how .points-text--box-single.active.how-box-3 figure img {
  top: -20px;
  left: 20px;
}

.ccptn .how .content-wrapper:before {
  content: '';
  width: calc(100% + 120px);
  height: 500px;
  display: block;
  background: linear-gradient(181deg, rgba(152, 179, 255, 0.30) 3.74%, rgba(152, 179, 255, 0.00) 50.56%);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -66px;
  border-radius: 32px;
}

.ccptn .how .points-text--wrapper {
  width: 400px;
  position: absolute;
  top: -18px;
  right: 20px;
  opacity: 0;

  /* opacity: 1; */
}

.ccptn .how .points-text--heading {
  margin-bottom: 20px;
}

.ccptn .how .points-text--image {
  padding-left: 27px;
}

.ccptn .how .points-text--indicator {
  position: absolute;
  left: 0;
  margin-top: 85px;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  z-index: 11;
  /* cursor: pointer; */

  /* position: sticky;
  top: 120px; */
}

.ccptn .how .points-text--indicator span.number {
  color: rgba(152, 179, 255, 1);
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  padding: 0 3px;
  padding-right: 18px;
}

.ccptn .how .points-text--indicator span.heading {
  color: #98B3FF;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding-left: 0;
  /* visibility: hidden; */
  opacity: 1;
  width: 100%;
  /* transition: width 100ms ease-in; */
  overflow: hidden;
}

.ccptn .how .points-text--indicator-single {
  border: 2px solid rgba(152, 179, 255, 1);
  border-radius: 50px;
  padding: 14px;
  margin-bottom: 20px;
  /* width: 50px; */
  height: 50px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  transition: 100ms all ease-in;
  transition-delay: 150ms;
  cursor: pointer;
  width: auto;

  /* max-width: 200px; */
}

/* .ccptn .how .points-text--indicator-single.how-box-3.active {
  max-width: 340px;
} */

.ccptn .how .points-text--indicator-single:not(.active):hover {
  border-color: rgba(152, 179, 255, 1);
  transition: 50ms all ease-out;
}

.ccptn .how .points-text--indicator-single.active,
.ccptn .how .points-text--indicator-single:hover {
  /* border: 2px solid rgba(152, 179, 255, 1);
  width: 100%; */
  /* transition: 100ms all ease-out;
  transition-delay: 150ms; */
  /* animation: widenHowBox 250ms ease-in 0ms 1 normal forwards; */
  /* width: 100%; */
  background: rgba(152, 179, 255, 1);
}

.ccptn .how .points-text--indicator-single {
  transition: 100ms all ease-in;
}

.ccptn .how .points-text--indicator-single.active span.number,
.ccptn .how .points-text--indicator-single:hover span.number {
  /* color: rgba(152, 179, 255, 1);
  padding: 14px; */
  /* animation: changeHowColor 100ms ease-in 250ms 1 normal forwards; */
  color: rgba(20, 16, 91, 1);
}

.ccptn .how .points-text--indicator-single:not(.active):hover span.number {
  /* color: #99fffe; */
  transition: 50ms all ease-out;
}

.ccptn .how .points-text--indicator-single.active span.heading,
.ccptn .how .points-text--indicator-single:hover span.heading {
  /* visibility: visible;
  opacity: 1;
  width: 100%;
  transition: 100ms all ease-out; */
  /* animation: widenHowHeading 200ms ease-in 350ms 1 normal forwards, showHowHeading 350ms ease-in 650ms 1 normal forwards; */
  color: rgba(20, 16, 91, 1);
}

.ccptn .how .points-text--box-single.active .points-text--wrapper {
  animation: revealHowText 200ms ease-in 350ms 1 normal forwards;
}

.ccptn .how .points-text--heading h4 {
  color: #FFF;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
}

@keyframes widenHowBox {
  to {
    width: 100%;
    border-color: rgba(152, 179, 255, 1);
  }
}

@keyframes changeHowColor {
  to {
    color: rgba(152, 179, 255, 1);
    padding-left: 3px;
    padding-right: 14px;
  }
}

@keyframes widenHowHeading {
  to {
    /* visibility: visible;
    opacity: 1; */
    width: 100%;
  }
}

@keyframes showHowHeading {
  to {
    opacity: 1;
  }
}

@keyframes revealHowText {
  to {
    opacity: 1;
  }
}

.ccptn .mobile-text-only {
  display: none;
}

.ccptn .how .points-text--text p {
  color: #FFF;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px; /* 150% */
}

.ccptn .how-points figure.points-text--image-image--mobile {
  display: none;
}

.ccptn .stats {
  padding-top: 105px;
}

.ccptn .stats h2 {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
}

.ccptn .stats-points {
  margin-top: 100px;
  padding-bottom: 40px;
}

.ccptn .stats-text--boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 60px;
}

.ccptn .stats-text--box-single h4 {
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: normal;
  background: linear-gradient(71deg, #99FFFE 14.77%, #98B3FF 78.31%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ccptn .stats-text--heading {
  margin-bottom: 15px;
}

.ccptn .stats-text--text p {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}

.ccptn .ccp-benefits {
  padding-top: 142px;
  padding-bottom: 40px;
}

.ccptn .ccp-benefits h2 {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
}

.ccptn .ccp-benefits .benefits-points {
  margin-top: 80px;
}

.ccptn .ccp-benefits .benefits-text--boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 60px;
}

.ccptn .ccp-benefits .benefits-text--image-image {
  margin-bottom: 28px;
}

.ccptn .ccp-benefits .benefits-text--heading h4 {
  color: #FFF;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}

.ccptn .ccp-benefits .benefits-text--text p {
  color: #FFF;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px; /* 150% */
}

.ccptn .ccp-benefits .benefits-text--image-image img {
  max-width: 90px;
  height: auto;
}

.ccptn .ccp-benefits .benefit-box-1 .benefits-text--image-image img {
  max-width: 122px;
}

.ccptn .ccp-benefits .benefits-text--box-single {
  position: relative;
}

.ccptn .ccp-benefits .benefit-box-2 {
  margin-top: 80px;
}

.ccptn .ccp-benefits .benefit-box-3 {
  margin-top: 160px;
}

.ccptn .notifications {
  padding-top: 102px;
  padding-bottom: 40px;
}

.ccptn .notifications h2 {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
  max-width: 660px;
  margin: 0 auto;
}

.ccptn .notifications .notifications-points {
  margin-top: 100px;
}

.ccptn .notifications .notifications-text--box-single {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 100px 60px;
  margin-bottom: 50px;
  position: sticky;
  position: -webkit-sticky;
  min-height: 570px;
}

.ccptn .notifications .notifications-text--box-single:nth-child(odd) {
  background: linear-gradient(74deg, #99FFFE -15.29%, #F3F7FF 145.04%);
  flex-flow: row;
}

.ccptn .notifications .notifications-text--box-single:nth-child(even) {
  background: linear-gradient(103deg, #98B3FF 13.86%, #F3F7FF 134.98%);
  flex-flow: row-reverse;
}

.ccptn .notifications .notifications-text--heading h4 {
  color: #14105B;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}

.ccptn .notifications .notifications-text--text p {
  color: #14105B;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px; /* 150% */
}

.ccptn .notifications .notifications-text--wrapper {
  max-width: 470px;
}

.ccptn .ccp-benefits .benefits-text--wrapper {
  text-align: center;
}

.ccptn .ccp-benefits .benefits-text--image {
  max-width: 130px;
  height: auto;
  margin: 0 auto 20px;
}

.ccptn .notifications-text--boxes {
  height: 4500px;
  position: relative;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: visible;
  padding: 0;
  margin: 0;
}
.ccptn .notifications-text--box-single .notifications-text--image img {
  display: block;
  width: 550px;
}
.ccptn .notifications-text--box-single.notification-box-1 {
  top: 100px;
}

.ccptn .notifications-text--box-single.notification-box-2 {
  top: 130px;
}

.ccptn .notifications-text--box-single.notification-box-3 {
  top: 160px;
}

.ccptn .notifications-text--box-single.notification-box-4 {
  top: 190px;
}

.ccptn .notifications-text--box-single.notification-box-5 {
  top: 220px;
}

.ccptn .notifications-text--box-single.notification-box-6 {
  top: 250px;
}

.ccptn .notifications-text--box-single.notification-box-7 {
  top: 280px;
}

.ccptn .lottie-anim svg {
  color-scheme: only light;
  filter: none !important;
  mix-blend-mode: normal !important;
}

@media (min-width: 1024px) and (max-width: 1700px) {
  .ccptn #co-captain-2025-lottie-hero {
    padding-top: 20px;
  }
}

@media (max-width: 1024px) {
  .container.ccptn {
    overflow: hidden;
  }

  .ccptn .hero h1 {
    font-size: 35px;
  }

  .ccptn .hero .hero-text {
    display: none;
  }

  .ccptn .hero .hero-text p,
  .ccptn .hero .hero-text-mobile p {
    font-size: 20px;
    line-height: 30px;
  }

  .ccptn .how h2 {
    text-align: left;
    font-size: 30px;
    margin-bottom: 40px;
  }

  /* .ccptn .how .wave-bg {
    position: absolute;
  } */

  .ccptn .how .points-text--indicator {
    display: none;
  }

  .ccptn .how .content-wrapper:before {
    display: none;
  }

  .ccptn .how .points-text--text,
  .ccptn .ccp-benefits .benefits-text--text,
  .ccptn .notifications .notifications-text--text {
    display: none;
  }

  .ccptn .hero .mobile-text-only,
  .ccptn .how .points-text--text.mobile-text-only,
  .ccptn .ccp-benefits .benefits-text--text.mobile-text-only,
  .ccptn .notifications .notifications-text--text.mobile-text-only {
    display: block;
  }

  .ccptn .stats h2 {
    font-size: 30px;
  }

  .ccptn .stats-text--boxes {
    grid-template-columns: 1fr;
    grid-gap: 100px;
  }

  .ccptn .stats-text--box-single h4 {
    font-size: 60px;
  }

  .ccptn .stats-text--text p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
  }

  .ccptn .ccp-benefits h2 {
    font-size: 30px;
  }

  .ccptn .ccp-benefits .benefits-text--boxes {
    grid-template-columns: 1fr;
    grid-gap: 100px;
  }

  .ccptn .ccp-benefits .benefits-text--box-single {
    margin-top: auto;
  }

  .ccptn .ccp-benefits .benefits-text--image-image {
    text-align: center;
  }

  .ccptn .ccp-benefits .benefits-text--heading h4 {
    font-size: 22px;
  }

  .ccptn .ccp-benefits .benefits-text--text p {
    font-size: 16px;
    line-height: 23px;
  }

  .ccptn .notifications h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }

  .ccptn .notifications .notifications-text--box-single {
    padding: 20px 20px 30px 20px;
    flex-flow: column wrap !important;
  }

  .ccptn .notifications .notifications-text--image-image img {
    width: 100%;
  }

  .ccptn .notifications .notifications-text--heading h4 {
    text-align: center;
    font-size: 22px;
  }

  .ccptn .notifications .notifications-text--wrapper {
    margin-top: 20px;
  }

  .ccptn .notifications .notifications-text--text p {
    font-size: 16px;
    line-height: 23px;
  }

  .ccptn .how-points figure.points-text--image-image--desktop {
    display: none;
  }

  .ccptn .how-points figure.points-text--image-image--mobile {
    display: block;
  }

  .ccptn .how .points-text--box-single.how-box-1 figure img,
  .ccptn .how .points-text--box-single.how-box-2 figure img,
  .ccptn .how .points-text--box-single.how-box-3 figure img {
    opacity: 1;
  }

  .ccptn .how .points-text--image {
    padding-left: 0;
    margin-top: 40px;
  }

  .ccptn .slider-arrows li {
    margin-top: 20px;
    position: relative;
    float: left;
    margin-right: 20px;
  }

  .ccptn .slider-arrows li.slider-arrow-prev {
    display: block;
    height: 29px;
    width: 9px;
    background: url('images/slider-arrow-l.png') no-repeat center center / 100%;
  }

  .ccptn .slider-arrows li.slider-arrow-next {
    display: block;
    height: 29px;
    width: 8px;
    background: url('images/slider-arrow-r.png') no-repeat center center / 100%;
    margin-right: 0;
  }

  .ccptn .slider-arrows ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: -50px;
    position: relative;
  }

  .ccptn .slick-dots li {
    width: 50px;
    height: 50px;
    margin: 0 10px;
  }

  .ccptn .slick-dots li button {
    border: 1px solid #98B3FF;
    border-radius: 50%;
    width: 49px;
    height: 49px;
    color: #98B3FF;
    text-align: center;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
  }

  .ccptn ul.slick-dots {
    position: absolute;
    top: -90px;
    height: 100px;
    width: 230px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .ccptn .slick-dots li:nth-child(2):before, .ccptn .slick-dots li:nth-child(2):after {
    content: '';
    display: block;
    height: 1px;
    width: 20px;
    background: rgba(152, 179, 255, 1);
    position: absolute;
  }

  .ccptn .slick-dots li:nth-child(2):before {
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
  }

  .ccptn .slick-dots li:nth-child(2):after {
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
  }

  .ccptn .how .how-points {
    padding-top: 90px;
    position: relative;
  }

  .ccptn .how .wave-bg {
    top: 425px;
  }

  .ccptn .slick-dots li.slick-active button {
    background: #98B3FF;
    color: #14105B;
    text-align: center;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
  }

  .ccptn .how .points-text--box-single {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    display: flex;
    flex-flow: column-reverse;
    opacity: 1;
    /* width: calc(100vw - 60px); */
    width: 100vw;
  }

  .ccptn .how .points-text--wrapper {
    right: auto;
    position: relative;
    /* width: 100%; */
    width: calc(100vw - 40px);
    text-align: center;
    opacity: 1;
    top: 0;
  }

  .ccptn .how .points-text--box-single.how-box-1.active figure img,
  .ccptn .how .points-text--box-single.how-box-2.active figure img,
  .ccptn .how .points-text--box-single.how-box-3.active figure img {
    top: auto;
    left: auto;
    margin: 0 auto;
  }

  .ccptn .notifications .notifications-points {
    margin-top: 0;
  }

  .ccptn .notifications-text--boxes {
    height: auto;
  }

  .ccptn .notifications .notifications-text--box-single {
    position: relative;
    -webkit-position: relative;
    min-height: unset;
    top: 0 !important;
    width: calc(100vw - 60px);
    min-height: 540px;
    justify-content: center;
  }

  .ccptn .notification-slider-arrows {
    margin-bottom: 40px;
  }

  .ccptn .notification-slider-arrows .slider__counter {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
  }

  .ccptn .notification-slider-arrows .slider__counter {
    color: #98B3FF;
    letter-spacing: 4px;
  }

  .ccptn .notification-slider-arrows .slider__counter span {
    color: #fff;
  }

  .ccptn .notification-slider-arrows li {
    position: relative;
    float: left;
    margin-right: 20px;
  }

  .ccptn .notification-slider-arrows li.notification-slider-arrow-prev {
    display: block;
    height: 29px;
    width: 9px;
    background: url('images/slider-arrow-l.png') no-repeat center center / 100%;
  }

  .ccptn .notification-slider-arrows li.notification-slider-arrow-next {
    display: block;
    height: 29px;
    width: 8px;
    background: url('images/slider-arrow-r.png') no-repeat center center / 100%;
  }

  .ccptn .notification-slider-arrows ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .ccptn .hero-top-img-desktop {
    display: none;
  }

  .ccptn .hero-top-img-mobile {
    display: block;
  }
}

@media (max-width: 576px) {
  .ccptn .hero {
    padding-bottom: 80px;
  }

  .ccptn .hero .hero-ctas {
    flex-flow: column wrap;
  }

  .ccptn .hero .hero-ctas .button.open-video {
    margin-top: 30px;
  }

  .ccptn .how {
    margin-top: 40px;
  }

  .ccptn .how h2 {
    font-size: 28px;
  }

  .ccptn .ccp-benefits h2 {
    max-width: 280px;
    margin: 0 auto;
  }

  .ccptn .ccp-benefits {
    padding-top: 80px;
  }
}

@media (max-width: 420px) {
  .ccptn .notifications h2 {
    font-size: 24px;
  }
}

@media (max-width: 360px) {
  .ccptn .notifications h2 {
    font-size: 20px;
  }
}

/* Defense LP 2025 */
header.hide-top-nav .content-wrapper .on-left ul,
header.hide-top-nav .content-wrapper .on-right {
  display: none;
}

header.hide-top-nav .menu-button-wrapper {
  display: none;
}

/* header.hide-top-nav .content-wrapper .on-left .logo-wrapper {
  pointer-events: none;
} */

footer#footer.hide-bottom-nav .rec .on-top,
footer#footer.hide-bottom-nav .rec .on-bottom .on-right {
  display: none
}

.df .video-bg-holder {
  /* height: 100%; */
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}

.df .hero {
  min-height: 100vh;
  height: 100%;
  position: relative;
  background: #14105b;
}

.df .video-bg-holder .video-container {
  height: 100%;
  width: 100%;
}

.df .video-container video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
  pointer-events: none;
}

.df .hero .content-wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  min-height: 100vh;
}

.df .hero-text-wrap {
  width: 100%;
  text-align: center;
  z-index: 10;
  position: relative;
  color: #FFF;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 96px;
  font-weight: 600;
  line-height: 110%; /* 105.6px */
  /* letter-spacing: -0.96px; */
}

.df .hero h1 {
  margin-bottom: 40px;
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 98px;
  letter-spacing: -0.8px;
  max-width: 717px;
  margin: 0 auto 40px;
}

.df .hero .hero-text,
.df .hero .hero-text-mobile p {
  color: #FFF;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px; /* 160% */
  max-width: 615px;
  margin: 0 auto 60px;
}

.df .hero .hero-text-mobile {
  display: none;
}

.df .hero a {
  letter-spacing: 0;
}

.df .hero:after {
  content: '';
  width: 100%;
  height: 150px;
  background: linear-gradient(180deg, rgba(20, 19, 38, 0.00) 0%, #0A073B 95%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 6;
}

.df .gradient-grouped-holder {
  background: linear-gradient(180deg, #0A073B 0%, #14105B 62.23%);
  padding-top: 40px;

  position: relative;
  min-height: 780px;
}

.df .gradient-grouped-holder .video-bg-holder:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 370px;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #0A073B 0%, transparent);
  /* display: none; */
  z-index: 1;
}

.df .gradient-grouped-holder .video-container video  {
  object-position: top;
}

.df .scroll-reveal-text {
  text-align: center;
  max-width: 870px;
  margin: 0 auto 60px;
}

.df .scroll-reveal-text h3 {
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 140%; /* 56px */
  letter-spacing: -0.8px;
}

.df .scroll-reveal-text span {
  color: hsl(243 22.4% 49% / 0.2);
  background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-image: linear-gradient(90deg, #fff, #fff);
  animation: scroll-reveal-text linear forwards;
  animation-timeline: view(y);
  animation-range-start: cover 10.5vh;
  animation-range-end: cover 80vh;
}

.df.container.defense {
  overflow: visible;
}

@keyframes scroll-reveal-text {
  to {
    background-size: 100% 100%;
  }
}

.df .hero a,
.df .anim-text a,
.df .footer a {
  margin: 0 auto;
  display: block;
  border-color: #99FFFE;
}

.df .anim-text a:hover {
  background: #99fffe;
}

.df .gradient-grouped-holder .video-bg-holder {
  padding-top: 100px;
  height: 100%;
}

.df .stats {
  padding-top: 80px;
  padding-bottom: 130px;
  z-index: 10;
  position: relative;
  bottom: -400px;
  left: 50%;
  transform: translateX(-50%);
}

.df .stats-bg-image {
  width: 100%;
  z-index: 1;
  position: relative;
  max-height: 780px;
}

.df .stats-bg-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  filter: brightness(0.7);
}

@property --num {
  syntax: '<integer>';
  inherits: true;
  initial-value: 0;
}

.df .stats.in-view .stat-number-anim::before {
  counter-reset: my-counter var(--num);
  content: counter(my-counter) " +";
  animation: df_stat_count 1s ease-in-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.df .stats .stat-number-anim:before {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 310px;
  font-weight: 800;
  line-height: 110%; /* 341px */
  letter-spacing: -9.3px;
}

.df .stats .content-wrapper {
  z-index: 2;
  margin-top: -120px;
}

.df .stats h4.stat-number-anim {
  text-align: center;
}

.df .stats h3 {
  color: #FFF;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 140%; /* 84px */
  letter-spacing: -1.2px;
}

.df .stats p {
  color: #FFF;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px; /* 145.455% */
}

.df-benefits {
  padding-top: 120px;
}

.df-benefits h2 {
  color: #131057;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 110%; /* 66px */
  letter-spacing: -0.6px;
  margin: 0 auto 120px;
}

.df-benefits .benefits-text--box-single {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 250px;
}

.df-benefits .benefits-text--box-single:nth-child(odd) {
  flex-flow: row-reverse;
}

.df-benefits .benefits-text--box-single:nth-child(even) {
  flex-flow: row;
}

.df-benefits .benefits-text--video {
  /* border-radius: 10px; */
  overflow: hidden;
}

.df-benefits .benefits-text--video video {
  border-radius: 10px;
  overflow: hidden;
}

.df-benefits .benefits-text--media-wrapper {
  position: relative;
  width: 670px;
  display: flex;
  justify-content: flex-start;
}

.df-benefits .benefits-text--media-wrapper .benefits-text--video {
  position: relative;
  z-index: 1;
}

.df-benefits .benefits-text--media-wrapper .benefits-text--image {
  position: absolute;
  z-index: 2;
}

.df-benefits .benefits-text--image,
.df-benefits .benefits-text--video {
  max-width: 670px;
  height: auto;
}

.df-benefits .benefits-text--image img,
.df-benefits .benefits-text--video video {
  width: 100%;
  height: auto;
}

.df-benefits .benefits-text--wrapper {
  max-width: 380px;
}

.df-benefits .benefits-text--wrapper h4 {
  color: #131057;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.32px;
  margin-bottom: 8px;
}

.df-benefits .benefits-text--text p {
  color: #14105B;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}

.df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--video {
  max-width: 508px;
}

.df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--image {
  bottom: -130px;
  right: 0;
  max-width: 414px;
  height: auto;
}

.benefits-solution .benefits-text--box-single .benefits-text--video {
  max-width: 560px;
}

.benefits-solution .benefits-text--box-single:nth-child(1) .benefits-text--image {

}

.benefits-solution .benefits-text--box-single:nth-child(1) .benefits-text--image {
  position: inherit;
  bottom: 0;
}


.benefits-solution .benefits-text--media-wrapper > .benefits-text--image:only-child {
  max-width: 100%;
}

.benefits-solution .benefits-text--media-wrapper > img:only-child,
.benefits-solution .benefits-text--media-wrapper > .benefits-text--image:only-child {
  max-width: 100%;
}

.df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--video.video-2 {
  /* bottom: -130px; */
  /* right: 0; */
  /* max-width: 414px; */
  /* height: auto; */
  position: absolute;
  z-index: 2;
}

.df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--video.video-2 video {
  max-width: 414px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--image img {
  border-radius: 10px;
}

.df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--video {
  max-width: 560px;
}


.benefits-solution .benefits-text--box-single:nth-child(2) .benefits-text--image,
.benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--image,
.df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--image {
  bottom: -110px;
  right: -30px;
  max-width: 329px;
  height: auto;
}

.df-benefits .benefits-text--box-single:nth-child(3),
.df-benefits .benefits-text--box-single:nth-child(4) {
  margin-bottom: 150px;
}

.benefits-solution .benefits-text--box-single.bf-benefit:not(:last-child) {
  margin-bottom: 230px;
}

.benefits-solution .benefits-text--box-single.df-benefit-2.bf-benefit {
  margin-bottom: 250px;
}

.df-benefits .benefits-text--box-single:nth-child(4) .benefits-text--image {
  position: relative;
}

.df-benefits .benefits-text--box-single:nth-child(4) .benefits-text--image.image-2 {
  position: absolute;
  z-index: 2;
  max-width: 270px;
  right: 0;
  bottom: -70px;
}

.df-benefits .benefits-text--box-single:nth-child(4) .benefits-text--image {
  max-width: 540px;
}

.benefits-solution .benefits-text--box-single:nth-child(4) .benefits-text--image:only-child {
  max-width: 100%;
}

.situational-awareness .benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--lottie {
  position: absolute;
  z-index: 2;
  max-width: 270px;
  right: -20px;
  bottom: -110px;
}

@media (max-width: 1024px) {
  .situational-awareness .benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--lottie {
    max-width: 180px;
    right: 0px;
    bottom: -80px;
  }
}

.df .stats-text--boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 104px;
  margin-top: 60px;
}

.df .stats .stats-text--heading p {
  color: #FF7373;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 90px;
  font-weight: 200;
  line-height: 110%; /* 99px */
  letter-spacing: -2.7px;
}

.df .stats .stats-text--text p {
  color: #FFF;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

.df .solutions {
  padding-top: 100px;
}

.df .solutions h2 {
  max-width: 983px;
  color: #131057;
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 110%; /* 66px */
  letter-spacing: -0.6px;
  margin: 0 auto 114px;
}

.df .solutions .solutions-text--boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.df .solutions .solutions-text--box-single {
  max-width: 570px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.df .solutions .solutions-text--box-single img {
  width: 100%;
}

.df .solutions .solutions-text--wrapper {
  position: absolute;
  top: 42px;
  left: 50px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  height: calc(100% - 84px);
  width: calc(100% - 100px);
  justify-content: space-between;
  z-index: 2;
}

.df .solutions .solutions-text--heading h4 {
  color: #FFF;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.32px;
}

.df .solutions .solutions-text--text p {
  color: #FFF;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
}

.df .solutions .solutions-text--box-single h4,
.df .solutions .solutions-text--box-single .solutions-text--text p {
  color: #fff;
}

.df .solutions .solutions-text--box-single:after {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(20, 16, 91, 0.5) 0.05%, rgba(20, 16, 91, 0.5) 100%);
}

.df .footer {
  padding-top: 120px;
}

.df .footer h2 {
  color: #131057;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 110%; /* 66px */
  letter-spacing: -0.6px;
  max-width: 550px;
  margin-bottom: 30px;
  /* margin: 0 auto 60px; */
}

.df .footer p {
  color: #14105B;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 160%; /* 35.2px */
  margin-bottom: 30px;
}

.df .footer {
  /* min-height: 100vh; */
  height: 100%;
  position: relative;
  margin-top: 70px;
}

.df .footer:before {
  /* background: linear-gradient(0deg, rgba(152, 179, 255, 0.5) 23.45%, rgba(243, 247, 255, 0.5) 100%); */
  /* background: linear-gradient(180deg, #F3F7FF 23.45%, #98B3FF 100%); */
  background: url('images/closer-grad.png') no-repeat center top / cover;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  top: 0;
  left: 0;
}

.df .footer:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
}

/* .df .footer .footer-bg-image {
  position: absolute;
} */

.df .footer a {
  margin-left: 0;
  margin-right: auto;
  border-color: #14105b;
}

.df .footer .video-bg-holder {
  height: 100vh;
  bottom: 0;
}

.df .footer .video-bg-holder:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 704px;
  z-index: 6;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(244, 247, 254, 0.00) 0.12%, #F4F7FE 99.99%);
}

.industries-template footer .rec .on-bottom,
.lp-template footer .rec .on-bottom {
  margin-top: 40px;
}

.industries-template footer .rec,
.lp-template footer .rec {
  /* padding-top: 10px; */
  z-index: 21;
}

.industries-template footer#footer,
.lp-template footer#footer {
  z-index: 21;
  top: -50px;
}

/*.df .video-container video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  pointer-events: none;
} */

.df .footer .content-wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  display: flex;
  /* align-items: center; */
  /* min-height: 100vh; */
  flex-flow: column wrap;
  max-width: 904px;
  min-height: 500px;
}

.df .hero .hero-mobile-video {
  display: none;
}

/* Globe Lottie */
.df .lottie-globe-container {
  position: relative;
  height: 850px;
}

.df .lottie-globe-holder {
  position: relative;
  top: 0;
}

.df .stats {
  bottom: auto;
  margin-top: -450px;
  left: auto;
  transform: none;
  padding-top: 0px;
  padding-bottom: 130px;
}

.df .gradient-grouped-holder .lottie-globe {
  position: relative;
  overflow: hidden;
}

.df .gradient-grouped-holder .lottie-globe:before {
  position: absolute;
  content: '';
  display: block;
  width: 25vw;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #0A073B 0%, transparent 83%);
  z-index: 5;
}

.df .gradient-grouped-holder .lottie-globe:after {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  top: 0;
  width: 25vw;
  height: 100%;
  background: linear-gradient(270deg, #0A073B 0%, transparent 83%);
  z-index: 5;
}

.df .gradient-grouped-holder {
  overflow: hidden;
}

.df .lottie-globe-holder:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 550px;
  bottom: 200px;
  left: 0;
  background: linear-gradient(to top, #14105B 0%, rgba(10, 7, 59, 0.9) 43%, transparent 73%);
}

.df .gradient-grouped-holder:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 700px;
  bottom: 0;
  left: 0;
  /* background: linear-gradient(to top, rgba(10, 7, 59, 1) 0%, rgba(10, 7, 59, 0.2) 63%, transparent 93%); */
  background: linear-gradient(to top, rgba(10, 7, 59, 1) 0%, transparent 93%);
}

/* Globe Lottie End */

@media (min-width: 1250px) {
  .df .gradient-grouped-holder {
    background: #0a073b;
  }

  .df .lottie-globe-container {
    max-width: 1440px;
    margin: 0 auto;
  }

  .df .lottie-globe-holder:after {
    /* background: linear-gradient(to top, #0A073B 0%, rgba(10, 7, 59, 0.9) 43%, transparent 73%); */
    background: linear-gradient(to top, #0A073B 0%, transparent 73%);
  }
}

@media (min-width: 1025px) {
  .gradient-grouped-holder .video-container {
    position: relative;
    overflow: hidden;
  }

  .gradient-grouped-holder .video-container:before {
    position: absolute;
    content: '';
    display: block;
    width: 25vw;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #0A073B 0%, transparent 83%);
    z-index: 5;
  }

  .gradient-grouped-holder .video-container:after {
    position: absolute;
    content: '';
    display: block;
    right: 0;
    top: 0;
    width: 25vw;
    height: 100%;
    background: linear-gradient(270deg, #0A073B 0%, transparent 83%);
    z-index: 5;
  }

  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--wrapper {
    top: 50px;
    position: relative;
  }

  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--wrapper {
    top: 50px;
    position: relative;
  }
  
  .df-benefits .benefits-text--box-single:nth-child(4) .benefits-text--wrapper {
    top: 50px;
    position: relative;
  }

  .defense-government .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--wrapper {
    top: 0;
  }

  .defense-government .df-benefits .benefits-text--box-single:nth-child(3) .benefits-text--media-wrapper .benefits-text--image {
    position: relative;
  }

  .defense-government .df-benefits .benefits-text--box-single:nth-child(3) {
    margin-bottom: 60px;
  }
}

/* Globe Lottie */
@media (max-width: 1350px) {
  .df .stats {
    /* margin-top: -300px; */
    padding-bottom: 90px;
    background: transparent;
  }

  .df .lottie-globe-holder:after {
    height: 350px;
  }


}
/* Globe Lottie End */

@media (max-width: 1300px) {
  .df-benefits .benefits-text--media-wrapper {
    width: 570px;
  }
}

@media (max-width: 1200px) {
  .df .stats .stat-number-anim:before {
    font-size: 110px;
    letter-spacing: -3.3px;
  }

  .df .stats p {
    font-size: 24px;
    letter-spacing: -0.24px;
  }

  /* Globe Lottie */
  .df .gradient-grouped-holder {
    min-height: 380px;
  }

  .df .lottie-globe-container {
    height: 650px;
  }
  /* Globe Lottie End */
}

@media (max-width: 1024px) {
  .df.container.defense {
    /* overflow: hidden; */
  }

  .defense-government .df-benefits .benefits-text--box-single:nth-child(3) .benefits-text--media-wrapper .benefits-text--image {
    position: relative;
    bottom: auto !important;
  }

  .defense-government .df-benefits .benefits-text--box-single:nth-child(3) .benefits-text--media-wrapper {
    margin-bottom: 10px !important;
  }

  .df .hero h1 {
    color: #FFF;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 60px;font-family: Plus Jakarta Sans, sans-serif;
    font-weight: 600;
    line-height: 110%; /* 66px */
    letter-spacing: -0.6px;
    margin-bottom: 30px;
  }

  .df .hero .hero-text-mobile p {
    margin-bottom: 40px;
  }

  .df .scroll-reveal-text h3 {
    font-size: 32px;
    letter-spacing: -0.64px;
  }

  .df .stats .content-wrapper {
    margin-top: -100px;
  }

  .df .gradient-grouped-holder {
    height: 100%;
    background: linear-gradient(180deg, rgba(10,8,56) 0%, rgba(20,14,102,1) 100%);
  }

  .df .gradient-grouped-holder .video-bg-holder:after {
    width: 100%;
    height: 10px;
    content: '';
    display: block;
    background: rgba(20,14,102,1);
    position: absolute;
    bottom: -1px;
  }

  .df .gradient-grouped-holder .video-bg-holder {
    position: relative;
  }

  .df .stats {
    background: rgba(20,14,102,1);
    bottom: 0;
    padding-top: 70px;
  }

  .df .gradient-grouped-holder .video-bg-holder:before {
    height: 170px;
  }

  .df .gradient-grouped-holder .video-bg-holder:after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 180px;
    background: linear-gradient(0deg, rgba(20,14,102) 0%, transparent);
    bottom: 0;
    left: 0;
  }

  .df .video-bg-holder .video-container {
    overflow: hidden;
  }

  .df .gradient-grouped-holder .video-container video {
    transform: scale(1.5);
    transform-origin: top;
  }

  .df-benefits h2 {
    color: #131057;
    text-align: center;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 35.2px */
    letter-spacing: -0.32px;
  }

  .df-benefits .benefits-text--box-single {
    flex-flow: column wrap !important;
  }

  .df-benefits .benefits-text--image-image img {
    width: 100%;
  }

  .df-benefits .benefits-text--media-wrapper {
    width: 600px;
  }

  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--image {
    bottom: -30px;
    right: -40px;
  }

  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--media-wrapper {
    margin-bottom: 80px;
  }

  .df-benefits .benefits-text--box-single {
    margin-bottom: 150px;
  }

  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--image {
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    /* animation: none !important; */
  }

  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--media-wrapper {
    margin-bottom: 80px;
  }

  .df-benefits .benefits-text--box-single:nth-child(3) .benefits-text--media-wrapper {
    margin-bottom: 50px;
  }

  .df-benefits .benefits-text--box-single:nth-child(4) .benefits-text--media-wrapper {
    margin-bottom: 90px !important;
  }

  .df-benefits .benefits-text--box-single:nth-child(4) {
    margin-bottom: 80px;
  }

  .df .solutions h2 {
    color: #131057;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 110%; /* 35.2px */
    letter-spacing: -0.32px;
    margin-bottom: 60px;
  }

  .df .solutions .solutions-text--boxes {
    grid-template-columns: 1fr;
  }

  .df .solutions .solutions-text--heading h4 {
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.24px;
  }

  .df .solutions .solutions-text--text p {
    color: #FFF;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
  }

  .df .solutions .solutions-text--wrapper {
    left: 15px;
    top: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
  }

  .df .solutions .solutions-text--box-single {
    margin: 0 auto;
  }

  .df .stats-text--boxes {
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }

  .df .footer {
    margin-top: 0;
    padding-top: 100px;
  }

  .df .footer h2 {
    color: #131057;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 110%; /* 35.2px */
    letter-spacing: -0.32px;
  }

  /* Globe Lottie */
  .df .lottie-globe-container {
    /* height: auto; */
  }

  .df .stats {
    /* background: transparent; */
    background: linear-gradient(to bottom, rgba(10, 7, 59, 0.9) 50%, transparent 73%);
  }

  .df .gradient-grouped-holder:after {
    background: linear-gradient(to top, rgba(10, 7, 59, 1) 0%, rgba(10, 7, 59, 0.2) 63%, transparent 93%);
  }

  /* Globe Lottie End */
}

@media (max-width: 991px) {
  /* Globe Lottie */
  .df .lottie-globe-holder:after {
    height: 30%;
  }
  /* Globe Lottie End */
}

@media (max-width: 768px) {
  .df .hero .hero-text {
    display: none;
  }

  .df .hero .hero-text-mobile {
    display: block;
  }

  .df-benefits .benefits-text--media-wrapper {
    width: 100%;
  }

  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--image {
    right: 0;
  }

  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--video {
    max-width: 100%;
  }

  .df .hero .hero-text br {
    display: none;
  }

  .df .stats h3 {
    color: #FFF;
    text-align: center;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 110%; /* 35.2px */
    letter-spacing: -0.32px;
    margin-bottom: 24px;
  }

  /* Globe Lottie */
  .df .lottie-globe-holder:after {
    height: 350px;
    bottom: 60px;
  }
}

@media (max-width: 576px) {
  .df .hero .hero-desktop-video {
    display: none;
  }

  .df .hero .content-wrapper {
    align-items: flex-start;
    padding-top: 140px;
  }
  
  .defense-government.orca-x .df .hero .content-wrapper {
    padding-top: 100px;
  }

  .df .hero .hero-mobile-video {
    display: block;
  }

  .df .hero h1 {
    font-size: 42px;
    margin-bottom: 20px;
  }

  .df .hero .hero-text-mobile p {
    line-height: 30px;
  }

  .df .hero .hero-text-mobile p br {
    display: none;
  }

  .df .gradient-grouped-holder {
    padding-top: 0;
  }

  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--image {
    max-width: 222px;
    right: -10px;
  }

  .df-benefits .benefits-text--box-single {
    margin-bottom: 80px !important;
  }

  .df-benefits h2 {
    margin-bottom: 50px;
  }

  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--image {
    right: -10px;
    left: auto;
    transform: none;
    max-width: 180px;
    bottom: -40px;
  }

  .df-benefits {
    padding-top: 80px;
  }

  .df .solutions {
    padding-top: 50px;
  }

  .df .solutions .solutions-text--boxes {
    grid-gap: 20px;
  }

  .df-benefits .benefits-text--box-single .benefits-text--media-wrapper {
    margin-bottom: 70px !important;
  }

  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--video.video-2 {
    overflow: visible;
  }

  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--video.video-2 video {
    max-width: 222px;
    right: -10px;
    bottom: -30px;
  }

  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--media-wrapper {
    margin-bottom: 110px !important;
  }

  .df-benefits .benefits-text--box-single:nth-child(3) .benefits-text--media-wrapper {
    margin-bottom: 40px !important;
  }

  .df-benefits .benefits-text--box-single:nth-child(4) .benefits-text--image {
    max-width: 275px;
  }

  .df-benefits .benefits-text--box-single:nth-child(4) .benefits-text--image.image-2 {
    max-width: 137px;
    top: 50px;
    bottom: auto;
  }

  .df .solutions .solutions-text--wrapper {
    flex-flow: row wrap;
    align-items: anchor-center;
    display: grid;
    grid-template-rows: 1fr 1fr;
    left: 20px;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
  }

  .df .solutions .solutions-text--text p {
    font-size: 13px;
    line-height: 130%;
  }

  .df .solutions .solutions-text--heading h4 {
    font-size: 20px;
  }

  .df .solutions .solutions-text--heading {
    align-self: start;
  }

  .df .solutions .solutions-text--text {
    align-self: end;
  }

  .df .lottie-globe-holder:after {
    background: linear-gradient(to top, rgba(10, 7, 59, 1) 50%, transparent 73%);
    bottom: 10px;
    height: 80px;
  }

  .df .gradient-grouped-holder .lottie-globe {
    transform: scale(1.35);
    transform-origin: top;
  }

  .df .footer .content-wrapper {
    min-height: 400px;
  }

  .df .footer:after {
    background-position: right -120px bottom -50px !important;
    background-size: cover !important;
  }
}

@media (max-width: 420px) {
  .df .footer p {
    font-size: 20px;
  }

  .df-benefits .benefits-text--wrapper h4 {
    font-size: 30px;
  }

  .df-benefits .benefits-text--box-single:nth-child(4) .benefits-text--media-wrapper {
    margin-bottom: 70px;
  }
}

/*solution hero page*/

.sp-hero {
  padding: 124px 0 280px;
  background-size: cover;
  background-position: center bottom;
  background-origin: padding-box;
  backface-visibility: visible;
}

@media (max-width: 1360px) {
  #situational-awareness-hero-lottie {
    top: 80px;
    left: -86px;
    width: 100vw;
  }
}

.sp-hero h1 {
  font-size: 60px;
  color: #ffffff;
  text-align: center;
  line-height: 1.33;
  max-width: 950px;
  margin: 0 auto;
}

.hero-visual {
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/*solution hero page*/

/**solution benefits*/

.benefits-solution {
  padding-bottom: 240px;
  padding-top: 80px;
}

.sp-intro-benefits {
  padding: 120px 0 100px;
}

.sp-intro-benefits h2 {
  font-size: 40px;
  text-align: center;
}

.intro-text {
  margin: 30px auto 0;
  max-width: 765px;
}

.intro-text p {
  font-size: 22px;
  line-height: 1.7;
  text-align: center;
  font-family: 'Plus Jakarta Sans';
}

.intro-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.intro-button a {
  display: block;
  border-radius: 30px;
  border: 2px solid #14105B;
  padding: 19px 30px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #14105B;
  transition: all .3s ease-out;
}
.intro-button a:hover {
  background-color: #14105B;
  color: #ffffff;
}

.intro-benefits-items {
  /*margin: 80px 0 0;
  display: flex;*/
  gap: 58px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 58px 0 0;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.intro-benefit {
  padding: 21px 0 21px 41px;
  border-left: 1px solid #C6C5D8;
  margin: 0;
  max-width: 361px;
  width: 100%;
}

.intro-benefit h4 {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.33;
  margin: 20px 0 0;
  font-family: 'Plus Jakarta Sans';
}

.intro-benefit p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.4;
  font-family: 'Plus Jakarta Sans';
}

.intro-benefit:nth-child(3n + 2) {
  margin-top: 50px;
}

.intro-benefit:nth-child(3n) {
  margin-top: 100px;
}

/*vision slider*/
.sp-intro-benefits .vision-wrapper {
  padding: 65px 0 0;
  position: relative
}
.sp-intro-benefits .vision-inner {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.sp-intro-benefits .vision-wrapper .legend {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 408px;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.sp-intro-benefits .vision-wrapper .legend .item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 148px;
  padding: 25px 50px;
  border-top: 0;
  border-bottom: 1px solid #98B3FF;
  border-left: 1px solid #98B3FF;
  border-right: 1px solid #98B3FF;
  cursor: pointer;
  transition: all .26s ease-out;
  margin: 0!important;
}
.sp-intro-benefits .vision-wrapper .legend .item:first-child {
  border-top: 1px solid #98B3FF;
}
.sp-intro-benefits .vision-wrapper .legend .item.active {
  background-color: #ffffff;
}
.sp-intro-benefits .vision-wrapper .legend .item.active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 3px;
  height: 100%;
  background-color: #14105B;
}

.sp-intro-benefits .vision-wrapper .legend .item .item-inner {
  display: block;
}
.sp-intro-benefits .vision-wrapper .legend .item h4 {
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 130%;
  color: #14105B;
  opacity: .6;
}
.sp-intro-benefits .vision-wrapper .legend .item p {
  display: none;
  width: calc(100% - 55px);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #14105B;
  margin-top: 6px;
  opacity: .6;
}
.sp-intro-benefits .vision-wrapper .legend .item.active h4 {
  opacity: 1;
}
.sp-intro-benefits .vision-wrapper .legend .item.active p {
  display: block;
  opacity: 1;
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper {
  width: calc(100% - 408px);
  height: auto;
  aspect-ratio: 506 / 269;
  position: relative;
  user-select: none;
  margin: 0;
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image {
  z-index: 2;
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image img {
  width: 792px;
  height: auto;
  display: block
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper {
  width: 792px;
  height: 444px;
  position: relative;
  overflow: hidden
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image {
  display: block
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image.w-transition {
  transition: all .44s ease-out
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image img {
  width: 100%;
  height: auto;
  display: block
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper {
  width: 792px;
  height: 444px;
  position: relative;
  overflow: hidden
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #resizer {
  z-index: 5;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  background: #c5d4ff;
  -ms-flex-align: center;
  align-items: center;
  width: 4px;
  height: calc(100% + 20px);
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -10px;
  left: 40%
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #resizer.w-transition {
  transition: all .44s ease-out
}
.sp-intro-benefits .vision-wrapper .vision-slider-wrapper #resizer:after {
  content: "";
  background: #c5d4ff;
  border: 3px solid #c5d4ff;
  border-radius: 50%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 0 0 -11px;
  display: -ms-flexbox;
  display: flex;
  position: absolute
}
.sp-intro-benefits .vision-wrapper .m-switch-wrapper {
  display: none;
  text-align: center;
  margin: 20px auto 0;
}
.sp-intro-benefits .vision-wrapper .m-switch-wrapper.active .switch .dot {
  transform: translate(200%) !important
}
.sp-intro-benefits .vision-wrapper .m-switch-wrapper .switch {
  cursor: pointer;
  border: 2px solid #14105b;
  border-radius: 30px;
  width: 117px;
  height: 60px;
  margin: auto;
  position: relative
}
.sp-intro-benefits .vision-wrapper .m-switch-wrapper .switch .dot {
  background: #14105b;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  transition: all .26s ease-out;
  position: absolute;
  top: 13px;
  left: 13px
}
.sp-intro-benefits .vision-wrapper .m-switch-wrapper p {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 23px
}
.sp-intro-benefits .vision-wrapper .caption {
  display: none;
  width: 100%;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: #14105B;
}

@media (max-width: 1400px) {
  .sp-intro-benefits .vision-wrapper .legend {
    width: 350px;
  }
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper {
    width: calc(100% - 350px);
  }
  .sp-intro-benefits .vision-wrapper .legend .item {
    height: calc(((100vw - 166px - 350px) * 568 / 1012) / 3);
    padding: 15px 35px;
  }
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image img,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper {
    width: calc(100vw - 166px - 350px);
    height: calc((100vw - 166px - 350px) * 568 / 1012);
  }
}
@media (max-width: 1200px) {
  .sp-intro-benefits .vision-wrapper .legend {
    width: 300px;
  }
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper {
    width: calc(100% - 300px);
  }
  .sp-intro-benefits .vision-wrapper .legend .item {
    height: calc(((100vw - 166px - 300px) * 568 / 1012) / 3);
    padding: 15px 25px;
  }
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image img,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper {
    width: calc(100vw - 166px - 300px);
    height: calc((100vw - 166px - 300px) * 568 / 1012);
  }
  .sp-intro-benefits .vision-wrapper .legend .item h4 {
    font-size: 22px;
  }
  .sp-intro-benefits .vision-wrapper .legend .item p {
    font-size: 14px;
    width: calc(100% - 20px);
  }
}
@media (max-width: 1024px) {
  .sp-intro-benefits .vision-wrapper .legend {
    width: 240px;
  }
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper {
    width: calc(100% - 240px);
  }
  .sp-intro-benefits .vision-wrapper .legend .item {
    height: calc(((100vw - 30px - 240px) * 568 / 1012) / 3);
    padding: 10px 10px 10px 21px;
  }
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image img,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper {
    width: calc(100vw - 30px - 240px);
    height: calc((100vw - 30px - 240px) * 568 / 1012);
  }
  .sp-intro-benefits .vision-wrapper .legend .item h4 {
    font-size: 18px;
  }
  .sp-intro-benefits .vision-wrapper .legend .item p {
    font-size: 12px;
    margin-top: 3px;
    width: 100%;
  }
}
@media (max-width: 708px) {
  .sp-intro-benefits .vision-wrapper .legend .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    height: auto;
    padding: 12px 13px 14px;
    border-top: 1px solid #98B3FF;
    border-right: 1px solid #98B3FF;
    border-left: 0;
    border-bottom: 0;
  }
  .sp-intro-benefits .vision-wrapper .legend .item .item-inner {
    width: 100%;
  }
  .sp-intro-benefits .vision-wrapper .legend .item h4 {
    width: 40%;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    opacity: 1;
  }
  .sp-intro-benefits .vision-wrapper .legend .item p {
    display: none!important;
  }
  .sp-intro-benefits .vision-wrapper .legend .item:first-child {
    border-left: 1px solid #98B3FF;
  }
  .sp-intro-benefits .vision-wrapper .legend .item.active:after {
    width: 100%;
    height: 3px;
  }
  .sp-intro-benefits .vision-wrapper .legend,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper {
    width: calc(100vw - 60px);
    margin: auto;
  }
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image img,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-before-image .iframe-wrapper,
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #vision-slider-after-image .iframe-wrapper {
    width: calc(100vw - 60px);
    height: calc((100vw - 60px) * 568 / 1012);
  }
  .sp-intro-benefits .vision-wrapper .vision-slider-wrapper #resizer {
    display: none;
  }
  .sp-intro-benefits .vision-wrapper .m-switch-wrapper {
    display: block;
  }
  .sp-intro-benefits .vision-wrapper .caption {
    display: block;
  }
}
@media (max-width: 576px) {
  .sp-intro-benefits .vision-wrapper .legend .item h4 {
    font-size: 12px;
  }
  .sp-intro-benefits .vision-wrapper .caption {
    font-size: 16px;
  }
}

.sp-notifications {
    padding: 100px 0 100px;
}
.sp-notifications.ccptn .notifications {
    padding-top: 0;
    padding-bottom: 0;
}
.sp-notifications.ccptn .notifications h2 {
  color: #14105B;
  max-width: 550px;
}
.sp-notifications.ccptn .notifications .notifications-points {
  margin-top: 50px;
}
.sp-notifications.ccptn .notification-slider-arrows {
  display: none;
}
.sp-notifications.ccptn .notifications .notifications-text--box-single:nth-child(odd) {
  background: linear-gradient(180deg, #99FFFE -15.29%, #F3F7FF 145.04%);
  flex-flow: row;
}
.sp-notifications.ccptn .notifications .notifications-text--box-single:nth-child(even) {
  background: linear-gradient(180deg, #98B3FF 13.86%, #F3F7FF 134.98%);
  flex-flow: row-reverse;
}
.sp-notifications.ccptn .notification-slider-arrows .slider__counter {
  color: #14105B;
}
.sp-notifications.ccptn .notification-slider-arrows .slider__counter span {
  color: #14105Baa;
}
.sp-notifications.ccptn .notification-slider-arrows li.notification-slider-arrow-prev {
  display: block;
  height: 29px;
  width: 9px;
  background: url('images/slider-arrow-l-blue.png') no-repeat center center / 100%;
}
.sp-notifications.ccptn .notification-slider-arrows li.notification-slider-arrow-next {
  display: block;
  height: 29px;
  width: 8px;
  background: url('images/slider-arrow-r-blue.png') no-repeat center center / 100%;
}
@media (max-width: 1200px) {
  .sp-notifications.ccptn .notifications .notifications-text--heading h4 {
    font-size: 24px;
  }
  .sp-notifications.ccptn .notifications .notifications-text--text p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 1024px) {
  .sp-notifications {
    padding: 50px 0;
  }
  .sp-notifications.ccptn .notifications .notifications-points {
    margin-top: 0;
  }
  .sp-notifications.ccptn .notification-slider-arrows {
    display: block;
  }
}

.sp-card {
  padding: 48px 0 48px;
}
.sp-card-heading {
  width: 100%;
  margin-bottom: 52px;
}
.sp-card-heading h2 {
  max-width: 600px;
  margin: auto;
  font-size: 40px;
  font-weight: 600;
  font-family: Plus Jakarta Sans, sans-serif;
  line-height: 130%;
  text-align: center;
  color: #14105B;
}
.sp-card .grid-items-wrapper {
  margin: 0;
} 
.grid-items-wrapper .grid-items .item-card {
  -ms-grid-row-align: stretch;
  background: #14105B;
  border-radius: 10px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: calc(25% - 52px);
  min-height: 300px;
  margin: 52px 26px 0;
  transition: all .26s ease-out;
  display: block;
  position: relative;
  overflow: hidden;
}
.grid-items-wrapper .grid-items .item-card .item-card-inner {
  padding: 22px 31px 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.item-card-inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(180deg, rgba(20, 16, 91, 0) 0%, #14105B 100%);
}
.item-card .item-card-content > * {
  margin-top: 0;
  margin-bottom: 10px;
}
.item-card .item-card-content > *:last-child {
  margin-bottom: 0;
}
.item-card .item-card-content h4 {
  font-size: 25px;
  font-weight: 600;
  line-height: 130%;
  color: #ffffff;
  text-align: left;
}
.item-card .item-card-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #ffffff;
  text-align: left;
}
.item-card .item-card-content a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  color: #ffffff;
  text-align: left;
}
.item-card .item-card-content a svg {
  margin-left: 10px;
}
.item-card-image {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.item-card-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .sp-card {
    padding: 25px 0 25px;
  }
  .sp-card-heading h2 {
    font-size: 36px;
  }
  .sp-card .grid-items-wrapper .grid-items {
    width: calc(100% + 52px);
    margin: -52px -26px 0;
    display: flex;
  }
  .grid-items-wrapper .grid-items .item-card {
    width: calc(50% - 52px);
  }
  .item-card-image img {
    width: auto;
  }
}
@media (max-width: 600px) {
  .sp-card-heading h2 {
    font-size: 32px;
    line-height: 120%;
  }
  .sp-card .grid-items-wrapper .grid-items {
    width: 100%;
    margin: 0;
    display: block;
  }
  .grid-items-wrapper .grid-items .item-card {
    min-height: auto;
    width: 100%;
    min-height: 0;
    margin: 0 0 16px;
  }
  .grid-items-wrapper .grid-items .item-card .item-card-inner {
    flex-direction: row;
  }
  .item-card-image {
    aspect-ratio: 4 / 3;
    margin-bottom: 5px;
  }
  .item-card-image img {
    width: 100%;
  }
}

.benefits-solution .bf-benefit p {
  font-family: Plus Jakarta Sans, sans-serif;
  margin: 20px 0 0;
}

.benefits-solution .benefits-text--box-single:last-child {
  margin-bottom: 0;
}

.benefits-solution .benefits-text--box-single:nth-child(4) .benefits-text--wrapper {
  top: auto;
}

/**solution benefits*/


/*navigation-safety*/
.navigation-safety .sp-intro-benefits {
  padding: 120px 0 60px;
}
.navigation-safety .sp-notifications {
  padding: 50px 0 0;
}
.navigation-safety .sp-card {
  padding: 40px 0 40px;
}
.navigation-safety .sp-intro-benefits .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.navigation-safety .sp-intro-benefits .content-wrapper .intro-benefits-items {
  order: 1;
}
.navigation-safety .sp-intro-benefits .content-wrapper .vision-wrapper {
  order: 2;
}
@media (max-width: 708px) {
  .navigation-safety .sp-intro-benefits .content-wrapper .intro-benefits-items {
    order: 2;
  }
  .navigation-safety .sp-intro-benefits .content-wrapper .vision-wrapper {
    order: 1;
  }
}
/*case study new design*/

:root {
  --font-Jakarta: "Plus Jakarta Sans", sans-serif;
}

.section-header {
  padding: 80px 0 60px;
}

.section-header-title {
  font-size: 42px;
  line-height: 1.2;
  margin: 10px 0 0;
}

body.single-case {
  background-color: #F4F7FE;
}
/* ==== HERO SECTION ==== */

.section-hero {
  position: relative;
  padding: 128px 0 37px;
  background: #F4F7FE center/cover no-repeat;
  color: #fff;
  overflow: hidden;
}

.section-hero .section-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5px;
  flex-direction: column;
  position: initial;
}


.section-hero .section-content {
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 8px;
  flex-direction: column;
  gap: 20px;
}

.section-hero-right {
  position: absolute;
  right: 0;
  top: 91px;
  max-width: 41%;
}

.section-hero-right-bottom {
  position: absolute;
  right: 0;
  top: 90px;
  bottom: 0;
  max-width: 61.6%;
}

.section-hero-wrapper-logo {
  display: flex;
  align-items: center;
  gap: 20px;
}

.section-hero-wrapper-logo-text {
  color: #9DB2F9;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  font-family: var(--font-Jakarta);
}

.section-hero-wrapper-logo-img {
  max-width: 120px;
}

.section-hero-wrapper-logo-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.section-hero .section-suptitle {
  font-size: 14px;
  opacity: .8;
  margin-bottom: 20px;
  font-family: var(--font-Jakarta);
}


.section-hero .section-title {
  font-size: 50px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  max-width: 1015px;
  color: #15115C;
  letter-spacing: -0.4px;
}

.section-hero .section-title span {
  color: #15115C;
}

.section-hero .section-text {
  font-size: 20px;
  line-height: 1.6;
  opacity: .9;
  margin-bottom: 36px;
}

.single-case .cta-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 17px 30px;
  border-radius: 40px;
  border: 2px solid #15115C;
  color: #15115C;
  font-size: 16px;
  text-decoration: none;
  transition: all .3s ease;
  font-weight: 600;
  z-index: 1;
}

.single-case .cta-button svg {
  transition: all .3s ease;
}

.single-case .cta-button:hover {
  color: #ffffff;
  background: #15115C;
  border-color: #15115C;
}
.single-case .cta-button:hover svg {
  stroke: #ffffff;
}

.single-case .cta-button:hover svg line,
.single-case .cta-button:hover svg path {
  stroke: inherit;
}

.section-hero .section-media {
  flex-shrink: 0;
  max-width: 420px;
}

.section-hero .section-media img {
  width: 100%;
  height: auto;
  display: block;
}


.section-media img {
  width: 100%;
  margin: 0 0 0 auto;
  display: block;
  height: 100%;
  object-fit: contain;
}

.section-media-text {
  padding: 80px 0 40px;
}

.section-media-text .section-inner {
  display: flex;
  align-items: center;
  gap: 52px;
}

.section-suptitle {
  font-size: 20px;
  font-weight: 600;
  color: #9DB2F9;
  font-family: var(--font-Jakarta);
  letter-spacing: -1%;
}

.section-title {
  color: #131057;
  font-size: 40px;
  line-height: 1.2;
  margin: 10px 0 0;
}

.section-text p {
  font-size: 18px;
  line-height: 1.6;
  margin: 30px 0 0;
}

.section-media {
  max-width: 470px;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  flex-shrink: 0;
  position: relative;
}

.section-media-logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00000080;
}

.section-media-logo img {
  max-width: 300px;
  object-fit: contain;
  margin: 0 auto;
  height: auto;
}

.media-list {
  width: 100%;
  background-color: #9DB2F9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 45px 40px 40px;
  gap: 30px;
  max-width: 365px;
  margin-left: auto;
  border-radius: 10px;
}

.media-list-value {
  color: #FFFFFF;
  font-size: 60px;
  font-weight: 200;
  font-family: Plus Jakarta sans;
}

.media-list-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.media-list-label {
  font-size: 16px;
  line-height: 1.5;
}


.section-stats {
  padding: 50px 0;
  background: linear-gradient(180deg,rgba(244, 247, 254, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.stats {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.stat {
  max-width: 224px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.stat-wrapper {
  color: #FF7373;
  font-size: 60px;
  line-height: 1.1;
  font-weight: 200;
  font-family: Plus Jakarta sans;
}

.stat-label {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  font-family: DM sans;
  text-align: center;
}


.cards {
  display: flex;
  gap: 52px;
}

.card {
  max-width: 365px;
  background-color: #ffffff;
  padding: 50px 50px 55px 50px;
  border-radius: 10px;
  flex-direction: column;
  display: flex;
}

.card-title {
  color: #FF7373;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  flex-shrink: 0;
  flex-grow: 0;
  min-height: 56px;
}

.card-text {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.6;
}



.section-cta {
  padding: 52px 0 80px;
}

.section-cta .section-inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  gap: 123px;
  padding: 18px 0 18px 83px;
}

.section-cta .section-media {
  max-width: 137px;
  top: 0;
}

.section-cta .section-media img {
  width: 100%;
}

.section-column.cta-content {
  max-width: 700px;
}

.cta-content .section-title {
  color: #ffffff;
  font-size: 32px;
  line-height: 1.4;
  margin: 0;
}

.section-cta .cta-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 17px 30px;
  border-radius: 40px;
  border: 2px solid #99FFFE;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: all .3s
  ease;
  font-weight: 600;
  margin: 20px 0 0;
}


.section-quote {
  background-color: #9DB2F9;
  padding: 57px 0 58px;
}

.section-quote {
  content-visibility: visible !important;
}

.section-cards + .section-quote {
  margin: 132px 0 0;
}

.feature-media-text + .section-quote {
  margin: 100px 0 0;
}

.quote-text {
  font-size: 32px;
  line-height: 1.4;
  font-weight: 600;
  font-family: var(--font-Jakarta);
}

.quote-author {
  font-size: 18px;
  line-height: 1.4;
  max-width: 100%;
  margin: 40px 0 0;
}

.quote-author strong {
  font-weight: 600;
}


.section-quote .section-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section-quote .section-inner:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='51' height='53' viewBox='0 0 51 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_5418_429' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='51' height='53'%3E%3Cpath d='M51 9.50137C47.073 10.1122 44.081 12.1991 42.041 15.7621C40.001 19.3251 38.981 23.4311 38.981 28.0799C38.981 28.4871 38.981 28.8943 39.032 29.2846C39.066 29.6918 39.151 30.1329 39.304 30.591H51V52.5969H28.05V32.3047C28.05 24.2964 29.835 17.1534 33.405 10.8587C36.975 4.56405 42.84 0.950137 51 0V9.4844V9.50137ZM22.95 9.50137C17.986 10.3836 14.518 13.7431 12.495 19.5966C11.492 22.4979 10.982 25.3483 10.982 28.1817C10.982 28.5211 10.999 28.8095 11.033 29.047C11.067 29.2846 11.118 29.8105 11.203 30.608H22.95V52.6138H0V32.3216C0 22.3622 2.125 14.6932 6.358 9.29777C10.591 3.91931 16.133 0.83137 22.95 0.0169667V9.50137Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5418_429)'%3E%3Cpath d='M52.7001 -1.67969H-1.69995V54.3105H52.7001V-1.67969Z' fill='%2314105B'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  top: -77px;
  width: 51px;
  height: 52px;
  background-size: contain;
  background-repeat: no-repeat;
}

.section-quote .section-inner:has(.quote-media) .quote {
  max-width: 600px;
}

.section-quote .quote-media {
  flex-shrink: 0;
  max-width: 470px;
  width: 100%;
  position: relative;
  height: 314px;
  border-radius: 10px;
  overflow: hidden;
}

.section-quote .quote-media img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.quote-media .vid-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 83px;
  height: 63px;
  cursor: pointer;
}

.section-quote  iframe {
  width: 100%;
  height: 100%;
}

.section-column.quote-media img {
  width: 100%;
}



.feature-media-text {
  padding: 40px 0 52px;
}

.feature-media-text .section-suptitle {
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  color: #0D0A4D;
  text-transform: uppercase;
  background-color: #9DB2F9;
  display: inline-block;
  padding: 6px 9px;
  border-radius: 5px;
}

.feature-media-text  .section-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.feature-media-text .section-title {
  font-size: 32px;
  line-height: 1.2;
}

.section-text ul {
  font-size: 18px;
  line-height: 1.6;
  list-style-type: disc;
  padding: 0 0 0 30px;
}

.feature-media-text .section-column {
  max-width: 573px;
}

.feature-media-text .section-media {
  max-width: 470px;
  position: relative;
}

.section-media-item-extra--0 {
  max-width: 346px;
}

.section-media-item-extra--1 {
  margin-top: -85px;
  max-width: 435px;
}
.section-media-item-extra--0 img,
.section-media-item-extra--1 img,
.section-media-item-extra--0 video,
.section-media-item-extra--1 video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feature-media-text.reverse .section-inner {
  flex-direction: row-reverse;
}

.section-charts {
  padding: 52px 0 25px;
}

.section-charts .section-inner {
  display: flex;
  justify-content: space-between;
  gap: 52px;
}

.chart-item {
  text-align: center;
  max-width: 574px;
}

.chart-item-single {
  max-width: 100%;
  width: 100%;
}

.chart-item img {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  object-fit: contain;
}

.chart-caption {
  font-size: 16px;
  max-width: 80%;
  text-align: center;
  margin: 16px auto 0;
  line-height: 1.6;
}

.section-download .section-inner {
  display: flex;
  padding: 0 80px;
}

.section-download {
  background-color: #131157;
  color: #ffffff;
  padding: 45px 0 24px;
  margin: 123px 0;
}

.section-download {
  content-visibility: visible !important;
}

.section-download .section-title {
  font-size: 32px;
  color: #ffffff;
  line-height: 1.4;
  font-weight: 600;
  margin: 0;
}

.section-download .cta-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 17px 30px;
  border-radius: 40px;
  border: 2px solid #99FFFE;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: all .3s
  ease;
  font-weight: 600;
  margin: 40px 0 0;
}

.section-download .cta-button:hover {
  background-color: #99FFFE;
  color: #15115C;
}

.section-download .cta-button:hover svg {
  stroke: #15115C;
}

.section-download .section-media {
  max-width: 249px;
  margin-top: -75px;
  top: 0;
}

.section-download .section-media + div {
  margin-left: auto;
  max-width: 670px;
}

.related-posts {
  padding: 60px 0 150px;
}

.related-posts .related-wrapper h2 {
  font-size: 30px;
  line-height: 35px;
}

@media screen and (max-width: 1440px) {

  .section-hero-right-bottom {
    top: 90px;
    max-width: 65.2%;
  }

  .section-hero-right {
    max-width: 38%;
    top: 91px;
  }
}

@media (max-width: 1024px) {

  .single-case .content-wrapper {
    width: calc(100% - 30px);
  }

  .section-hero {
    padding: 100px 0 78px;
  }


  .section-hero-right {
    top: 44px;
    max-width: 85%;
  }

  .section-hero-right-bottom {
    right: 0;
    top: auto;
    bottom: 10px;
    max-width: 100%;
  }

  .section-hero .section-inner {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .section-hero .section-media {
    max-width: 300px;
  }

  .section-hero .section-title {
    font-size: 32px;
    max-width: 100%;
    text-align: left;
  }

  .section-hero .section-content {
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    z-index: 10;
    position: relative;
  }

  .section-media-text {
    padding: 30px 0 30px;
  }

  .section-hero + .section-media-text {
    padding: 30px 0;
  }

  .section-media-text .section-inner {
    flex-direction: column;
    gap: 30px;
  }

  .section-media-text.reverse-mobile .section-inner {
    flex-direction: column-reverse;
  }

  .section-media {
    max-width: 100%;
    max-height: max-content;
    top: 0;
  }

  .media-list {
    max-width: 100%;
  }

  .section-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
  }

  .section-media-logo img {
    max-width: 200px;
  }

  .section-media-text .section-title {
    font-size: 32px;
  }

  .section-text p {
    margin: 20px 0 0;
  }

  .section-stats {
    padding: 30px 0;
  }

  ul.stats {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  ul.cards {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .card {
    padding: 30px 28px 30px 35px;
    max-width: 100%;
    width: 100%;
  }

  .card-title {
    min-height: auto;
  }

  .section-cta {
    padding: 30px 0 0;
  }

  .section-cta .section-inner {
    flex-direction: column;
    align-items: center;
    padding: 20px 30px 31px;
    width: 100%;
    background-size: cover;
    border-radius: 0;
    gap: 0;
  }

  .section-cta .section-media {
    max-width: 112px;
    margin-left: -10%;
  }

  .section-column.cta-content {
    text-align: center;
  }

  .section-quote {
    padding: 30px 0;
  }

  .section-cards + .section-quote  {
    padding: 30px 0;
    margin: 30px 0;
  }

  .feature-media-text + .section-quote {
    margin: 30px 0 0;
  }

  .section-quote .section-inner:before {
    top: 0;
    left: 0;
  }

  .section-quote .section-inner {
    flex-direction: column;
    padding: 75px 0 0;
  }

  .quote-text {
    line-height: 1.2;
  }

  .quote-author {
    margin: 20px 0 0;
  }

  .section-quote .quote-media {
    max-width: 100%;
    height: 230px;
    margin: 24px 0 0;
  }

  .section-header {
    padding: 50px 0 30px;
  }

  .section-header-title {
    font-size: 32px !important;
  }

  .section-header-wrapper {
    max-width: 100% !important;
  }

  .feature-media-text {
    padding: 30px 0 0;
    margin: 0 0 30px;
  }

  .feature-media-text .section-inner {
    flex-direction: column;
    gap: 30px;
  }

  .feature-media-text.reverse-mobile .section-inner {
    flex-direction: column-reverse;
  }

  .feature-media-text .section-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .feature-media-text .section-text {
    margin: 30px 0 0;
  }

  .feature-media-text + .feature-media-text {
    padding: 30px 0 30px;
  }

  .feature-media-text.reverse .section-inner {
    flex-direction: column-reverse;
  }

  .section-charts {
    padding: 30px 0 0;
  }

  .section-media-text + script + .section-charts {
    padding: 0;
  }

  .section-charts .section-inner {
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }

  .chart-caption {
    max-width: 100%;
  }

  .section-download {
    padding: 45px 0 24px;
    margin: 80px 0 15px;
  }

  .section-download .section-inner {
    flex-direction: column;
    padding: 0;
    gap: 10px;
  }

  .section-download .section-media {
    max-width: 157px;
    margin: -65px 0 0 25%;
  }

  .section-download .section-media + div {
    max-width: 100%;
    margin: 0;
    text-align: center;
  }

  .section-download .cta-button {
    margin: 20px 0;
  }

  .related-posts {
    padding: 45px 0 0;
  }

  .related-posts .grid-items-wrapper {
    margin: 30px 0 0;
  }

  /*solution page*/
  .intro-benefits-items {
    flex-direction: column;
    margin: 34px 0 0;
    padding: 0;
    gap: 10px;
  }

  .sp-hero {
    padding: 120px 0 230px;
  }

  .sp-hero h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .sp-intro-benefits {
    padding: 90px 0 50px;
  }

  .sp-intro-benefits h2 {
  }

  .sp-intro-benefits .content-wrapper {
    width: calc(100% - 30px);
  }

  .intro-benefit {
    /*padding: 26px 0 26px 21px;*/
    padding: 26px 0 26px 0;
    border-left: 0;
    max-width: 100%;
  }

  .icon {
    width: 50px;
    height: 40px;
  }

  .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .intro-benefit h4 {
  }

  .intro-benefit:nth-child(3n + 2), .intro-benefit:nth-child(3n) {
    margin-top: 0;
  }

  .benefits-solution h2 {
    font-size: 40px;
    line-height: 1.25;
    padding: 0 10px;
  }

  .benefits-solution {
    padding: 0 0 80px;
  }

  .content-wrapper {
    width: calc(100% - 30px);
  }

  .benefits-solution .benefits-text--media-wrapper > .benefits-text--image:only-child {
    max-width: 100%;
    right: auto;
    left: auto;
    bottom: auto;
  }

  .benefits-solution .benefits-text--box-single:nth-child(1) .benefits-text--media-wrapper {
    margin-bottom: 58px !important;
  }

  .benefits-solution .benefits-text--box-single:nth-child(2) .benefits-text--image {
    max-width: 166px;
    transform: translateX(0);
    left: auto;
  }

  .benefits-solution .benefits-text--box-single:nth-child(2) .benefits-text--image,
  .benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--image,
  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--image,
  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--image {
    max-width: 145px;
    right: -35px !important;
  }

  .benefits-solution .benefits-text--box-single:nth-child(2) .benefits-text--video,
  .benefits-solution .benefits-text--box-single .benefits-text--video {
    max-width: 100%;
  }

  .benefits-text--box-single:nth-child(3) .benefits-text--image {
    right: 0 !important;
    left: auto;
    bottom: -62px !important;
  }

  .benefits-solution .benefits-text--box-single.bf-benefit:not(:last-child) {
    margin-bottom: 80px !important;
  }

  .benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--media-wrapper {
    margin-bottom: 99px !important;
  }


  .benefits-solution .benefits-text--box-single:nth-child(4) .benefits-text--media-wrapper {
    margin-bottom: 30px !important;
  }

  .testimonials-section .testimonials-wrapper {
    padding: 40px 0 60px !important;
  }

  .testimonials-section .testimonials-wrapper:after {
    display: none !important;
  }

  .faq-preview {
    padding: 80px 0 !important;
  }
  /*solution page*/

}

@media screen and (max-width: 540px) {
  .benefits-solution .benefits-text--box-single:nth-child(2) .benefits-text--video,
  .benefits-solution .benefits-text--box-single .benefits-text--video {
    max-width: 82%;
  }

  .benefits-solution .benefits-text--box-single:nth-child(2) .benefits-text--image,
  .benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--image,
  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--image,
  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--image {
    right: 0 !important;
  }
}

/*case study new design*/

/* Blog oEmbed wrapper */
.single-post .main-wrapper .wysiwyg .responsive-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.single-post .main-wrapper .wysiwyg .responsive-video-container {
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 */
  position: relative;
}

/* Footer nav CMS */
footer .rec .on-top .cols .col .nav-footer.items {
  margin-top: 0;
}

footer .rec .on-top .cols .col .nav-footer.items li:first-child {
  margin-bottom: 20px;
  pointer-events: none;
}

footer .rec .on-top .cols .col .nav-footer.items li:first-child:hover {
  color: inherit;
}

footer .rec .on-top .cols .col .nav-footer.items.second-menu  {
  margin-top: 20px;
}

footer .rec .on-top .cols .col .nav-footer.items li:first-child a {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  display: block;
  pointer-events: none;
}

/* Latest news wrapper */
section.news-wrapper {
  padding: 0 0 20px;
  position: relative
}

section.news-wrapper .title-wrapper {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

section.news-wrapper .title-wrapper h2 {
  line-height: 1.38
}

section.news-wrapper .title-wrapper .learn-more {
  color: #14105b;
  right: 15px;
}

section.news-wrapper .title-wrapper .learn-more svg polyline {
  stroke: #14105b
}

@media (min-width: 1025px) {
  section.news-wrapper .title-wrapper h2 {
    font-family: Plus Jakarta Sans, sans-serif;
    font-weight: 400
  }
}

@media screen and (max-width:1024.5px) {
  section.news-wrapper .grid-items-wrapper .grid-items .item .desc-wrapper {
    padding: 28px 20px
  }
}

@media screen and (min-width:1025px) {
  section.news-wrapper .grid-items-wrapper .grid-items .item .desc-wrapper .tag {
    padding: 10px 21px
  }
}

@media screen and (max-width:1024.5px) {
  section.news-wrapper .grid-items-wrapper .grid-items .item .desc-wrapper .tag {
    padding: 8px 18px
  }
}

section.news-wrapper .grid-items-wrapper .grid-items .item .desc-wrapper h3 {
  font-size: 25px;
  line-height: 34px
}

@media screen and (max-width:1024.5px) {
  section.news-wrapper .grid-items-wrapper .grid-items .item .more {
    margin-left: 20px
  }

  section.news-wrapper .title-wrapper {
    text-align: center;
    margin: 0 0 50px;
    display: block
  }

  section.news-wrapper .title-wrapper .learn-more {
    display: none
  }

  section.news-wrapper .title-wrapper .learn-more {
    margin-right: 14px
  }
}

.co-captain-wrapper section.news-wrapper,
.ultravision-wrapper section.news-wrapper,
.container.ccptn section.news-wrapper,
.container.defense.df section.news-wrapper {
  padding: 60px 0;
}

.container.ccptn section.news-wrapper {
  background: #f3f7ff !important;
  color: #14105b;
}
/* Cookie Consent */
#hs-banner-parent #hs-eu-cookie-confirmation.hs-banner-optimization-animation {
  bottom: 0;
  top: auto;
}

/*Fuel-optimazation-template*/
.fuel-optimazation-template .sp-hero {
  padding: 150px 0 225px;
}
.fuel-optimazation-template .c-breadcrumbs .breadcrumb-item a, 
.fuel-optimazation-template .c-breadcrumbs .breadcrumb-item {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0px;
  color: #ffffff;
}
.fuel-optimazation-template .c-breadcrumbs .breadcrumb-item {
  padding: 0 19px;
}
.fuel-optimazation-template .sp-hero h1 {
  max-width: 900px;
  font-family: Plus Jakarta Sans;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 60px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0px;
  text-align: center;
}

.fuel-optimazation-template .sp-hero {
  position: relative;
  overflow: hidden;
}
.fuel-optimazation-template .hero-ships {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fuel-optimazation-template .ship {
  position: absolute;
  transform: translateY(-50%);
  opacity: 0;
  animation-fill-mode: forwards;
  top: var(--top);
  display: var(--display-desktop);
}
.fuel-optimazation-template .ship img {
  display: block;
}
.fuel-optimazation-template .ship--left {
  left: var(--left);
}
.fuel-optimazation-template .ship--right {
  right: var(--right);
}
@media (max-width: 1200px) {
  .fuel-optimazation-template .ship {
    top: var(--top-tablet);
    display: var(--display-tablet);
  }
  .fuel-optimazation-template .ship--left {
    left: var(--left-tablet);
  }
  .fuel-optimazation-template .ship--right {
    right: var(--right-tablet);
  }
  .fuel-optimazation-template .sp-hero h1 {
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .fuel-optimazation-template .ship {
    top: var(--top-mobile);
    display: var(--display-mobile);
  }
  .fuel-optimazation-template .ship--left {
    left: var(--left-mobile);
  }
  .fuel-optimazation-template .ship--right {
    right: var(--right-mobile);
  }
  .fuel-optimazation-template .sp-hero h1 {
    max-width: 350px;
  }
}

/* LEFT */
.fuel-optimazation-template .ship--slide-left {
  animation: shipInLeft 1.2s ease-out forwards;
}

.fuel-optimazation-template .ship--slide-right {
  animation: shipInRight 1.2s ease-out forwards;
}

.fuel-optimazation-template .ship--fade {
  animation: shipFade 1s ease-out forwards;
}

@keyframes shipInLeft {
  0% {
    transform: translateX(-150%) translateY(-50%);
    opacity: 0;
  }
  60% {
    transform: translateX(10%) translateY(-50%);
    opacity: 1;
  }
  100% {
    transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
}

@keyframes shipInRight {
  0% {
    transform: translateX(150%) translateY(-50%);
    opacity: 0;
  }
  60% {
    transform: translateX(-10%) translateY(-50%);
    opacity: 1;
  }
  100% {
    transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
}

@keyframes shipFade {
  0% {
    opacity: 0;
    transform: translateY(-50%) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}


/*Intro Benefits*/
.fuel-optimazation-template .sp-intro-benefits {
    padding: 100px 0 100px;
}
.fuel-optimazation-template .sp-intro-benefits h2 {
  font-size: 40px;
  line-height: 130%;
  font-weight: 600;
  color: #14105B;
}
.fuel-optimazation-template .intro-text {
  max-width: 800px;
}
.fuel-optimazation-template .intro-text p {
  font-size: 22px;
  font-weight: 400;
  line-height: 150%;
  color: #14105B;
  font-family: DM Sans, sans-serif;
}
.fuel-optimazation-template .intro-benefit {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.fuel-optimazation-template .intro-benefit:nth-child(3n + 2) {
  position: relative;
  top: 50px;
  margin-top: 0px;
}
.fuel-optimazation-template .intro-benefit:nth-child(3n) {
  position: relative;
  top: 100px;
  margin-top: 0px;
}
.fuel-optimazation-template .intro-benefit h4 {
  font-weight: 500;
  line-height: 128%;
}
.fuel-optimazation-template .intro-benefit p {
  font-family: DM Sans, sans-serif;
  line-height: 138%;
}
/*Benefits*/
.fuel-optimazation-template .benefits-solution {
  padding-top: 120px;
  padding-bottom: 120px;
}
.fuel-optimazation-template .df-benefits h2 {
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.fuel-optimazation-template .df-benefits .benefits-text--media-wrapper {
  max-width: 574px;
}
.fuel-optimazation-template .df-benefits .benefits-text--wrapper {
  max-width: 470px;
}
.fuel-optimazation-template .benefits-solution .benefits-text--box-single:nth-child(2) .benefits-text--image,
.fuel-optimazation-template .benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--image,
.fuel-optimazation-template .benefits-solution .benefits-text--box-single:nth-child(4) .benefits-text--image {
  position: relative;
  bottom: auto;
  right: auto;
  max-width: 100%;
}
.fuel-optimazation-template .benefits-solution .benefits-text--box-single.bf-benefit {
  margin-bottom: 120px;
}
.fuel-optimazation-template .benefits-solution .benefits-text--box-single.bf-benefit:last-child {
  margin-bottom: 0;
}

.fuel-optimazation-template .df-benefits .benefits-text--wrapper h4 {
  font-size: 40px;
  line-height: 130%;
  font-weight: 600;
  max-width: 460px;
}
.fuel-optimazation-template .benefits-solution .bf-benefit p {
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  font-family: DM Sans, sans-serif;
}
.fuel-optimazation-template .df-benefits .benefits-text--image img {
  display: block;
}
.fuel-optimazation-template .benefits-solution .benefits-text--box-single:nth-child(1) .benefits-text--image img {
  padding-top: 12px;
  padding-bottom: 14px;
}
/*Testimonials*/
.fuel-optimazation-template .testimonials-section .testimonials-wrapper {
  padding: 120px 0 85px;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slide_navigation {
  top: 10px;
  left: -50px;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slide_navigation .slick-arrow.btnPrev {
  left: -50px;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slide_navigation .slick-arrow.btnNext {
  right: -50px;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .quote {
  font-size: 22px;
  line-height: 150%;
  font-weight: 400;
  font-family: DM Sans, sans-serif;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper {
  margin: 54px auto 0;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .quote-video .video-holder {
  margin-top: 13px;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .name-title-logo p.name-title {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .name-title-logo {
  margin: 51px auto 0;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .quote-video .video-holder .vid-icon {
  margin-top: -25px;
  margin-left: -55px;
}
.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .name-title-logo .logo-wrapper {
  height: 60px;
  width: 110px;
}
/*FAQ*/
.fuel-optimazation-template .faqs-wrapper .content-wrapper > h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 0;
}
.fuel-optimazation-template .faqs-wrapper .faqs {
  margin-top: 80px;
}
.fuel-optimazation-template .faqs-wrapper .faqs .faq {
  padding: 2px 0 21px;
  margin-bottom: 49px;
}
.fuel-optimazation-template .faqs-wrapper .faqs .faq:last-child {
  margin-bottom: 0;
}
.fuel-optimazation-template .faqs-wrapper .faqs .faq .question {
  font-size: 18px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: 0;
}
.fuel-optimazation-template .faqs-wrapper .faqs .faq .question .circle {
  width: 42px;
  height: 42px;
  margin-top: -22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fuel-optimazation-template .faqs-wrapper .faqs .faq .question .circle .plus {
  width: 13px;
  height: 13px;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  top: auto;
  left: auto;
}
.fuel-optimazation-template .faqs-button {
  width: auto;
  justify-self: center;
  border-radius: 99px;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width: 1025px) {
  .fuel-optimazation-template .intro-benefit {
    padding: 34px 0 34px 41px;
  }
}


@media (min-width: 1025px) {
  .fuel-optimazation-template  .df-benefits .benefits-text--box-single:nth-child(1) .benefits-text--wrapper {
    top: 0;
  }
  .fuel-optimazation-template  .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--wrapper {
    top: 0;
  }

  .fuel-optimazation-template  .df-benefits .benefits-text--box-single:nth-child(3) .benefits-text--media-wrapper .benefits-text--image {
    position: relative;
  }
}

@media (max-width: 1300px) {
  .fuel-optimazation-template .df-benefits .benefits-text--media-wrapper {
    width: 400px;
  }
}
@media (max-width: 1200px) {
  .fuel-optimazation-template .sp-hero h1 {
    font-size: 50px;
  }
  .fuel-optimazation-template .df-benefits h2 {
    font-size: 42px;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--wrapper h4 {
    font-size: 32px;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper h2 {
    font-size: 42px;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--media-wrapper {
    width: 350px;
  }
}
@media (max-width: 1024px) {
  .fuel-optimazation-template .sp-hero h1 {
    font-size: 40px;
  }
  .fuel-optimazation-template .c-breadcrumbs .breadcrumb-item a, .fuel-optimazation-template .c-breadcrumbs .breadcrumb-item {
    font-size: 14px;
  }
  .fuel-optimazation-template .sp-intro-benefits h2 {
    font-size: 32px;
    line-height: 120%;
  }
  .fuel-optimazation-template .content-wrapper {
    width: calc(100% - 60px);
  }
  .fuel-optimazation-template .benefits-solution .benefits-text--box-single:nth-child(1) .benefits-text--media-wrapper,
  .fuel-optimazation-template .df-benefits .benefits-text--box-single:nth-child(2) .benefits-text--media-wrapper {
    margin-bottom: 30px;
  }
  .fuel-optimazation-template .benefits-solution .benefits-text--box-single:nth-child(1) .benefits-text--media-wrapper {
    margin-bottom: 38px !important;
  }
  .fuel-optimazation-template .benefits-text--box-single:nth-child(3) .benefits-text--image {
    bottom: auto!important;
  }
  .fuel-optimazation-template .intro-benefits-items {
    margin: 30px 0 0;
    gap: 20px;
  }
  .fuel-optimazation-template .intro-benefit:nth-child(3n + 2),
  .fuel-optimazation-template .intro-benefit:nth-child(3n) {
    top: auto;
  }
  .fuel-optimazation-template .df-benefits h2 {
    font-size: 35px;
    margin-bottom: 50px;
  }
  .fuel-optimazation-template .benefits-solution {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--media-wrapper {
    width: 600px;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--wrapper h4 {
    font-size: 30px;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--box-single {
    margin-bottom: 59px !important;
  }
  .fuel-optimazation-template .benefits-solution .benefits-text--box-single.bf-benefit:not(:last-child) {
    margin-bottom: 59px !important;
  }
  .benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--media-wrapper {
    margin-bottom: 50px !important;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper h2 {
    font-size: 35px;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .quote {
    font-size: 20px;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .name-title-logo {
    margin: 30px auto 0;
  }
}
@media (max-width: 768px) {
  .fuel-optimazation-template .df-benefits .benefits-text--media-wrapper {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .fuel-optimazation-template .sp-hero {
    min-height: 600px;
    padding: 127px 0 204px;
  }
  .fuel-optimazation-template .sp-hero h1 {
    font-size: 32px;
  }
  .fuel-optimazation-template .c-breadcrumbs .breadcrumb-item a, .fuel-optimazation-template .c-breadcrumbs .breadcrumb-item {
    font-size: 12px;
  }
  .fuel-optimazation-template .c-breadcrumbs .breadcrumb-item {
    padding: 0 14px;
  }
  .fuel-optimazation-template .c-breadcrumbs .breadcrumbs-list {
    padding: 0 14px;
    margin-bottom: 17px;
  }
  .fuel-optimazation-template .c-breadcrumbs .breadcrumb-item:after {
    margin: 0 11px;
  }
  .fuel-optimazation-template .sp-intro-benefits {
    padding: 80px 0 30px;
  }
  .fuel-optimazation-template .intro-text {
    max-width: 100%;
    margin-left: 5px;
    margin-right: 5px;
  }
  .fuel-optimazation-template .benefits-solution {
    padding-top: 29px;
    padding-bottom: 30px;
  }
  .fuel-optimazation-template .df-benefits h2 {
    font-size: 32px;
    padding: 0;
    margin-bottom: 50px;
  }
  .fuel-optimazation-template .benefits-solution .bf-benefit p {
    font-size: 18px;
  }
  .benefits-solution .benefits-text--box-single:nth-child(3) .benefits-text--wrapper p {
    line-height: 26px;
  }
  .fuel-optimazation-template .benefits-solution .benefits-text--box-single:nth-child(1) .benefits-text--image img {
    padding-top: 15px;
    padding-bottom: 0;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--box-single .benefits-text--media-wrapper {
      margin-bottom: 28px !important;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--wrapper h4 {
    font-size: 25px;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper h2 {
    font-size: 32px;
    text-align: center;
    width: 100%;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper {
    padding: 30px 0 40px !important;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .quote {
    font-size: 18px;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper {
    margin: 33px auto 0;
  }
  /*.fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .quote br {
    display: none;
  }*/
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper .slider-wrapper .item .name-title-logo {
    margin: 18px auto 0;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper .bottom-group {
    margin: 35px 0 24px;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper .slide_navigation .slick-arrow.btnPrev {
    left: -35px;
  }
  .fuel-optimazation-template .testimonials-section .testimonials-wrapper .slide_navigation .slick-arrow.btnNext {
    right: -35px;
  }
  .fuel-optimazation-template .faqs-wrapper .faqs {
    margin-top: 57px;
  }
  .fuel-optimazation-template .faqs-wrapper .faqs .faq .question {
    line-height: 140%;
  }
  .fuel-optimazation-template .faqs-wrapper .faqs .faq {
    padding: 2px 0 19px;
    margin-bottom: 47px;
  }
}
@media (max-width: 576px) {
  .fuel-optimazation-template .df-benefits .benefits-text--wrapper {
    max-width: 100%;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--media-wrapper {
    max-width: 100%;
  }
  .fuel-optimazation-template .df-benefits .benefits-text--box-single .benefits-text--media-wrapper {
      margin-bottom: 28px !important;
  }
  .testimonials-section .testimonials-wrapper .slider-wrapper .slick-track .item.slick-slide .video-watch-button-group .button.open-vimeo {
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .fuel-optimazation-template .intro-benefit {
    padding: 0 0 0 0;
    max-width: 100%;
    border-left: 0;
  }
}

/* Blog ToC */
.post-toc {
	position: relative;
	margin-top: 5rem;
}

.post-toc__toggle {
	display: block;
	width: 100%;
	background: none;
	border: 0;
	padding: 0;
	margin: 0 0 0.625rem;
	font: inherit;
	text-align: left;
	cursor: default;
}

.post-toc__label {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #14105b;
}

.post-toc__chevron {
	display: none;
}

.post-toc__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.post-toc__item a {
	display: block;
	padding: 2px 0px;
	font-size: 14px;
	line-height: 1.25;
	color: #14105b;
	text-decoration: none;
	border-left: 2px solid transparent;
	border-radius: 0 4px 4px 0;
	transition: color 0.15s, background 0.15s, border-color 0.15s;
}

.post-toc__item a:hover {
	background: #98b3ff;
}

.post-toc__item.is-active a {
	color: #14105b;
	font-weight: 500;
	border-left-color: #14105b;
	background: #98b3ff;
}

.single-post .main-wrapper h2 {
  scroll-margin-top: 100px;
}

@media (min-width: 1025px) {
  .single-post .post-wrapper .main-wrapper {
    align-items: stretch;
  }

  .single-post .post-wrapper .main-wrapper .author-wrapper {
    display: flex;
    flex-flow: column wrap;
    top: auto;
  }

  .single-post .post-wrapper .main-wrapper .author-wrapper .post-toc {
    position: sticky;
    top: 120px;
    align-self: flex-start;
  }

  .single-post .post-wrapper .main-wrapper .author-wrapper .post-toc__list {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    padding-right: 8px;
    margin-right: -8px;
  }

  .single-post .post-wrapper .main-wrapper .author-wrapper .post-toc__list::-webkit-scrollbar {
    width: 4px;
  }

  .single-post .post-wrapper .main-wrapper .author-wrapper .post-toc__list::-webkit-scrollbar-track {
    background: transparent;
  }

  .single-post .post-wrapper .main-wrapper .author-wrapper .post-toc__list::-webkit-scrollbar-thumb {
    background: #c7cfde;
    border-radius: 4px;
  }

  .single-post .container#container {
    overflow: unset;
  }
}

@media ( max-width: 1024px ) {
	.post-toc {
		display: block;
		border: 1px solid #e1e4f0;
		border-radius: 12px;
		padding: 16px 20px;
		margin: 20px 0 30px;
	}

	.post-toc__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		cursor: pointer;
		margin: 0;
	}

	.post-toc__chevron {
		display: block;
		flex: 0 0 auto;
		transition: transform 0.2s ease;
	}

	.post-toc__list {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.post-toc.is-open .post-toc__list {
		max-height: 60vh;
		overflow-y: auto;
		margin-top: 14px;
	}

	.post-toc.is-open .post-toc__chevron {
		transform: rotate(180deg);
	}
}