@charset "UTF-8";
/*!
Theme Name: Apiiro theme
Theme URI:
Description: A custom theme for the Apiiro website
Author: Avsha Agasi
Author URI: http://the-two.co
Version: 1.0
Tags: Clean, Minimal, Great
*/
/* reset */
/* reset */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

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

body {
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #001340;
  background: #f9fafb; }

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

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

.bg {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: center center !important; }

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

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

::-webkit-input-placeholder {
  color: #CFD4DD !important;
  font-family: "Poppins", sans-serif; }

::-moz-placeholder {
  color: #CFD4DD !important;
  font-family: "Poppins", sans-serif; }

:-ms-input-placeholder {
  color: #CFD4DD !important;
  font-family: "Poppins", sans-serif; }

:-moz-placeholder {
  color: #CFD4DD !important;
  font-family: "Poppins", sans-serif; }

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

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

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

.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  z-index: 999999999999999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out; }
  .loader-wrapper.show {
    visibility: visible;
    opacity: 1; }
  .loader-wrapper svg {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    color: white;
    font-size: 2.4rem;
    text-align: center;
    line-height: 50px; }

.open-popup {
  cursor: pointer; }

.overflow {
  overflow: hidden; }

.wow {
  visibility: hidden; }

.loader {
  border: 5px solid #CFD4DD;
  border-top: 5px solid #31DC67;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@media only screen and (max-width: 1023px) {
  .container {
    padding-top: 0; }
    .container.of-thanks {
      padding-top: 95px; }

  .content-wrapper {
    width: calc( 100% - 60px ); } }
strong {
  font-weight: 600; }

.light {
  font-weight: 300; }

.fs-12-19 {
  font-size: 12px;
  line-height: 19px; }

.fs-14 {
  font-size: 14px; }

.fs-14-20 {
  font-size: 14px;
  line-height: 20px; }

.fs-14-23 {
  font-size: 14px;
  line-height: 23px; }

.fs-14-28 {
  font-size: 14px;
  line-height: 28px; }

.fs-15 {
  font-size: 15px; }

.fs-15-26 {
  font-size: 15px;
  line-height: 26px; }

.fs-16 {
  font-size: 16px; }

.fs-16-22 {
  font-size: 16px;
  line-height: 22px; }

.fs-16-26 {
  font-size: 16px;
  line-height: 26px; }

.fs-17-28 {
  font-size: 17px;
  line-height: 28px; }

.fs-18-26 {
  font-size: 18px;
  line-height: 26px; }

.fs-18 {
  font-size: 18px; }

.fs-18-29 {
  font-size: 18px;
  line-height: 29px; }

.fs-18-45 {
  font-size: 18px;
  line-height: 45px; }

.fs-20-32 {
  font-size: 20px;
  line-height: 32px; }

.fs-22-37 {
  font-size: 22px;
  line-height: 37px; }

.fs-24-26 {
  font-size: 24px;
  line-height: 26px; }

.fs-24-40 {
  font-size: 24px;
  line-height: 40px; }

.fs-25-41 {
  font-size: 25px;
  line-height: 41px; }

.fs-30 {
  font-size: 30px; }

.fs-30-42 {
  font-size: 30px;
  line-height: 42px; }

.fs-30-48 {
  font-size: 30px;
  line-height: 48px; }

.fs-30-49 {
  font-size: 30px;
  line-height: 49px; }

.fs-35-53 {
  font-size: 35px;
  line-height: 53px; }

.fs-36-45 {
  font-size: 36px;
  line-height: 45px; }

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

.fs-40-66 {
  font-size: 40px;
  line-height: 66px; }

.fs-50-70 {
  font-size: 50px;
  line-height: 70px; }

.fs-60-76 {
  font-size: 60px;
  line-height: 76px; }

@media only screen and (max-width: 1023px) {
  .fs-30-49 {
    font-size: 24px;
    line-height: 45px; }

  .fs-60-76 {
    font-size: 34px;
    line-height: 50px; }

  .fs-40-50 {
    font-size: 30px;
    line-height: 40px; }

  .fs-18-26 {
    font-size: 16px;
    line-height: 26px; } }
.m-t-5 {
  margin-top: 5px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-t-40 {
  padding-top: 40px; }

.p-40-75 {
  padding: 40px 75px; }

.p-60-137 {
  padding: 60px 137px; }

.p-0-60 {
  padding: 0 60px; }

.p-0-75 {
  padding: 0 75px; }

.p-110-40 {
  padding: 110px 40px; }

.p-70-60-30 {
  padding: 70px 60px 30px; }

.button {
  position: relative;
  border-radius: 30px;
  background: #001340;
  width: 202px;
  height: 41px;
  line-height: 41px;
  color: white;
  font-size: 14px;
  cursor: pointer;
  text-align: center; }
  .button.type-2 {
    width: 165px;
    height: 50px;
    line-height: 50px;
    font-size: 16px; }
  .button.centered {
    margin-left: auto;
    margin-right: auto; }
  .button a {
    height: 100%;
    display: block; }

header {
  position: fixed;
  top: -85px;
  left: 0;
  width: 100%;
  height: 85px;
  background: #f9fafb;
  z-index: 9999;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out; }
  header.header-pinned {
    top: 0; }
  header .content-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    header .content-wrapper .on-left {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      header .content-wrapper .on-left .logo {
        height: 30px;
        margin-right: 40px; }
        header .content-wrapper .on-left .logo.white {
          display: none; }
      header .content-wrapper .on-left .items {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        header .content-wrapper .on-left .items li {
          position: relative;
          margin-right: 24px;
          cursor: pointer; }
          header .content-wrapper .on-left .items li:hover:after {
            transform: scaleX(1);
            -webkit-transform: scaleX(1); }
          header .content-wrapper .on-left .items li:after {
            position: absolute;
            top: calc( 100% + 16px );
            height: 4px;
            width: 100%;
            background: #31DC67;
            left: 0;
            content: "";
            transform-origin: left center;
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            -webkit-transition: all 0.26s ease-out;
            transition: all 0.26s ease-out; }
    header .content-wrapper .on-right {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      header .content-wrapper .on-right .contact-button {
        position: relative;
        cursor: pointer; }
        header .content-wrapper .on-right .contact-button a {
          display: block;
          height: 100%;
          width: 100%; }
      header .content-wrapper .on-right .cta-button {
        position: relative;
        width: auto;
        padding: 0 20px;
        font-size: 16px;
        height: 40px;
        border-radius: 30px;
        text-align: center;
        line-height: 40px;
        background: #001340;
        color: white;
        cursor: pointer;
        margin-left: 30px;
        cursor: pointer; }
        header .content-wrapper .on-right .cta-button a {
          display: block;
          height: 100%;
          width: 100%; }
      header .content-wrapper .on-right .loginbutton {
        position: relative;
        width: auto;
        padding: 0 20px;
        font-size: 16px;
        height: 40px;
        border-radius: 30px;
        text-align: center;
        line-height: 40px;
        background: white;
        color: #001340;
        cursor: pointer;
        margin-left: 14px;
        border: solid 1px #001340;
        cursor: pointer; }
        header .content-wrapper .on-right .loginbutton a {
          display: block;
          height: 100%;
          width: 100%; }
    header .content-wrapper .menu-button-wrapper {
      display: none; }

.ext-bg {
  top: 85px;
  height: calc( 100% - 85px );
  left: 0;
  width: 100%;
  position: fixed;
  background: linear-gradient(180deg, #F6F8FB 0%, rgba(246, 248, 251, 0.46) 100%);
  z-index: 9998;
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out; }
  .ext-bg.show {
    visibility: visible;
    opacity: 1; }

.ext-solutions {
  position: fixed;
  top: 52px;
  width: 1200px;
  padding-top: 33px;
  left: 50%;
  margin-left: -600px;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out; }
  .ext-solutions.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }
  .ext-solutions.new.in-page {
    position: relative;
    text-align: left;
    top: 0;
    width: calc( 100% - 166px );
    max-width: 1200px;
    margin: 120px auto 0 !important;
    padding: 0;
    left: 0;
    margin-left: 0;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }
  .ext-solutions.new .inner-wrapper {
    position: relative;
    padding: 52px 60px; }
    .ext-solutions.new .inner-wrapper .title {
      position: relative;
      width: 234px; }
      .ext-solutions.new .inner-wrapper .title:hover .howitworksmenu {
        color: #31DC67; }
      .ext-solutions.new .inner-wrapper .title h3 {
        font-weight: 300;
        font-size: 24px;
        line-height: 26px; }
      .ext-solutions.new .inner-wrapper .title .howitworksmenu {
        font-size: 18px; }
    .ext-solutions.new .inner-wrapper .items {
      position: relative;
      width: calc( 100% - 234px );
      margin-top: -44px;
      display: block; }
      .ext-solutions.new .inner-wrapper .items .item {
        position: relative;
        display: block;
        padding: 8px 0 8px 18px;
        border-left: 2px solid #31DC67;
        margin-top: 36px; }
        .ext-solutions.new .inner-wrapper .items .item:hover h3 {
          color: #31DC67; }
        .ext-solutions.new .inner-wrapper .items .item h3 {
          font-weight: 300;
          font-size: 24px;
          line-height: 26px;
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
        .ext-solutions.new .inner-wrapper .items .item p {
          margin-top: 3px;
          font-size: 14.4px;
          line-height: 20px; }
  .ext-solutions .inner-wrapper {
    position: relative;
    padding: 30px 40px 40px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background: white;
    border-radius: 15px;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
    .ext-solutions .inner-wrapper .on-left {
      position: relative;
      width: 178px;
      padding-top: 16px;
      display: block; }
      .ext-solutions .inner-wrapper .on-left p {
        color: #31DC67; }
        .ext-solutions .inner-wrapper .on-left p img {
          height: 12px;
          margin-left: 6px;
          transform: translateY(1px);
          -webkit-transform: translateY(1px); }
    .ext-solutions .inner-wrapper .on-right {
      position: relative;
      width: calc( 100% - 178px );
      padding-left: 30px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      border-left: 1px solid #CFD4DD; }
      .ext-solutions .inner-wrapper .on-right h3 {
        width: 105px;
        margin-right: 30px;
        padding-top: 16px; }
      .ext-solutions .inner-wrapper .on-right .items {
        position: relative;
        width: calc( 100% - 135px );
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 10px 0; }
        .ext-solutions .inner-wrapper .on-right .items .item {
          position: relative;
          width: 235px;
          margin-bottom: 30px;
          margin-right: 30px;
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
          .ext-solutions .inner-wrapper .on-right .items .item:hover {
            color: #31DC67; }
          .ext-solutions .inner-wrapper .on-right .items .item.n-2 {
            margin-right: 0; }
          .ext-solutions .inner-wrapper .on-right .items .item.n-3, .ext-solutions .inner-wrapper .on-right .items .item.n-4 {
            margin-bottom: 0; }
          .ext-solutions .inner-wrapper .on-right .items .item a {
            position: relative;
            display: block;
            display: flex;
            align-items: center;
            justify-content: flex-start; }
          .ext-solutions .inner-wrapper .on-right .items .item .icon-wrapper {
            position: relative;
            width: 50px;
            margin-right: 15px; }
            .ext-solutions .inner-wrapper .on-right .items .item .icon-wrapper img {
              display: block;
              width: 100%; }
          .ext-solutions .inner-wrapper .on-right .items .item p {
            width: calc( 100% - 65px );
            font-weight: 300; }

.ext-company {
  position: fixed;
  top: 52px;
  width: 1200px;
  padding-top: 33px;
  left: 50%;
  margin-left: -600px;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out; }
  .ext-company.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0); }
  .ext-company .inner-wrapper {
    position: relative;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: white;
    border-radius: 15px;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
    .ext-company .inner-wrapper .on-left {
      position: relative;
      width: 254px;
      display: block;
      margin-right: 40px; }
    .ext-company .inner-wrapper .on-right {
      position: relative;
      width: calc( 100% - 294px ); }
      .ext-company .inner-wrapper .on-right .items {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap; }
        .ext-company .inner-wrapper .on-right .items .item {
          position: relative;
          padding-left: 11px;
          border-left: 1px solid #CFD4DD;
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
          .ext-company .inner-wrapper .on-right .items .item:hover {
            color: #31DC67; }
          .ext-company .inner-wrapper .on-right .items .item a {
            width: 100%;
            display: block;
            padding-right: 60px; }
          .ext-company .inner-wrapper .on-right .items .item p {
            font-weight: 300; }

@media only screen and (max-width: 1023px) {
  header.on-solution {
    display: none; }

  header .content-wrapper .on-left .items {
    display: none; }

  header .content-wrapper .on-right {
    display: none; }

  header.m-special {
    background: transparent; }
    header.m-special .content-wrapper .on-left .logo {
      display: none; }
      header.m-special .content-wrapper .on-left .logo.white {
        display: block; }
    header.m-special .content-wrapper .menu-button-wrapper .menu-button .line {
      background: white; }
      header.m-special .content-wrapper .menu-button-wrapper .menu-button .line.two {
        background: #9DAEC6; }

  header .content-wrapper .menu-button-wrapper {
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    height: 100%;
    width: 40px;
    cursor: pointer; }
    header .content-wrapper .menu-button-wrapper .menu-button {
      position: absolute;
      right: 10px;
      width: 20px;
      height: 14px;
      top: 50%;
      margin-top: -7px; }
      header .content-wrapper .menu-button-wrapper .menu-button .line {
        position: absolute;
        right: 0;
        width: 100%;
        height: 2px;
        background: #001340; }
        header .content-wrapper .menu-button-wrapper .menu-button .line.one {
          top: 0; }
        header .content-wrapper .menu-button-wrapper .menu-button .line.two {
          top: 6px;
          background: #9DAEC6;
          width: 10px;
          right: 5px; }
        header .content-wrapper .menu-button-wrapper .menu-button .line.three {
          top: 12px; } }
.ftb {
  position: relative; }
  .ftb .banner {
    position: relative;
    border-radius: 15px;
    overflow: hidden; }
    .ftb .banner img {
      display: block;
      width: 100%; }
      .ftb .banner img.on-m {
        display: none; }
    .ftb .banner .inner-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white; }
      .ftb .banner .inner-wrapper .button {
        background: white;
        color: #001340; }

footer {
  position: relative;
  background: #DFE7F2;
  padding: 48px 0 40px; }
  footer.on-solution {
    margin-top: 0 !important; }
  footer .content-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    footer .content-wrapper .on-left {
      position: relative;
      width: calc( 100% - 492px );
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
      footer .content-wrapper .on-left .col {
        position: relative;
        margin-right: 30px;
        padding-left: 18px;
        border-left: 1px solid #9DAEC6;
        align-self: stretch; }
        footer .content-wrapper .on-left .col.first {
          padding-left: 0;
          border-left: 0; }
        footer .content-wrapper .on-left .col.last {
          margin-right: 0; }
        footer .content-wrapper .on-left .col h3 {
          margin-bottom: 19px; }
        footer .content-wrapper .on-left .col ul {
          position: relative;
          max-width: 154px; }
          footer .content-wrapper .on-left .col ul li {
            margin-bottom: 13px; }
    footer .content-wrapper .on-right {
      position: relative;
      width: 393px; }
      footer .content-wrapper .on-right .form-wrapper {
        position: relative;
        margin-bottom: 26px; }
        footer .content-wrapper .on-right .form-wrapper form {
          position: relative;
          width: 100%; }
          footer .content-wrapper .on-right .form-wrapper form label {
            display: none; }
          footer .content-wrapper .on-right .form-wrapper form input {
            height: 47px;
            width: 100%;
            background: white;
            outline: 0;
            border-radius: 24px;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            border: 0;
            padding: 0 197px 0 30px;
            font-weight: 600;
            font-size: 16px; }
            footer .content-wrapper .on-right .form-wrapper form input[type="submit"] {
              position: absolute;
              right: 0;
              top: 0;
              height: 47px;
              width: 167px;
              border-top-left-radius: 0;
              border-bottom-left-radius: 0;
              border-top-right-radius: 24px;
              border-bottom-right-radius: 24px;
              background: #001340;
              color: white;
              font-size: 14px;
              line-height: 47px;
              cursor: pointer;
              text-align: center;
              padding: 0;
              outline: 0;
              font-weight: 600;
              border: 0; }
        footer .content-wrapper .on-right .form-wrapper button {
          position: absolute;
          right: 0;
          top: 0;
          height: 47px;
          width: 167px;
          border-top-right-radius: 24px;
          border-bottom-right-radius: 24px;
          background: #001340;
          color: white;
          font-size: 14px;
          line-height: 47px;
          cursor: pointer;
          text-align: center;
          padding: 0;
          outline: 0;
          font-weight: 600;
          border: 0; }
        footer .content-wrapper .on-right .form-wrapper .submitted-message {
          font-size: 16px;
          margin-top: 5px;
          font-weight: 600; }
      footer .content-wrapper .on-right p {
        margin-bottom: 20px;
        padding-right: 30px; }
      footer .content-wrapper .on-right .email-socials {
        position: relative;
        display: flex;
        align-self: center;
        justify-content: flex-start;
        color: #9DAEC6;
        margin-bottom: 30px; }
        footer .content-wrapper .on-right .email-socials a {
          line-height: 1;
          font-weight: 600;
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
          footer .content-wrapper .on-right .email-socials a:hover {
            color: #001340; }
        footer .content-wrapper .on-right .email-socials .pipe {
          height: 14px;
          width: 1px;
          background: #9DAEC6;
          margin: 0 20px; }
        footer .content-wrapper .on-right .email-socials .socials {
          position: relative;
          display: flex;
          align-self: center;
          justify-content: flex-start;
          transform: translateY(-2px);
          -webkit-transform: translateY(-2px); }
          footer .content-wrapper .on-right .email-socials .socials a {
            position: relative;
            display: block;
            height: 18px;
            margin-right: 18px; }
            footer .content-wrapper .on-right .email-socials .socials a svg {
              height: 100%; }
              footer .content-wrapper .on-right .email-socials .socials a svg:hover path {
                fill: #001340; }
              footer .content-wrapper .on-right .email-socials .socials a svg path {
                fill: #9DAEC6;
                -webkit-transition: all 0.26s ease-out;
                transition: all 0.26s ease-out; }
      footer .content-wrapper .on-right .legal {
        position: relative;
        color: #9DAEC6;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        footer .content-wrapper .on-right .legal .pipe {
          height: 14px;
          width: 1px;
          background: #9DAEC6;
          margin: 0 20px; }
        footer .content-wrapper .on-right .legal a {
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
          footer .content-wrapper .on-right .legal a:hover {
            color: #001340; }

@media only screen and (max-width: 1023px) {
  .ftb .banner img.on-d {
    display: none; }
  .ftb .banner img.on-m {
    display: block; }

  .ftb .banner .inner-wrapper {
    padding: 0 20px; }

  .ftb .banner .inner-wrapper h2 {
    font-size: 30px;
    line-height: 40px; }

  footer {
    margin-top: 80px !important;
    padding-top: 0; }
    footer.on-solution {
      margin-top: 0 !important; }

  footer .content-wrapper .on-left {
    display: none; }

  footer .content-wrapper .on-right {
    width: 100%;
    margin-top: -24px; }

  footer .content-wrapper .on-right .form-wrapper form input[type="submit"] {
    width: 130px; }

  footer .content-wrapper .on-right .form-wrapper form .form-row input {
    padding: 0 140px 0 30px;
    font-size: 14px; } }
.company-wrapper {
  position: relative;
  padding: 165px 0 100px; }
  .company-wrapper .hero {
    position: relative; }
    .company-wrapper .hero .content-wrapper {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .company-wrapper .hero .content-wrapper .on-left {
        position: relative;
        width: calc( 49.2% - 30px ); }
        .company-wrapper .hero .content-wrapper .on-left p {
          width: 90%; }
      .company-wrapper .hero .content-wrapper .on-right {
        position: relative;
        width: 50.8%; }
        .company-wrapper .hero .content-wrapper .on-right img {
          display: block;
          width: 100%;
          height: auto !important; }
  .company-wrapper .mission {
    position: relative; }
    .company-wrapper .mission h3 {
      width: 58.33%; }
    .company-wrapper .mission .quote {
      position: relative;
      width: 58.33%;
      margin-left: 41.67%; }
      .company-wrapper .mission .quote img {
        position: absolute;
        top: 0;
        left: 0;
        width: 27%; }
      .company-wrapper .mission .quote p {
        width: 77%;
        margin-left: 23%;
        position: relative; }
  .company-wrapper .management {
    position: relative; }
    .company-wrapper .management .members {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap; }
      .company-wrapper .management .members .member {
        position: relative;
        width: 47.5%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .company-wrapper .management .members .member.odd {
          margin-top: 5%; }
        .company-wrapper .management .members .member .image-wrapper {
          position: relative;
          width: 45.6%;
          border-radius: 10px;
          overflow: hidden; }
          .company-wrapper .management .members .member .image-wrapper .image {
            position: relative;
            padding-bottom: 130.7%; }
        .company-wrapper .management .members .member .text {
          position: relative;
          width: 49.1%;
          align-self: stretch; }
          .company-wrapper .management .members .member .text img {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 30px;
            height: auto; }
  .company-wrapper .story {
    position: relative; }
    .company-wrapper .story .content-wrapper .box {
      position: relative;
      background: white;
      border-radius: 15px;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .company-wrapper .story .content-wrapper .box .on-left {
        position: relative;
        width: 20%; }
        .company-wrapper .story .content-wrapper .box .on-left img {
          display: block;
          width: 100%; }
      .company-wrapper .story .content-wrapper .box .on-right {
        width: 70%; }
    .company-wrapper .story .content-wrapper .call-out {
      position: relative;
      font-weight: 500; }
  .company-wrapper .investors {
    position: relative; }
    .company-wrapper .investors .members {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap; }
      .company-wrapper .investors .members .member {
        position: relative;
        width: 21.8%; }
        .company-wrapper .investors .members .member .image-wrapper {
          position: relative;
          padding-bottom: 100%;
          border-radius: 10px;
          overflow: hidden; }
  .company-wrapper .join {
    position: relative; }
    .company-wrapper .join .banner {
      position: relative;
      padding-bottom: 29.2%; }
      .company-wrapper .join .banner .inner {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
        overflow: hidden; }
        .company-wrapper .join .banner .inner .on-left {
          position: relative;
          width: 50%;
          text-align: center; }
        .company-wrapper .join .banner .inner .on-right {
          position: relative;
          width: 50%;
          height: 100%; }

@media only screen and (max-width: 1023px) {
  .company-wrapper {
    padding: 100px 0 80px; }

  .company-wrapper .hero .content-wrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse; }

  .company-wrapper .hero .content-wrapper .on-right {
    width: 100%; }

  .company-wrapper .hero .content-wrapper .on-left {
    width: 100%;
    margin-top: 40px; }
    .company-wrapper .hero .content-wrapper .on-left h1 {
      font-size: 30px;
      line-height: 50px;
      font-weight: 300; }
    .company-wrapper .hero .content-wrapper .on-left p {
      width: 100%;
      margin-top: 17px;
      font-size: 14px;
      line-height: 26px; }

  .company-wrapper .mission {
    margin-top: 60px; }
    .company-wrapper .mission .content-wrapper h2 {
      font-size: 14px; }
    .company-wrapper .mission .content-wrapper h3 {
      width: 100%;
      font-size: 24px;
      line-height: 38px; }

  .company-wrapper .mission .quote {
    width: 100%;
    margin-left: 0;
    margin-top: 144px;
    padding: 0; }

  .company-wrapper .mission .quote img {
    top: -77px;
    left: 0;
    width: 140px;
    opacity: 0.66; }

  .company-wrapper .mission .quote p {
    width: 100%;
    margin-left: 0;
    font-size: 18px; }
    .company-wrapper .mission .quote p.fs-14-23 {
      font-size: 12px;
      line-height: 1; }

  .company-wrapper .management .members {
    display: block;
    margin-top: -30px; }

  .company-wrapper .management .members .member {
    width: 100%;
    display: block;
    margin-top: 60px; }

  .company-wrapper .management .members .member .image-wrapper {
    width: calc( 100% - 70px ); }

  .company-wrapper .management .members .member .text {
    width: calc( 100% - 30px );
    margin-top: -60px;
    margin-left: 30px;
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
    .company-wrapper .management .members .member .text h3 {
      font-size: 20px;
      line-height: 22px; }
    .company-wrapper .management .members .member .text p {
      margin-top: 20px;
      font-size: 14px;
      line-height: 24px; }
      .company-wrapper .management .members .member .text p.position {
        font-size: 12px;
        line-height: 24px;
        margin-top: 0; }

  .company-wrapper .management .members .member .text img {
    position: relative;
    margin-top: 30px; }

  .company-wrapper .management .members .member.odd {
    margin-top: 60px; }

  .company-wrapper .story {
    margin-top: 110px; }

  .company-wrapper .story .content-wrapper .box {
    background: transparent;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    padding: 0;
    display: block; }

  .company-wrapper .story .content-wrapper .box .on-left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse; }
    .company-wrapper .story .content-wrapper .box .on-left h2 {
      font-size: 24px;
      line-height: 26px;
      font-weight: 400;
      width: 100%;
      margin-top: 20px; }
    .company-wrapper .story .content-wrapper .box .on-left img {
      width: 60px;
      margin: 0; }

  .company-wrapper .story .content-wrapper .box .on-right {
    width: 100%;
    margin-top: 10px; }
    .company-wrapper .story .content-wrapper .box .on-right p {
      line-height: 24px; }

  .company-wrapper .story .content-wrapper .call-out {
    margin-top: 80px;
    font-size: 20px;
    line-height: 30px; }

  .company-wrapper .investors {
    margin-top: 80px; }

  .company-wrapper .investors .members .member {
    width: calc( 50% - 15px );
    margin-top: 30px; }
    .company-wrapper .investors .members .member .text h3 {
      margin-top: 20px;
      font-size: 16px;
      line-height: 17px; }
    .company-wrapper .investors .members .member .text p {
      font-size: 12px;
      margin-top: 0; }

  .company-wrapper .join {
    margin-top: 100px; }

  .company-wrapper .join .banner {
    padding-bottom: 0;
    display: block;
    flex-wrap: wrap;
    flex-direction: column-reverse; }

  .company-wrapper .join .banner .inner {
    position: relative;
    flex-wrap: wrap;
    flex-direction: column-reverse; }

  .company-wrapper .join .banner .inner .on-left {
    width: 100%;
    padding: 40px 20px 50px; }
    .company-wrapper .join .banner .inner .on-left h2 {
      font-size: 24px;
      line-height: 26px; }
    .company-wrapper .join .banner .inner .on-left p {
      font-size: 14px;
      line-height: 24px; }
    .company-wrapper .join .banner .inner .on-left .button {
      margin-top: 20px;
      width: 170px; }

  .company-wrapper .join .banner .inner .on-right {
    width: 100%; }
    .company-wrapper .join .banner .inner .on-right .image {
      position: relative;
      padding-bottom: 54%; } }
.platform-wrapper {
  position: relative;
  padding: 165px 0 120px; }
  .platform-wrapper .hero {
    position: relative;
    min-height: 720px;
    z-index: 2; }
    .platform-wrapper .hero .content-wrapper {
      padding-bottom: 12.6%; }
    .platform-wrapper .hero .text-wrapper {
      position: relative;
      z-index: 2;
      width: 66.666666%; }
      .platform-wrapper .hero .text-wrapper .m-image {
        display: none; }
      .platform-wrapper .hero .text-wrapper p {
        width: 76%; }
    .platform-wrapper .hero img {
      position: absolute;
      right: 0;
      top: 0;
      width: 60%;
      height: auto; }
  .platform-wrapper .how-it-works {
    position: relative; }
    .platform-wrapper .how-it-works .diagonal {
      position: absolute;
      background: linear-gradient(180deg, rgba(0, 77, 220, 0.05) 0%, rgba(0, 77, 220, 0) 100%);
      left: -50vw;
      top: -14.2vw;
      height: 32vw;
      width: 200vw;
      transform: rotate(8deg);
      -webkit-transform: rotate(8deg); }
    .platform-wrapper .how-it-works .steps-wrapper {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
      .platform-wrapper .how-it-works .steps-wrapper img {
        width: 38.1%;
        display: block;
        margin-right: 6.6666%;
        margin-left: -1%; }
      .platform-wrapper .how-it-works .steps-wrapper .steps {
        position: relative;
        width: calc( 100% - 38.1% - 6.6666% ); }
        .platform-wrapper .how-it-works .steps-wrapper .steps .step {
          width: 94%;
          position: relative;
          margin-bottom: calc( 1200px / 100 * 5.1 );
          height: calc( 1200px / 100 * 10 );
          display: flex;
          align-items: center;
          justify-content: flex-start; }
          .platform-wrapper .how-it-works .steps-wrapper .steps .step.to-left {
            margin-left: -45%; }
          .platform-wrapper .how-it-works .steps-wrapper .steps .step .num {
            display: none; }
    .platform-wrapper .how-it-works .new-steps {
      position: relative;
      margin-top: 38px; }
      .platform-wrapper .how-it-works .new-steps .steps {
        position: relative;
        width: calc( 100% + 50px );
        margin: 0 -25px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        /* .col {
            position: relative;
            width: calc( 50% - 50px );
            margin: 0 25px;
            &.two {
                margin-top: 250px;
            }
        } */ }
        .platform-wrapper .how-it-works .new-steps .steps .step {
          position: relative;
          width: calc( 50% - 50px );
          margin: 0 25px 50px; }
          .platform-wrapper .how-it-works .new-steps .steps .step.one .box {
            min-height: 590px; }
            .platform-wrapper .how-it-works .new-steps .steps .step.one .box .icon-wrapper {
              position: relative; }
              .platform-wrapper .how-it-works .new-steps .steps .step.one .box .icon-wrapper img {
                display: block;
                width: 100%; }
            .platform-wrapper .how-it-works .new-steps .steps .step.one .box .title {
              position: absolute;
              font-size: 16px;
              line-height: 17px;
              font-weight: 600;
              top: 245px;
              text-align: center; }
              .platform-wrapper .how-it-works .new-steps .steps .step.one .box .title.on-left {
                left: 30px;
                width: 200px; }
              .platform-wrapper .how-it-works .new-steps .steps .step.one .box .title.on-right {
                right: 30px;
                width: 200px; }
            .platform-wrapper .how-it-works .new-steps .steps .step.one .box .text {
              position: absolute;
              font-size: 16px;
              line-height: 26px;
              top: 428px;
              text-align: center; }
              .platform-wrapper .how-it-works .new-steps .steps .step.one .box .text.on-left {
                left: 30px;
                width: 200px; }
              .platform-wrapper .how-it-works .new-steps .steps .step.one .box .text.on-right {
                right: 30px;
                width: 200px; }
              .platform-wrapper .how-it-works .new-steps .steps .step.one .box .text .c-blue {
                color: #31DC67; }
            .platform-wrapper .how-it-works .new-steps .steps .step.one .box .m-icon-wrapper {
              display: none; }
          .platform-wrapper .how-it-works .new-steps .steps .step.two {
            margin-top: 250px; }
            .platform-wrapper .how-it-works .new-steps .steps .step.two .box .bullets {
              position: relative;
              margin-top: 50px; }
              .platform-wrapper .how-it-works .new-steps .steps .step.two .box .bullets li {
                position: relative;
                margin-top: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                line-height: 21px; }
                .platform-wrapper .how-it-works .new-steps .steps .step.two .box .bullets li .icon-wrapper {
                  position: relative;
                  width: 75px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin-right: 18px; }
                  .platform-wrapper .how-it-works .new-steps .steps .step.two .box .bullets li .icon-wrapper img {
                    height: 40px; }
                .platform-wrapper .how-it-works .new-steps .steps .step.two .box .bullets li span {
                  width: 289px; }
          .platform-wrapper .how-it-works .new-steps .steps .step.three {
            margin-top: -192px; }
            .platform-wrapper .how-it-works .new-steps .steps .step.three .box {
              min-height: 590px; }
              .platform-wrapper .how-it-works .new-steps .steps .step.three .box .icon-wrapper {
                position: relative;
                margin-top: 45px;
                width: 228px;
                margin-left: 60px; }
                .platform-wrapper .how-it-works .new-steps .steps .step.three .box .icon-wrapper img {
                  display: block;
                  width: 100%; }
          .platform-wrapper .how-it-works .new-steps .steps .step.four .box {
            min-height: 590px; }
            .platform-wrapper .how-it-works .new-steps .steps .step.four .box .icon-wrapper {
              position: relative;
              max-width: 360px;
              margin: 100px auto 0; }
              .platform-wrapper .how-it-works .new-steps .steps .step.four .box .icon-wrapper img {
                display: block;
                width: 100%; }
          .platform-wrapper .how-it-works .new-steps .steps .step .circle {
            position: relative;
            width: 96px;
            height: 96px;
            border-radius: 50%;
            background: white;
            box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
            text-align: center;
            line-height: 95px;
            color: #31DC67;
            font-size: 36px;
            font-weight: 700;
            margin: auto;
            z-index: 2; }
          .platform-wrapper .how-it-works .new-steps .steps .step .box {
            position: relative;
            background: white;
            border-radius: 10px;
            box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
            padding: 85px 30px 50px;
            min-height: 533px;
            margin-top: -48px; }
            .platform-wrapper .how-it-works .new-steps .steps .step .box h3 {
              text-align: center;
              font-weight: 300; }
  .platform-wrapper .why {
    position: relative; }
    .platform-wrapper .why .bullets {
      position: relative; }
      .platform-wrapper .why .bullets .bullet {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .platform-wrapper .why .bullets .bullet.odd {
          flex-direction: row-reverse; }
          .platform-wrapper .why .bullets .bullet.odd .quote-box {
            border-radius: 40px 40px 0 40px; }
        .platform-wrapper .why .bullets .bullet .text-wrapper {
          position: relative;
          width: 50.4%; }
        .platform-wrapper .why .bullets .bullet .quote-box {
          position: relative;
          width: 39.1%;
          border-radius: 40px 40px 40px 0;
          color: white;
          text-align: center; }
          .platform-wrapper .why .bullets .bullet .quote-box .inner-wrapper {
            position: relative;
            padding-bottom: 69%; }
            .platform-wrapper .why .bullets .bullet .quote-box .inner-wrapper .inner {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0; }
              .platform-wrapper .why .bullets .bullet .quote-box .inner-wrapper .inner img {
                position: absolute;
                width: 10.4%;
                height: auto;
                top: 13.8%;
                left: 9.4%; }
  .platform-wrapper .material {
    position: relative; }
    .platform-wrapper .material .text {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .platform-wrapper .material .text .on-left {
        position: relative;
        width: 41.6666%; }
      .platform-wrapper .material .text .on-right {
        position: relative;
        width: 55%;
        padding-top: 5px; }
    .platform-wrapper .material img {
      display: block;
      width: 100%; }
  .platform-wrapper .solutions {
    position: relative; }
    .platform-wrapper .solutions .banner {
      position: relative;
      background: white;
      border-radius: 15px;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .platform-wrapper .solutions .banner .on-left {
        position: relative;
        width: 17.6%; }
      .platform-wrapper .solutions .banner .on-right {
        position: relative;
        width: calc( 82.4% + 80px );
        margin-right: -80px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: -40px; }
        .platform-wrapper .solutions .banner .on-right .solution {
          position: relative;
          width: calc( 100% / 3 - 80px );
          margin-right: 80px;
          margin-bottom: 40px; }
          .platform-wrapper .solutions .banner .on-right .solution a {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: flex-start; }
            .platform-wrapper .solutions .banner .on-right .solution a .icon {
              display: block;
              width: 50px;
              margin-right: 15px; }
            .platform-wrapper .solutions .banner .on-right .solution a .text {
              position: relative;
              width: calc( 100% - 65px ); }
  .platform-wrapper .drawer-wrapper {
    display: none; }

@media only screen and (max-width: 1440px) {
  .platform-wrapper .hero {
    min-height: 660px; } }
@media only screen and (max-width: 1340px) {
  .platform-wrapper .how-it-works .new-steps {
    margin: 38px -40px 0; } }
@media only screen and (max-width: 1260px) {
  .platform-wrapper .how-it-works .new-steps {
    margin: 38px -80px 0; } }
@media only screen and (max-width: 1160px) {
  .platform-wrapper .how-it-works .new-steps {
    margin: 38px -100px 0; } }
@media only screen and (max-width: 1120px) {
  .platform-wrapper .how-it-works .new-steps {
    margin: 38px -130px 0; } }
@media only screen and (max-width: 1023px) {
  .platform-wrapper {
    padding: 100px 0 120px; }

  .platform-wrapper .hero {
    min-height: 0; }

  .platform-wrapper .hero .content-wrapper {
    padding-bottom: 0; }

  .platform-wrapper .hero .text-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .platform-wrapper .hero .text-wrapper h1 {
      font-size: 30px;
      line-height: 50px;
      width: 100%;
      order: 1; }
      .platform-wrapper .hero .text-wrapper h1 span {
        font-size: 20px; }
    .platform-wrapper .hero .text-wrapper p {
      width: 100%;
      font-size: 18px;
      line-height: 30px;
      margin-top: 10px;
      order: 2; }
    .platform-wrapper .hero .text-wrapper .button.type-2 {
      width: 100%;
      margin-top: 107px;
      order: 3; }

  .platform-wrapper .hero img {
    display: none; }

  .platform-wrapper .hero .text-wrapper .m-image {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 30px;
    order: 3; }

  .platform-wrapper .how-it-works .diagonal {
    top: -106vw;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg); }

  .platform-wrapper .how-it-works .content-wrapper {
    padding: 0; }
    .platform-wrapper .how-it-works .content-wrapper h2 {
      text-align: center;
      font-size: 30px;
      line-height: 40px; }

  .platform-wrapper .how-it-works .steps-wrapper {
    margin-top: 40px; }

  .platform-wrapper .how-it-works .steps-wrapper img {
    display: none; }

  .platform-wrapper .how-it-works .steps-wrapper .steps {
    width: 100%;
    /* &:before {
        position: absolute;
        top: 0;
        height: 87%;
        width: 1px;
        background: $green;
        content: "";
        left: 20px;
    } */ }

  .platform-wrapper .how-it-works .steps-wrapper .steps .step.to-left {
    margin-left: 0; }

  .platform-wrapper .how-it-works .steps-wrapper .steps .step {
    width: 100%;
    margin-bottom: 60px;
    height: auto;
    display: block;
    padding-left: 60px; }
    .platform-wrapper .how-it-works .steps-wrapper .steps .step:before {
      position: absolute;
      top: 0;
      height: calc( 100% +  74px );
      width: 1px;
      background: #00E0C4;
      content: "";
      left: 20px; }
    .platform-wrapper .how-it-works .steps-wrapper .steps .step:last-of-type {
      margin-bottom: 0; }
      .platform-wrapper .how-it-works .steps-wrapper .steps .step:last-of-type:before {
        display: none; }
    .platform-wrapper .how-it-works .steps-wrapper .steps .step h3 {
      font-size: 20px;
      line-height: 28px; }

  .platform-wrapper .how-it-works .steps-wrapper .steps .step .num {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #31DC67; }

  .platform-wrapper .why {
    margin-top: 100px; }
    .platform-wrapper .why .content-wrapper {
      padding: 0; }
      .platform-wrapper .why .content-wrapper h2 {
        font-size: 30px;
        line-height: 33px; }

  .platform-wrapper .why .bullets .bullet {
    display: block; }

  .platform-wrapper .why .bullets .bullet .text-wrapper {
    width: 100%; }
    .platform-wrapper .why .bullets .bullet .text-wrapper p {
      line-height: 26px;
      margin-top: 10px;
      font-size: 16px; }

  .platform-wrapper .why .bullets .bullet .quote-box {
    margin-top: 30px;
    width: 100%;
    border-radius: 0px 40px 40px 40px !important; }

  .platform-wrapper .why .bullets .bullet .quote-box .inner-wrapper {
    padding-bottom: 71%; }

  .platform-wrapper .why .bullets .bullet .quote-box .inner-wrapper .inner img {
    top: 30px;
    left: 30px;
    width: 44px; }

  .platform-wrapper .why .bullets .bullet .quote-box .inner-wrapper .inner {
    padding: 100px 30px 0; }
    .platform-wrapper .why .bullets .bullet .quote-box .inner-wrapper .inner p {
      font-size: 20px;
      line-height: 28px; }

  .platform-wrapper .material {
    display: none; }

  .platform-wrapper .solutions {
    margin-top: 100px; }

  .platform-wrapper .solutions .banner {
    background: transparent;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    display: block;
    padding: 0; }

  .platform-wrapper .solutions .banner .on-left {
    width: 100%; }
    .platform-wrapper .solutions .banner .on-left h2 {
      font-size: 30px;
      line-height: 50px; }

  .platform-wrapper .solutions .banner .on-right {
    width: 100%;
    margin-right: 0;
    display: block;
    margin-bottom: 0;
    margin-top: 30px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
    overflow: hidden; }

  .platform-wrapper .solutions .banner .on-right .solution {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    height: 90px;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: white; }

  .platform-wrapper .solutions .banner .on-right .solution a .icon {
    margin-right: 20px; }

  .platform-wrapper .solutions .banner .on-right .solution a .text {
    width: calc(100% - 70px); }

  .platform-wrapper .how-it-works {
    margin-top: 80px; }

  .platform-wrapper .how-it-works .new-steps {
    margin: 38px 0 0; }

  .platform-wrapper .how-it-works .new-steps .steps {
    width: 100%;
    margin: 0;
    display: block; }

  .platform-wrapper .how-it-works .new-steps .steps .step {
    width: 100%;
    margin: 0 0 60px !important; }

  .platform-wrapper .how-it-works .new-steps .steps .step .box {
    padding: 70px 20px 60px;
    min-height: 0 !important; }
    .platform-wrapper .how-it-works .new-steps .steps .step .box h3 {
      font-size: 24px;
      line-height: 36px; }

  .platform-wrapper .how-it-works .new-steps .steps .step.two .box .bullets li {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px; }

  .platform-wrapper .how-it-works .new-steps .steps .step.two .box .bullets li span {
    width: 190px; }

  .platform-wrapper .how-it-works .new-steps .steps .step.three .box .icon-wrapper {
    max-width: 220px;
    margin: 60px auto 0; }

  .platform-wrapper .how-it-works .new-steps .steps .step.four .box .icon-wrapper {
    max-width: 260px;
    margin: 60px auto 0; }

  .platform-wrapper .how-it-works .new-steps .steps .step.one .box .icon-wrapper {
    display: none; }

  .platform-wrapper .how-it-works .new-steps .steps .step.one .box .title {
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    top: 28% !important; }
    .platform-wrapper .how-it-works .new-steps .steps .step.one .box .title.on-right {
      top: 63% !important; }

  .platform-wrapper .how-it-works .new-steps .steps .step.one .box .text {
    left: 0 !important;
    width: 100% !important;
    padding: 0 20px !important;
    top: 46% !important; }
    .platform-wrapper .how-it-works .new-steps .steps .step.one .box .text.on-right {
      top: 83% !important; }

  .platform-wrapper .how-it-works .new-steps .steps .step.one .box .m-icon-wrapper {
    display: block;
    margin: 14px -20px 0;
    width: calc( 100% + 40px ); }
    .platform-wrapper .how-it-works .new-steps .steps .step.one .box .m-icon-wrapper img {
      display: block;
      width: 100%; }

  .platform-wrapper .ext-solutions {
    display: none; }

  .platform-wrapper .drawer-wrapper {
    display: block;
    position: relative;
    margin-top: 100px; }
    .platform-wrapper .drawer-wrapper h2 {
      font-weight: 300;
      font-size: 30px;
      line-height: 40px; }

  .platform-wrapper .drawer {
    position: relative;
    background: white;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
    border-radius: 15px;
    overflow: hidden;
    margin: 40px auto 0; }
    .platform-wrapper .drawer.new .item .main {
      padding: 0 34px;
      height: 120px; }
      .platform-wrapper .drawer.new .item .main .text {
        padding: 4px 0 4px 12px;
        border-left: 1px solid #31DC67;
        width: 100%; }
        .platform-wrapper .drawer.new .item .main .text h3 {
          font-size: 18px; }
        .platform-wrapper .drawer.new .item .main .text p {
          font-size: 11px;
          line-height: 18px;
          margin-top: 4px;
          font-weight: 400; }
    .platform-wrapper .drawer .item {
      position: relative;
      background: white;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
      .platform-wrapper .drawer .item.active .main {
        height: 140px; }
        .platform-wrapper .drawer .item.active .main .icon-wrapper {
          width: 90px; }
        .platform-wrapper .drawer .item.active .main .text {
          width: calc( 100% - 110px ); }
          .platform-wrapper .drawer .item.active .main .text p {
            font-weight: 600; }
      .platform-wrapper .drawer .item.active .ext {
        display: block; }
      .platform-wrapper .drawer .item .main {
        position: relative;
        height: 90px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        cursor: pointer; }
        .platform-wrapper .drawer .item .main .icon-wrapper {
          position: relative;
          width: 50px;
          margin-right: 20px; }
          .platform-wrapper .drawer .item .main .icon-wrapper img {
            display: block;
            width: 100%; }
        .platform-wrapper .drawer .item .main .text {
          position: relative;
          width: calc( 100% - 70px ); }
          .platform-wrapper .drawer .item .main .text p {
            font-size: 14px;
            line-height: 22px;
            font-weight: 300; }
      .platform-wrapper .drawer .item .ext {
        position: relative;
        padding: 0 20px 28px;
        display: none; }
        .platform-wrapper .drawer .item .ext p {
          font-size: 20px;
          line-height: 30px;
          font-weight: 300; }
        .platform-wrapper .drawer .item .ext .bullets {
          position: relative;
          margin-top: 40px; }
          .platform-wrapper .drawer .item .ext .bullets .bullet {
            position: relative;
            height: 60px;
            background: #f2f5f9;
            text-align: center;
            padding: 0 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 14px; }
        .platform-wrapper .drawer .item .ext .button {
          margin-top: 30px;
          width: 100%;
          height: 50px;
          font-size: 15px; }
          .platform-wrapper .drawer .item .ext .button a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 30px; }
          .platform-wrapper .drawer .item .ext .button img {
            height: 12px; } }
.solution-wrapper {
  position: relative;
  min-height: 100vh;
  padding: 166px 0;
  background: #185CDC; }
  .solution-wrapper .x-button {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-transition: all 0.26s ease-out;
    transition: all 0.26s ease-out; }
    .solution-wrapper .x-button:hover {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
    .solution-wrapper .x-button .line {
      position: absolute;
      width: 24px;
      height: 2px;
      left: 50%;
      margin-left: -12px;
      top: 50%;
      margin-top: -1px;
      background: white; }
      .solution-wrapper .x-button .line.one {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      .solution-wrapper .x-button .line.two {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
  .solution-wrapper .sol-header {
    display: none; }
  .solution-wrapper .m-on-top {
    display: none; }
  .solution-wrapper .headline-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: white; }
    .solution-wrapper .headline-wrapper.new {
      display: block;
      padding: 0 60px; }
      .solution-wrapper .headline-wrapper.new p {
        font-size: 30px;
        line-height: 44px;
        max-width: 726px;
        font-weight: 300; }
    .solution-wrapper .headline-wrapper .icon-wrapper {
      position: relative;
      width: 21.6666%;
      margin-right: 62px; }
      .solution-wrapper .headline-wrapper .icon-wrapper img {
        display: block;
        width: 100%; }
    .solution-wrapper .headline-wrapper h1 {
      position: relative;
      width: 54%; }
      .solution-wrapper .headline-wrapper h1 span {
        color: rgba(255, 255, 255, 0.3);
        position: absolute;
        top: 0;
        left: -46px; }
  .solution-wrapper .legend {
    position: relative;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center; }
    .solution-wrapper .legend.new {
      margin-top: 66px; }
      .solution-wrapper .legend.new .item {
        font-size: 20px;
        line-height: 30px;
        font-weight: 300;
        margin: 0 100px;
        -webkit-transition: all 0.26s ease-out;
        transition: all 0.26s ease-out; }
        .solution-wrapper .legend.new .item:hover {
          color: rgba(255, 255, 255, 0.5); }
        .solution-wrapper .legend.new .item.active {
          color: rgba(255, 255, 255, 0.5); }
    .solution-wrapper .legend .item {
      border-left: 1px solid white;
      padding-left: 14px;
      margin: 0 15px;
      position: relative;
      max-width: 246px; }
      .solution-wrapper .legend .item span {
        color: rgba(255, 255, 255, 0.3);
        font-size: 40px;
        line-height: 1;
        position: absolute;
        left: 15px;
        top: 4px; }
  .solution-wrapper .box {
    position: relative;
    background: white; }
    .solution-wrapper .box .with-without {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .solution-wrapper .box .with-without .on-left {
        position: relative;
        padding-top: 10px;
        width: 37%; }
      .solution-wrapper .box .with-without .on-right {
        position: relative;
        width: 59.9%;
        margin-right: -7.5%; }
        .solution-wrapper .box .with-without .on-right img {
          display: block;
          width: 100%;
          height: auto !important; }
    .solution-wrapper .box .benefits {
      position: relative;
      width: 66.6666%; }
      .solution-wrapper .box .benefits ul {
        position: relative; }
        .solution-wrapper .box .benefits ul li {
          position: relative;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start; }
          .solution-wrapper .box .benefits ul li img {
            height: 24px;
            margin-right: 28px;
            transform: translateY(3px);
            -webkit-transform: translateY(3px); }
    .solution-wrapper .box .capabilities-wrapper {
      position: relative; }
      .solution-wrapper .box .capabilities-wrapper .capabilities {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
        .solution-wrapper .box .capabilities-wrapper .capabilities .capability {
          position: relative;
          width: 47.222%;
          height: 60px;
          border-radius: 30px;
          background: white;
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          color: #31DC67;
          padding: 0 106px 0 30px;
          line-height: 1.4; }
          .solution-wrapper .box .capabilities-wrapper .capabilities .capability:hover img {
            transform: translateX(-10px);
            -webkit-transform: translateX(-10px); }
          .solution-wrapper .box .capabilities-wrapper .capabilities .capability:hover .circle {
            visibility: visible;
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0); }
          .solution-wrapper .box .capabilities-wrapper .capabilities .capability a {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            height: 100%; }
          .solution-wrapper .box .capabilities-wrapper .capabilities .capability img {
            position: absolute;
            right: 30px;
            top: 50%;
            margin-top: -6px;
            height: 12px;
            -webkit-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out; }
          .solution-wrapper .box .capabilities-wrapper .capabilities .capability .circle {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -55px;
            height: 110px;
            width: 110px;
            border-radius: 50%;
            overflow: hidden;
            visibility: hidden;
            opacity: 0;
            transform: translateX(110px);
            -webkit-transform: translateX(110px);
            -webkit-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out; }
    .solution-wrapper .box .bottom-line {
      position: relative; }
      .solution-wrapper .box .bottom-line .line {
        width: 130px;
        height: 3px;
        background: #31DC67; }
      .solution-wrapper .box .bottom-line h3 {
        color: #CFD4DD; }
        .solution-wrapper .box .bottom-line h3 .c-green {
          color: #00E0C4; }
        .solution-wrapper .box .bottom-line h3 .c-blue {
          color: #31DC67; }
    .solution-wrapper .box .related {
      display: none; }
    .solution-wrapper .box .ftb {
      margin-left: -30px;
      margin-right: -30px; }

@media only screen and (max-width: 1023px) {
  .solution-wrapper {
    background: white;
    padding: 0 0 80px; }

  .solution-wrapper .sol-header {
    display: block;
    position: fixed;
    top: -85px;
    left: 0;
    width: 100%;
    height: 85px;
    background: #31DC67;
    z-index: 9999;
    -webkit-transition: all 0.26s ease-out;
    transition: all 0.26s ease-out; }
    .solution-wrapper .sol-header.header-pinned {
      top: 0; }
    .solution-wrapper .sol-header .content-wrapper {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .solution-wrapper .sol-header .content-wrapper .on-left {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .solution-wrapper .sol-header .content-wrapper .on-left .logo {
          height: 30px;
          margin-right: 40px; }
      .solution-wrapper .sol-header .content-wrapper .menu-button-wrapper {
        display: block;
        position: absolute;
        top: 0;
        right: -10px;
        height: 100%;
        width: 40px;
        cursor: pointer; }
        .solution-wrapper .sol-header .content-wrapper .menu-button-wrapper .menu-button {
          position: absolute;
          right: 10px;
          width: 20px;
          height: 14px;
          top: 50%;
          margin-top: -7px; }
          .solution-wrapper .sol-header .content-wrapper .menu-button-wrapper .menu-button .line {
            position: absolute;
            right: 0;
            width: 100%;
            height: 2px;
            background: white; }
            .solution-wrapper .sol-header .content-wrapper .menu-button-wrapper .menu-button .line.one {
              top: 0; }
            .solution-wrapper .sol-header .content-wrapper .menu-button-wrapper .menu-button .line.two {
              top: 6px;
              background: #9DAEC6;
              width: 10px;
              right: 5px; }
            .solution-wrapper .sol-header .content-wrapper .menu-button-wrapper .menu-button .line.three {
              top: 12px; }

  .solution-wrapper .m-on-top {
    display: block;
    position: relative;
    height: 240px;
    background: #31DC67;
    overflow: hidden; }
    .solution-wrapper .m-on-top .diagonal {
      position: absolute;
      bottom: -28.1vw;
      left: -100vw;
      width: 300vw;
      height: 40vw;
      background: white;
      transform: rotate(14deg);
      -webkit-transform: rotate(14deg); }
    .solution-wrapper .m-on-top .icon-wrapper {
      position: absolute;
      bottom: 0;
      left: 20px;
      width: 150px; }
      .solution-wrapper .m-on-top .icon-wrapper img {
        display: block;
        width: 100%; }

  .solution-wrapper .x-button {
    display: none; }

  .solution-wrapper .headline-wrapper {
    display: block;
    color: #001340;
    margin-top: 30px; }

  .solution-wrapper .headline-wrapper .icon-wrapper {
    display: none; }

  .solution-wrapper .headline-wrapper h1 {
    font-size: 34px;
    line-height: 50px;
    width: 100%; }

  .solution-wrapper .legend {
    display: none; }

  .solution-wrapper .box {
    padding: 0;
    margin-top: 60px; }

  .solution-wrapper .box .with-without {
    display: block; }

  .solution-wrapper .box .with-without .on-left {
    padding-top: 0;
    width: 100%; }
    .solution-wrapper .box .with-without .on-left h2.second {
      margin-top: 40px; }

  .solution-wrapper .box .with-without .on-right {
    width: 100%;
    margin-right: 0;
    margin-top: 60px; }

  .solution-wrapper .box .benefits {
    width: 100%; }

  .solution-wrapper .box .benefits ul {
    margin-top: 0; }

  .solution-wrapper .box .benefits ul li {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }

  .solution-wrapper .box .benefits ul li img {
    height: auto;
    width: 11px;
    margin-right: 18px; }

  .solution-wrapper .box .benefits ul li span {
    width: calc( 100% - 29px ); }

  .solution-wrapper .box .capabilities-wrapper {
    margin-top: 59px; }

  .solution-wrapper .box .capabilities-wrapper .capabilities {
    display: block;
    margin-top: 0; }

  .solution-wrapper .box .capabilities-wrapper .capabilities .capability {
    width: 100%;
    margin-top: 30px;
    padding: 0 50px 0 20px;
    font-size: 14px;
    line-height: 24px; }
    .solution-wrapper .box .capabilities-wrapper .capabilities .capability a {
      height: 100%;
      display: block;
      display: flex;
      align-items: center;
      justify-content: flex-start; }

  .solution-wrapper .box .capabilities-wrapper .capabilities .capability img {
    right: 20px; }

  .solution-wrapper .box .capabilities-wrapper .capabilities .capability .circle {
    display: none; }

  .solution-wrapper .box .bottom-line {
    margin-top: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .solution-wrapper .box .bottom-line h2 {
      font-size: 24px;
      line-height: 26px;
      width: 100%;
      order: 1; }
    .solution-wrapper .box .bottom-line h3 {
      margin-top: 22px;
      font-size: 34px;
      line-height: 50px;
      width: 100%;
      order: 2; }
    .solution-wrapper .box .bottom-line .line {
      margin: 40px auto 0;
      width: 130px;
      order: 3; }

  .solution-wrapper .box .related {
    display: block;
    margin-top: 80px; }
    .solution-wrapper .box .related p {
      text-align: center;
      margin: 0 auto 30px; }
    .solution-wrapper .box .related .box {
      position: relative;
      background: white;
      border-radius: 15px;
      margin: 0;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
      overflow: hidden; }
      .solution-wrapper .box .related .box .solution {
        position: relative;
        background: white;
        box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
        height: 90px; }
        .solution-wrapper .box .related .box .solution a {
          display: block;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          padding: 0 20px; }
          .solution-wrapper .box .related .box .solution a img {
            width: 50px;
            margin-right: 20px; }
          .solution-wrapper .box .related .box .solution a .text {
            width: calc( 100% - 70px ); }

  .solution-wrapper .box .ftb {
    margin: 80px 0 0; }

  .solution-wrapper .headline-wrapper.new {
    padding: 0; }

  .solution-wrapper .headline-wrapper h1 {
    font-size: 40px;
    line-height: 50px; }

  .solution-wrapper .headline-wrapper.new p {
    font-size: 20px;
    line-height: 30px; }

  .solution-wrapper .box .related {
    display: none !important; } }
.post-wrapper {
  position: relative;
  padding: 125px 0 100px; }
  .post-wrapper .content-wrapper {
    max-width: 1050px; }
    .post-wrapper .content-wrapper .featured-image {
      position: relative;
      border-radius: 10px;
      overflow: hidden; }
      .post-wrapper .content-wrapper .featured-image .image {
        position: relative;
        padding-bottom: 28.6%; }
    .post-wrapper .content-wrapper .back {
      color: #31DC67;
      position: relative; }
      .post-wrapper .content-wrapper .back img {
        height: 12px;
        margin-right: 6px; }
    .post-wrapper .content-wrapper .date-mins {
      display: none; }
    .post-wrapper .content-wrapper .details {
      position: relative; }
      .post-wrapper .content-wrapper .details .pipe {
        margin: 0 19px;
        color: #CFD4DD; }
      .post-wrapper .content-wrapper .details .date-mins {
        display: inline; }
    .post-wrapper .content-wrapper .author {
      position: relative;
      margin-top: 50px;
      border-top: 1px solid #CFD4DD;
      padding-top: 50px;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .post-wrapper .content-wrapper .author .image-wrapper {
        position: relative;
        width: 74px;
        height: 74px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 30px; }
      .post-wrapper .content-wrapper .author .text {
        position: relative; }
        .post-wrapper .content-wrapper .author .text .twitter-linkedin {
          position: relative;
          color: #31DC67; }
          .post-wrapper .content-wrapper .author .text .twitter-linkedin a {
            margin-right: 15px; }
    .post-wrapper .content-wrapper .tags {
      position: relative;
      margin-top: 30px;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .post-wrapper .content-wrapper .tags li {
        position: relative;
        border-radius: 4px;
        margin-right: 6px;
        margin-bottom: 6px;
        display: block;
        font-size: 15px;
        padding: 6px 10px 7px;
        background: #DFE7F2;
        -webkit-transition: all 0.26s ease-out;
        transition: all 0.26s ease-out; }
        .post-wrapper .content-wrapper .tags li:hover {
          background: #31DC67;
          color: white; }

.wysiwyg {
  position: relative; }
  .wysiwyg p,
  .wysiwyg h6,
  .wysiwyg h5,
  .wysiwyg h4,
  .wysiwyg h3,
  .wysiwyg h2,
  .wysiwyg ul,
  .wysiwyg ol {
    margin-bottom: 30px; }
  .wysiwyg p {
    font-size: 18px;
    line-height: 29px; }
  .wysiwyg h1 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 500;
    margin-top: 30px; }
    .wysiwyg h1 strong,
    .wysiwyg h1 b {
      font-weight: 600; }
  .wysiwyg h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    margin-top: 30px; }
    .wysiwyg h2 strong,
    .wysiwyg h2 b {
      font-weight: 600; }
  .wysiwyg h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 30px; }
    .wysiwyg h3 strong,
    .wysiwyg h3 b {
      font-weight: 600; }
  .wysiwyg h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 30px; }
    .wysiwyg h4 strong,
    .wysiwyg h4 b {
      font-weight: 600; }
  .wysiwyg h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 30px; }
    .wysiwyg h5 strong,
    .wysiwyg h5 b {
      font-weight: 600; }
  .wysiwyg a {
    color: #31DC67; }
  .wysiwyg ol,
  .wysiwyg ul {
    position: relative;
    font-size: 18px;
    line-height: 29px;
    padding-left: 20px; }
    .wysiwyg ol li ol,
    .wysiwyg ol li ul,
    .wysiwyg ul li ol,
    .wysiwyg ul li ul {
      margin-top: 30px; }
  .wysiwyg ol {
    list-style-type: decimal; }
  .wysiwyg ul {
    list-style-type: disc; }
  .wysiwyg img {
    display: block;
    height: auto;
    margin: 50px 0;
    border-radius: 15px; }
  .wysiwyg iframe {
    display: block;
    width: 100%;
    height: calc(1200px * 0.5625);
    border-radius: 15px;
    overflow: hidden;
    margin: 50px 0; }
  .wysiwyg table {
    margin: 50px 0;
    width: 100%;
    position: relative;
    font-family: "Poppins", sans-serif; }
    .wysiwyg table tr th {
      font-size: 18px;
      padding: 14px 20px;
      border: 1px solid #CFD4DD;
      text-align: left; }
    .wysiwyg table tr td {
      font-size: 15px;
      padding: 14px 20px;
      border: 1px solid #CFD4DD;
      text-align: left; }
  .wysiwyg .ftb {
    margin: 50px 0; }
    .wysiwyg .ftb .banner img {
      margin: 0; }
    .wysiwyg .ftb .banner h2 {
      font-size: 36px;
      line-height: 45px;
      margin-bottom: 0;
      margin-top: 0; }
    .wysiwyg .ftb .banner p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 0;
      margin-bottom: 10px; }
  .wysiwyg strong,
  .wysiwyg b {
    font-weight: 600; }
  .wysiwyg em {
    font-style: italic; }

@media only screen and (max-width: 1023px) {
  .post-wrapper {
    padding: 100px 0; }
    .post-wrapper .content-wrapper .featured-image .image {
      padding-bottom: 48.8%; }
    .post-wrapper .content-wrapper .back {
      margin-top: 40px;
      font-size: 14px;
      line-height: 16px; }

  .wysiwyg {
    position: relative;
    margin-top: 0; }
    .wysiwyg p,
    .wysiwyg h6,
    .wysiwyg h5,
    .wysiwyg h4,
    .wysiwyg h3,
    .wysiwyg h2,
    .wysiwyg ul,
    .wysiwyg ol {
      margin-bottom: 20px; }
    .wysiwyg p {
      font-size: 14px;
      line-height: 24px; }
    .wysiwyg h1 {
      font-size: 26px;
      line-height: 32px;
      margin-top: 40px; }
    .wysiwyg h2 {
      font-size: 22px;
      line-height: 28px;
      margin-top: 40px; }
    .wysiwyg h3 {
      font-size: 20px;
      line-height: 28px;
      margin-top: 40px; }
    .wysiwyg h4 {
      font-size: 18px;
      line-height: 24px;
      margin-top: 40px; }
    .wysiwyg h5 {
      font-size: 16px;
      line-height: 20px;
      margin-top: 40px; }
    .wysiwyg a {
      color: #31DC67; }
    .wysiwyg ol,
    .wysiwyg ul {
      position: relative;
      font-size: 14px;
      line-height: 24px; }
      .wysiwyg ol li ol,
      .wysiwyg ol li ul,
      .wysiwyg ul li ol,
      .wysiwyg ul li ul {
        margin-top: 20px; }
    .wysiwyg img {
      margin: 40px 0; }
    .wysiwyg iframe {
      height: calc((100vw - 60px) * 0.5625);
      margin: 40px 0; }
    .wysiwyg table {
      margin: 40px 0; }
      .wysiwyg table tr th {
        font-size: 16px;
        padding: 12px 18px; }
      .wysiwyg table tr td {
        font-size: 14px;
        padding: 12px 18px; }

  .post-wrapper .content-wrapper .date-mins {
    display: block;
    font-size: 14px;
    margin-top: 23px;
    margin-bottom: -10px; }
    .post-wrapper .content-wrapper .date-mins .pipe {
      color: #CFD4DD;
      margin: 0 10px; }

  .post-wrapper .content-wrapper .details {
    font-size: 14px;
    margin-bottom: 40px; }
    .post-wrapper .content-wrapper .details .date-mins {
      display: none; }
    .post-wrapper .content-wrapper .details .pipe {
      display: none; }

  .post-wrapper .content-wrapper .author {
    padding-top: 40px;
    display: block; }
    .post-wrapper .content-wrapper .author p.fs-16-26 {
      font-size: 14px; }

  .post-wrapper .content-wrapper .author .text .twitter-linkedin {
    margin-top: 20px; }

  .post-wrapper .content-wrapper .author .image-wrapper {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    margin-right: 0; } }
.blog-wrapper {
  position: relative;
  padding: 165px 0 120px; }
  .blog-wrapper .top-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .blog-wrapper .top-row .on-left {
      position: relative;
      width: 50%; }
      .blog-wrapper .top-row .on-left .image {
        position: relative;
        padding-bottom: 49%;
        border-radius: 10px;
        overflow: hidden; }
    .blog-wrapper .top-row .on-right {
      position: relative;
      width: 45%; }
  .blog-wrapper .legend {
    position: relative;
    margin: 80px 0 -20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 2; }
    .blog-wrapper .legend p {
      margin-right: 30px;
      font-weight: 300; }
      .blog-wrapper .legend p.active {
        font-weight: 600; }
  .blog-wrapper .m-select-wrapper {
    display: none; }
  .blog-wrapper .tags {
    position: relative;
    margin: 80px 0 -20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 2; }
    .blog-wrapper .tags p {
      border-radius: 4px;
      font-size: 20px;
      padding: 6px 10px 7px;
      background: #DFE7F2; }
  .blog-wrapper .grid {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -2%; }
    .blog-wrapper .grid .item {
      position: relative;
      margin-left: 2%;
      margin-right: 2%;
      width: calc( (100% / 3 ) - 4% ); }
      .blog-wrapper .grid .item .image-wrapper {
        position: relative;
        padding-bottom: 49%;
        border-radius: 10px;
        overflow: hidden; 
        margin: -30px -30px 0 -30px; }
      .blog-wrapper .grid .item .more {
        color: #31DC67; }
        .blog-wrapper .grid .item .more img {
          height: 9px;
          margin-left: 4px; }

@media only screen and (max-width: 1023px) {
  .blog-wrapper {
    padding: 0 0 50px; }

  .blog-wrapper .top-row {
    display: block;
    margin: 0 -30px; }

  .blog-wrapper .top-row .on-left {
    width: 100%; }

  .blog-wrapper .top-row .on-left .image {
    padding-bottom: 0;
    border-radius: 0;
    height: 260px; }

  .blog-wrapper .top-row .on-right {
    width: 100%;
    padding: 30px 30px 0; }
    .blog-wrapper .top-row .on-right h1 {
      font-size: 30px;
      line-height: 44px; }
    .blog-wrapper .top-row .on-right p {
      font-size: 16px;
      line-height: 26px;
      margin-top: 12px; }

  .blog-wrapper .grid {
    display: block;
    margin: 0; }

  .blog-wrapper .grid .item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-top: 50px; }
    .blog-wrapper .grid .item h2 {
      margin-top: 20px;
      font-size: 22px;
      line-height: 30px; }
    .blog-wrapper .grid .item p {
      margin-top: 15px; }

  .blog-wrapper .legend {
    display: none; }

  .blog-wrapper .m-select-wrapper {
    display: block;
    position: relative;
    margin-top: 30px; }
    .blog-wrapper .m-select-wrapper.w-margin {
      margin-top: 50px; }
    .blog-wrapper .m-select-wrapper select {
      width: 100%;
      -webkit-appearance: none;
      border-radius: 30px;
      background: white;
      height: 50px;
      box-shadow: 0 0 25px 0 rgba(39, 39, 39, 0.2);
      border: 0;
      padding: 0 30px;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      outline: 0; }
    .blog-wrapper .m-select-wrapper img {
      position: absolute;
      right: 30px;
      height: 8px;
      top: 50%;
      margin-top: -4px; }

  .blog-wrapper .tags {
    margin: 20px 0 -20px; }
    .blog-wrapper .tags p {
      font-size: 17px; } }
.home-wrapper {
  position: relative;
  padding: 144px 0 150px; }
  .home-wrapper .hero-new {
    position: relative; }
    .home-wrapper .hero-new .news-banner {
      position: relative;
      height: 60px;
      border-radius: 66px;
      background: #00D9BE;
      color: #212A3F;
      line-height: 60px;
      padding: 0 40px;
      margin-top: -44px;
      margin-bottom: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .home-wrapper .hero-new .news-banner a {
        position: relative;
        height: 100%;
        width: 100%;
        display: block;
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .home-wrapper .hero-new .news-banner p {
        width: calc( 100% - 64px ); }
        .home-wrapper .hero-new .news-banner p.on-m {
          display: none; }
      .home-wrapper .hero-new .news-banner img {
        width: 24px;
        filter: brightness(0.4); }
    .home-wrapper .hero-new .anim-text-wrapper {
      position: relative;
      padding-top: 71px;
      z-index: 2; }
      .home-wrapper .hero-new .anim-text-wrapper .anim-outer-wrapper {
        position: relative;
        padding-bottom: 39.33%; }
        .home-wrapper .hero-new .anim-text-wrapper .anim-outer-wrapper .anim-wrapper {
          position: absolute;
          left: 50%;
          top: -86px;
          width: calc( 100% + 166px ); }
          .home-wrapper .hero-new .anim-text-wrapper .anim-outer-wrapper .anim-wrapper img {
            max-width: 43%; }
      .home-wrapper .hero-new .anim-text-wrapper .text-wrapper {
        position: absolute;
        top: 0;
        left: 0px;
        max-width: 700px;
        z-index: 3; }
        .home-wrapper .hero-new .anim-text-wrapper .text-wrapper p .c-red {
          color: #FF5472;
          font-weight: 400; }
        .home-wrapper .hero-new .anim-text-wrapper .text-wrapper .button {
          margin-top: 40px;
          font-size: 16px;
          width: auto;
          padding: 0 20px;
          display: inline-block;
          height: 40px;
          line-height: 40px; }
    .home-wrapper .hero-new p.on-m {
      display: none; }
    .home-wrapper .hero-new .button.on-m {
      display: none; }
    .home-wrapper .hero-new .diagonal {
      position: absolute;
      background: linear-gradient(180deg, rgba(0, 77, 220, 0.05) 0%, rgba(0, 77, 220, 0) 100%);
      left: -150vw;
      bottom: calc( -1 * (1366px / 100 * 5.4) );
      height: calc( 1674px / 100 * 32 );
      width: 400vw;
      transform: rotate(352deg);
      -webkit-transform: rotate(352deg); }
  .home-wrapper .hero {
    position: relative; }
    .home-wrapper .hero .news-banner {
      position: relative;
      height: 60px;
      border-radius: 66px;
      background: #00D9BE;
      color: white;
      line-height: 60px;
      padding: 0 40px;
      margin-top: -44px;
      margin-bottom: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .home-wrapper .hero .news-banner a {
        position: relative;
        height: 100%;
        width: 100%;
        display: block;
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .home-wrapper .hero .news-banner p {
        width: calc( 100% - 64px ); }
        .home-wrapper .hero .news-banner p.on-m {
          display: none; }
      .home-wrapper .hero .news-banner img {
        width: 24px;
        visibility: visible;
        animation-name: fadeInUp; }
    .home-wrapper .hero h1, .home-wrapper .hero h2 {
      text-align: center; }
    .home-wrapper .hero img {
      display: block;
      width: 86%;
      margin-left: auto;
      margin-right: auto; }
    .home-wrapper .hero .screens {
      position: relative;
      width: 86%;
      margin-left: auto;
      margin-right: auto;
      z-index: 2; }
      .home-wrapper .hero .screens .inner {
        position: relative;
        padding-bottom: 49.3%; }
        .home-wrapper .hero .screens .inner .screen-1 {
          position: absolute;
          top: 0;
          left: 0;
          width: 58.4%;
          border-radius: 10px; }
          .home-wrapper .hero .screens .inner .screen-1.w-shadow {
            box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
          .home-wrapper .hero .screens .inner .screen-1 img {
            display: block;
            width: 100%; }
        .home-wrapper .hero .screens .inner .screen-2 {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 49.2%;
          border-radius: 10px; }
          .home-wrapper .hero .screens .inner .screen-2.w-shadow {
            box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
          .home-wrapper .hero .screens .inner .screen-2 img {
            display: block;
            width: 100%; }
    .home-wrapper .hero .diagonal {
      position: absolute;
      background: linear-gradient(180deg, rgba(0, 77, 220, 0.05) 0%, rgba(0, 77, 220, 0) 100%);
      left: -150vw;
      bottom: calc( -1 * (1366px / 100 * 11.4) );
      height: calc( 1366px / 100 * 32 );
      width: 400vw;
      transform: rotate(8deg);
      -webkit-transform: rotate(8deg); }
    .home-wrapper .hero .arrow {
      display: none; }
  .home-wrapper .message-logos {
    position: relative;
    text-align: center;
    margin-top: 90px; }
    .home-wrapper .message-logos .content-wrapper .inner {
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      .home-wrapper .message-logos .content-wrapper .inner .logos {
        position: relative;
        margin: 40px auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
        .home-wrapper .message-logos .content-wrapper .inner .logos .logo-wrapper {
          position: relative;
          width: 160px;
          margin: 0 10px 30px; }
          .home-wrapper .message-logos .content-wrapper .inner .logos .logo-wrapper img {
            display: block;
            width: 100%;
            height: auto !important;
            filter: grayscale(100%); }
  .home-wrapper .solutions-wrapper {
    position: relative; }
    .home-wrapper .solutions-wrapper .box {
      position: relative;
      border-radius: 10px 10px 10px 150px;
      background: white;
      padding-bottom: 40%;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
      .home-wrapper .solutions-wrapper .box.new {
        padding-bottom: 38%;
        border-radius: 10px; }
        .home-wrapper .solutions-wrapper .box.new .legend {
          height: calc( 100% - 100px );
          width: 280px;
          flex-wrap: wrap;
          align-items: center;
          z-index: 9; }
          .home-wrapper .solutions-wrapper .box.new .legend .item {
            font-size: 34px;
            font-weight: 300;
            margin: 30px 0;
            width: 100%;
            line-height: 51px;
            color: #505A78; }
            .home-wrapper .solutions-wrapper .box.new .legend .item:after {
              top: 100%;
              height: 2px; }
            .home-wrapper .solutions-wrapper .box.new .legend .item.active {
              font-weight: 300;
              color: #001340; }
        .home-wrapper .solutions-wrapper .box.new .views {
          top: 50px;
          height: calc( 100% - 100px );
          left: 330px;
          width: calc( 100% - 380px ); }
          .home-wrapper .solutions-wrapper .box.new .views .view .icon-wrapper {
            display: none; }
          .home-wrapper .solutions-wrapper .box.new .views .view .text {
            left: 0;
            top: 0;
            width: 430px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start; }
          .home-wrapper .solutions-wrapper .box.new .views .view .bullets {
            left: 500px;
            width: calc( 100% - 500px );
            right: auto;
            height: 136px;
            top: 50%;
            margin-top: -68px; }
          .home-wrapper .solutions-wrapper .box.new .views .view .learn-more {
            bottom: 40px; }
      .home-wrapper .solutions-wrapper .box .legend {
        position: absolute;
        top: 50px;
        left: 60px;
        width: calc( 100% - 120px );
        display: flex;
        align-items: flex-start;
        justify-content: flex-start; }
        .home-wrapper .solutions-wrapper .box .legend .item {
          position: relative;
          width: 240px;
          margin-right: 40px;
          cursor: pointer; }
          .home-wrapper .solutions-wrapper .box .legend .item:after {
            position: absolute;
            top: calc( 100% + 20px );
            height: 4px;
            width: 80px;
            background: #31DC67;
            left: 0;
            content: "";
            transform-origin: left center;
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            -webkit-transition: all 0.26s ease-out;
            transition: all 0.26s ease-out; }
          .home-wrapper .solutions-wrapper .box .legend .item:hover:after {
            transform: scaleX(1);
            -webkit-transform: scaleX(1); }
          .home-wrapper .solutions-wrapper .box .legend .item.active {
            font-weight: 600; }
            .home-wrapper .solutions-wrapper .box .legend .item.active:after {
              transform: scaleX(1);
              -webkit-transform: scaleX(1); }
            .home-wrapper .solutions-wrapper .box .legend .item.active .text {
              opacity: 1; }
          .home-wrapper .solutions-wrapper .box .legend .item .text {
            opacity: 0.7; }
      .home-wrapper .solutions-wrapper .box .views {
        position: absolute;
        top: 174px;
        left: 20px;
        bottom: 20px;
        width: calc( 100% - 80px ); }
        .home-wrapper .solutions-wrapper .box .views .view {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          visibility: hidden;
          opacity: 0; }
          .home-wrapper .solutions-wrapper .box .views .view.active {
            visibility: visible;
            opacity: 1; }
            .home-wrapper .solutions-wrapper .box .views .view.active .icon-wrapper {
              transform: rotate(0);
              -webkit-transform: rotate(0); }
            .home-wrapper .solutions-wrapper .box .views .view.active .text {
              transform: translateX(0);
              -webkit-transform: translateX(0); }
            .home-wrapper .solutions-wrapper .box .views .view.active .bullets {
              transform: translateX(0);
              -webkit-transform: translateX(0); }
            .home-wrapper .solutions-wrapper .box .views .view.active .learn-more {
              transform: translateX(0);
              -webkit-transform: translateX(0); }
          .home-wrapper .solutions-wrapper .box .views .view .icon-wrapper {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 270px;
            transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            -webkit-transition: all 0.66s ease-out;
            transition: all 0.66s ease-out; }
            .home-wrapper .solutions-wrapper .box .views .view .icon-wrapper img {
              display: block;
              width: 100%; }
          .home-wrapper .solutions-wrapper .box .views .view .text {
            position: absolute;
            left: 306px;
            top: 0;
            width: 412px;
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -webkit-transition: all 0.66s ease-out;
            transition: all 0.66s ease-out; }
          .home-wrapper .solutions-wrapper .box .views .view .bullets {
            position: absolute;
            right: 0;
            top: 0;
            width: calc( 100% - 739px );
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -webkit-transition: all 0.66s ease-out;
            transition: all 0.66s ease-out; }
            .home-wrapper .solutions-wrapper .box .views .view .bullets .bullet {
              position: relative;
              height: 60px;
              line-height: 60px;
              border-radius: 30px;
              padding: 0 30px;
              background: #f2f5f9;
              margin-bottom: 14px; }
          .home-wrapper .solutions-wrapper .box .views .view .learn-more {
            position: absolute;
            right: 0;
            bottom: 60px;
            width: 182px;
            height: 55px;
            line-height: 55px;
            background: #001340;
            color: white;
            text-align: center;
            border-radius: 30px;
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            -webkit-transition: all 0.66s ease-out;
            transition: all 0.66s ease-out; }
            .home-wrapper .solutions-wrapper .box .views .view .learn-more img {
              height: 12px;
              margin-left: 6px;
              transform: translateY(1px);
              -webkit-transform: translateY(1px); }
            .home-wrapper .solutions-wrapper .box .views .view .learn-more a {
              display: block;
              height: 100%; }
    .home-wrapper .solutions-wrapper .drawer {
      display: none; }
  .home-wrapper .ssdlc-wrapper {
    position: relative; }
    .home-wrapper .ssdlc-wrapper .headline-buttons {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .home-wrapper .ssdlc-wrapper .headline-buttons .headline {
        position: relative;
        width: calc( 100% - 188px ); }
      .home-wrapper .ssdlc-wrapper .headline-buttons .buttons {
        position: relative;
        width: 168px; }
        .home-wrapper .ssdlc-wrapper .headline-buttons .buttons .button {
          width: 168px; }
          .home-wrapper .ssdlc-wrapper .headline-buttons .buttons .button.second {
            background: transparent;
            border: 1px solid #001340;
            line-height: 39px;
            color: #001340; }
            .home-wrapper .ssdlc-wrapper .headline-buttons .buttons .button.second img {
              height: 12px;
              margin-left: 4px;
              transform: translateY(1px);
              -webkit-transform: translateY(1px); }
    .home-wrapper .ssdlc-wrapper .sides {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .home-wrapper .ssdlc-wrapper .sides .on-left {
        position: relative;
        width: 27.1666%;
        padding-top: 59px; }
        .home-wrapper .ssdlc-wrapper .sides .on-left .tab {
          position: relative;
          height: 60px;
          border-radius: 30px;
          line-height: 60px;
          padding: 0 20px;
          cursor: pointer;
          margin-bottom: 10px;
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
          .home-wrapper .ssdlc-wrapper .sides .on-left .tab:hover {
            color: #31DC67; }
          .home-wrapper .ssdlc-wrapper .sides .on-left .tab.active {
            background: white;
            box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
            color: #31DC67;
            font-weight: 600; }
      .home-wrapper .ssdlc-wrapper .sides .on-right {
        position: relative;
        width: 67.4%;
        background: #185CDC;
        border-radius: 15px;
        overflow: hidden; }
        .home-wrapper .ssdlc-wrapper .sides .on-right .inner {
          position: relative;
          padding-bottom: 80.5%; }
          .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            visibility: hidden;
            opacity: 0; }
            .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view.active {
              visibility: visible;
              opacity: 1;
              transform: translateX(0);
              -webkit-transform: translateX(0); }
              .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view.active .text {
                transform: translateX(0);
                -webkit-transform: translateX(0); }
              .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view.active img {
                visibility: visible;
                opacity: 1;
                transform: translateX(0);
                -webkit-transform: translateX(0); }
            .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view .text {
              position: absolute;
              top: 50px;
              left: 46px;
              color: white;
              z-index: 9999;
              transform: translateX(-30px);
              -webkit-transform: translateX(-30px);
              -webkit-transition: all 0.54s ease-out;
              transition: all 0.54s ease-out; }
              .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view .text h3.small {
                font-size: 33px; }
              .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view .text h3.v-small {
                font-size: 28px; }
            .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view img {
              position: absolute;
              right: -1.8%;
              bottom: -2.6%;
              width: 99%;
              visibility: hidden;
              opacity: 0;
              transform: translateY(30px);
              -webkit-transform: translateY(30px);
              -webkit-transition: all 0.54s ease-out;
              transition: all 0.54s ease-out; }
              .home-wrapper .ssdlc-wrapper .sides .on-right .inner .view img.on-m {
                display: none; }
    .home-wrapper .ssdlc-wrapper .m-buttons {
      display: none; }
  .home-wrapper .videos-wrapper {
    position: relative; }
    .home-wrapper .videos-wrapper .content-wrapper {
      display: flex;
      justify-content: space-between; }
      .home-wrapper .videos-wrapper .content-wrapper .on-left {
        position: relative;
        width: 59.3333%; }
        .home-wrapper .videos-wrapper .content-wrapper .on-left .inner {
          position: relative;
          padding-bottom: 56.25%;
          border-radius: 15px;
          overflow: hidden; }
          .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            visibility: hidden;
            opacity: 0;
            overflow: hidden;
            cursor: pointer; }
            .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view.active {
              visibility: visible;
              opacity: 1; }
              .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view.active .details {
                transform: translateX(0);
                -webkit-transform: translateX(0); }
            .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .grad {
              position: absolute;
              left: 0;
              width: 100%;
              bottom: -6px;
              height: 140px;
              background: linear-gradient(180deg, rgba(24, 55, 135, 0) 0%, rgba(20, 45, 110, 0.8) 100%); }
            .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details {
              position: absolute;
              left: 30px;
              bottom: 34px;
              display: flex;
              align-items: center;
              justify-content: flex-start;
              color: white;
              transform: translateX(-40px);
              -webkit-transform: translateX(-40px);
              -webkit-transition: all 0.44s ease-out;
              transition: all 0.44s ease-out; }
              .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details img {
                width: 42px;
                height: auto;
                margin-right: 26px; }
              .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details .text {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: flex-start; }
                .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details .text h4 {
                  font-weight: 500; }
                .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details .text .pipe {
                  width: 1px;
                  height: 37px;
                  background: white;
                  margin: 0 20px; }
                .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details .text p strong {
                  font-weight: 600;
                  display: block;
                  margin-bottom: 5px; }
        .home-wrapper .videos-wrapper .content-wrapper .on-left .legend {
          position: absolute;
          top: calc( 100% + 40px );
          left: 0;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .home-wrapper .videos-wrapper .content-wrapper .on-left .legend .item {
            position: relative;
            width: 18px;
            margin: 0 14px;
            height: 18px;
            border: 1px solid #9DAEC6;
            border-radius: 50%;
            -webkit-transition: all 0.26s ease-out;
            transition: all 0.26s ease-out;
            cursor: pointer; }
            .home-wrapper .videos-wrapper .content-wrapper .on-left .legend .item:hover {
              background: #00E0C4;
              border-color: #00E0C4; }
            .home-wrapper .videos-wrapper .content-wrapper .on-left .legend .item.active {
              background: #00E0C4;
              border-color: #00E0C4; }
      .home-wrapper .videos-wrapper .content-wrapper .on-right {
        position: relative;
        width: 35.75%;
        padding-top: 30px;
        align-self: stretch; }
        .home-wrapper .videos-wrapper .content-wrapper .on-right .button {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 267px; }
          .home-wrapper .videos-wrapper .content-wrapper .on-right .button img {
            height: 12px;
            transform: translateY(1px);
            -webkit-transform: translateY(1px);
            margin-left: 4px; }
    .home-wrapper .videos-wrapper .m-link {
      display: none; }
  .home-wrapper .home-resources {
    position: relative; }
    .home-wrapper .home-resources .button {
      position: absolute;
      right: 0;
      top: 6px;
      background: transparent;
      color: #001340;
      border: 1px solid #001340;
      width: 243px;
      line-height: 39px;
      z-index: 2; }
      .home-wrapper .home-resources .button img {
        height: 12px;
        margin-left: 4px;
        transform: translateY(1px);
        -webkit-transform: translateY(1px); }
    .home-wrapper .home-resources .grid {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: -40px -2% 0; }
      .home-wrapper .home-resources .grid .item {
        position: relative;
        margin-left: 2%;
        margin-right: 2%;
        width: calc( (100% / 3 ) - 4% ); }
        .home-wrapper .home-resources .grid .item .image-wrapper {
          position: relative;
          padding-bottom: 49%;
          border-radius: 10px;
          overflow: hidden; }
          .home-wrapper .home-resources .grid .item .image-wrapper .play {
            left: 20px;
            bottom: 20px;
            width: 34px;
            position: absolute; }
        .home-wrapper .home-resources .grid .item .more {
          color: #31DC67; }
          .home-wrapper .home-resources .grid .item .more img {
            height: 9px;
            margin-left: 4px; }
            .home-wrapper .home-resources .grid .item .more img.play {
              height: 14px;
              transform: translateY(2px);
              -webkit-transform: translateY(2px); }

.badges {
  position: fixed;
  right: 38px;
  bottom: 110px;
  z-index: 999;
  width: 54px;
  -webkit-transition: all 0.44s ease-out;
  transition: all 0.44s ease-out; }
  .badges.hide {
    visibility: hidden;
    opacity: 0;
    transform: translateY(24px);
    -webkit-transform: translateY(24px); }
  .badges img {
    display: block;
    width: 100%;
    margin-top: 14px; }
    .badges img.second {
      width: calc( 100% + 5px ); }

#hero-m-button {
  display: none; }

@media only screen and (max-width: 1280px) {
  .home-wrapper .hero-new .anim-text-wrapper .text-wrapper {
    max-width: 600px;
    left: calc( 100% - 600px ); }
    .home-wrapper .hero-new .anim-text-wrapper .text-wrapper h1.fs-60-76 {
      font-size: 52px;
      line-height: 66px; }
    .home-wrapper .hero-new .anim-text-wrapper .text-wrapper p.m-t-40 {
      margin-top: 20px; }
    .home-wrapper .hero-new .anim-text-wrapper .text-wrapper p.fs-20-32 {
      font-size: 18px;
      line-height: 28px; }
    .home-wrapper .hero-new .anim-text-wrapper .text-wrapper .button {
      margin-top: 20px; } }
@media only screen and (max-width: 1023px) {
  .home-wrapper {
    padding: 100px 0 80px; }

  .home-wrapper .hero .news-banner {
    margin: -10px -10px 30px;
    padding: 17px 20px;
    height: auto; }
    .home-wrapper .hero .news-banner p {
      width: calc(100% - 20px);
      padding-right: 10px;
      font-size: 15px; }
      .home-wrapper .hero .news-banner p.on-d {
        display: none; }
      .home-wrapper .hero .news-banner p.on-m {
        display: block; }
    .home-wrapper .hero .news-banner img {
      width: 20px; }

  .home-wrapper .hero-new .news-banner {
    margin: -10px -10px 30px;
    padding: 17px 20px;
    height: auto; }
    .home-wrapper .hero-new .news-banner p {
      width: calc(100% - 20px);
      padding-right: 10px;
      font-size: 15px; }
      .home-wrapper .hero-new .news-banner p.on-d {
        display: none; }
      .home-wrapper .hero-new .news-banner p.on-m {
        display: block; }
    .home-wrapper .hero-new .news-banner img {
      width: 20px; }

  .home-wrapper .hero .content-wrapper h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 15px auto;
    max-width: 216px;
    font-weight: 300; }

  .home-wrapper .hero .screens {
    width: 100vw;
    margin-left: -30px;
    margin-top: 40px; }

  .home-wrapper .hero .screens .inner {
    padding-bottom: 0; }

  .home-wrapper .hero .screens .inner .screen-1 {
    width: calc( 100% - 60px );
    position: relative; }

  .home-wrapper .hero .screens .inner .screen-2 {
    margin-left: 60px;
    margin-top: -48px;
    width: calc( 100% - 60px );
    position: relative; }

  .home-wrapper .hero .diagonal {
    left: -100vw;
    bottom: 0;
    height: 102vw;
    width: 300vw;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg); }

  .home-wrapper .hero .arrow {
    display: block;
    height: 9px;
    margin: 35px auto 0; }

  .home-wrapper .message-logos {
    margin-top: 60px;
    background: white;
    padding: 40px 0 10px; }
    .home-wrapper .message-logos .content-wrapper {
      width: calc( 100% - 100px ); }
      .home-wrapper .message-logos .content-wrapper .inner {
        width: 100%; }
        .home-wrapper .message-logos .content-wrapper .inner p.fs-35-53 {
          font-size: 20px;
          line-height: 35px; }
        .home-wrapper .message-logos .content-wrapper .inner p.fs-20-32 {
          margin-top: 40px;
          font-size: 14px;
          line-height: 16px; }
        .home-wrapper .message-logos .content-wrapper .inner img.on-d {
          display: none; }
        .home-wrapper .message-logos .content-wrapper .inner img.on-m {
          display: block; }
        .home-wrapper .message-logos .content-wrapper .inner .logos {
          margin: 20px -30px 0; }
          .home-wrapper .message-logos .content-wrapper .inner .logos .logo-wrapper {
            width: calc( 50% - 40px );
            max-width: 122px;
            margin: 0 20px 30px; }

  .home-wrapper .solutions-wrapper {
    margin-top: 80px; }

  .home-wrapper .solutions-wrapper .box {
    display: none; }

  .home-wrapper .solutions-wrapper .drawer {
    display: block;
    position: relative;
    background: white;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
    border-radius: 15px;
    overflow: hidden; }
    .home-wrapper .solutions-wrapper .drawer.new .item .main {
      padding: 0 34px;
      height: 120px; }
      .home-wrapper .solutions-wrapper .drawer.new .item .main .text {
        padding: 4px 0 4px 10px;
        border-left: 2px solid #31DC67;
        width: 100%; }
        .home-wrapper .solutions-wrapper .drawer.new .item .main .text h3 {
          font-size: 18px; }
        .home-wrapper .solutions-wrapper .drawer.new .item .main .text p {
          font-size: 11px;
          line-height: 18px;
          margin-top: 4px;
          font-weight: 400; }
    .home-wrapper .solutions-wrapper .drawer .item {
      position: relative;
      background: white;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
      .home-wrapper .solutions-wrapper .drawer .item.active .main {
        height: 140px; }
        .home-wrapper .solutions-wrapper .drawer .item.active .main .icon-wrapper {
          width: 90px; }
        .home-wrapper .solutions-wrapper .drawer .item.active .main .text {
          width: calc( 100% - 110px ); }
          .home-wrapper .solutions-wrapper .drawer .item.active .main .text p {
            font-weight: 600; }
      .home-wrapper .solutions-wrapper .drawer .item.active .ext {
        display: block; }
      .home-wrapper .solutions-wrapper .drawer .item .main {
        position: relative;
        height: 90px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        cursor: pointer; }
        .home-wrapper .solutions-wrapper .drawer .item .main .icon-wrapper {
          position: relative;
          width: 50px;
          margin-right: 20px; }
          .home-wrapper .solutions-wrapper .drawer .item .main .icon-wrapper img {
            display: block;
            width: 100%; }
        .home-wrapper .solutions-wrapper .drawer .item .main .text {
          position: relative;
          width: calc( 100% - 70px ); }
          .home-wrapper .solutions-wrapper .drawer .item .main .text p {
            font-size: 14px;
            line-height: 22px;
            font-weight: 300; }
      .home-wrapper .solutions-wrapper .drawer .item .ext {
        position: relative;
        padding: 0 20px 28px;
        display: none; }
        .home-wrapper .solutions-wrapper .drawer .item .ext p {
          font-size: 20px;
          line-height: 30px;
          font-weight: 300; }
        .home-wrapper .solutions-wrapper .drawer .item .ext .bullets {
          position: relative;
          margin-top: 40px; }
          .home-wrapper .solutions-wrapper .drawer .item .ext .bullets .bullet {
            position: relative;
            height: 60px;
            background: #f2f5f9;
            text-align: center;
            padding: 0 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 14px; }
        .home-wrapper .solutions-wrapper .drawer .item .ext .button {
          margin-top: 30px;
          width: 100%;
          height: 50px;
          font-size: 15px; }
          .home-wrapper .solutions-wrapper .drawer .item .ext .button a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 30px; }
          .home-wrapper .solutions-wrapper .drawer .item .ext .button img {
            height: 12px; }

  .home-wrapper .ssdlc-wrapper {
    margin-top: 100px; }

  .home-wrapper .ssdlc-wrapper .buttons {
    display: none; }

  .home-wrapper .ssdlc-wrapper .sides .on-left {
    display: none; }

  .home-wrapper .ssdlc-wrapper .sides {
    display: block;
    margin-top: 84px; }

  .home-wrapper .ssdlc-wrapper .sides .on-right {
    width: 100vw;
    margin-left: -30px;
    border-radius: 0;
    overflow: visible; }

  .home-wrapper .ssdlc-wrapper .sides .on-right .inner {
    padding-bottom: 0%; }
    .home-wrapper .ssdlc-wrapper .sides .on-right .inner .views {
      position: relative; }
      .home-wrapper .ssdlc-wrapper .sides .on-right .inner .views .view {
        position: relative;
        height: 120vw;
        display: block;
        visibility: visible;
        opacity: 1;
        overflow: hidden; }
        .home-wrapper .ssdlc-wrapper .sides .on-right .inner .views .view .text {
          top: 60px;
          left: 30px;
          width: calc( 100% - 60px );
          transform: translateX(0);
          -webkit-transform: translateX(0);
          visibility: visible;
          opacity: 1; }
          .home-wrapper .ssdlc-wrapper .sides .on-right .inner .views .view .text h3 {
            font-size: 24px;
            line-height: 30px; }
          .home-wrapper .ssdlc-wrapper .sides .on-right .inner .views .view .text p {
            font-size: 14px;
            line-height: 24px;
            margin-top: 9px; }
        .home-wrapper .ssdlc-wrapper .sides .on-right .inner .views .view img {
          right: -2.6%;
          bottom: -1.6%;
          width: calc(100% - 10px);
          transform: translateX(0);
          -webkit-transform: translateX(0);
          visibility: visible;
          opacity: 1; }
          .home-wrapper .ssdlc-wrapper .sides .on-right .inner .views .view img.on-d {
            display: none; }
          .home-wrapper .ssdlc-wrapper .sides .on-right .inner .views .view img.on-m {
            display: block; }
    .home-wrapper .ssdlc-wrapper .sides .on-right .inner .slick-dots {
      bottom: calc( 100% + 30px ); }
      .home-wrapper .ssdlc-wrapper .sides .on-right .inner .slick-dots li {
        height: 14px;
        width: 14px;
        margin: 0 12px; }
        .home-wrapper .ssdlc-wrapper .sides .on-right .inner .slick-dots li.slick-active button {
          background: #00E0C4;
          border-color: #00E0C4; }
        .home-wrapper .ssdlc-wrapper .sides .on-right .inner .slick-dots li button {
          border: 1px solid #9DAEC6;
          border-radius: 50%;
          padding: 0;
          height: 14px;
          width: 14px; }
          .home-wrapper .ssdlc-wrapper .sides .on-right .inner .slick-dots li button:before {
            display: none; }

  .home-wrapper .ssdlc-wrapper .m-buttons {
    display: block;
    margin-top: 40px; }
    .home-wrapper .ssdlc-wrapper .m-buttons .button {
      width: 100%;
      margin-top: 20px;
      height: 40px;
      line-height: 40px; }
      .home-wrapper .ssdlc-wrapper .m-buttons .button.second {
        background: transparent;
        color: #001340;
        border: 1px solid #001340;
        line-height: 38px; }

  .home-wrapper .videos-wrapper {
    margin-top: 104px !important; }

  .home-wrapper .videos-wrapper .content-wrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left {
    width: calc( 100% + 60px );
    margin: 40px -30px; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner {
    border-radius: 0; }

  .home-wrapper .videos-wrapper .content-wrapper .on-right {
    width: 100%;
    padding-top: 0; }
    .home-wrapper .videos-wrapper .content-wrapper .on-right h2 {
      text-align: center;
      line-height: 34px;
      font-size: 24px; }

  .home-wrapper .videos-wrapper .content-wrapper .on-right .button {
    display: none; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .legend {
    display: none; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner {
    padding-bottom: 0;
    overflow: visible; }
    .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .slick-dots {
      bottom: auto;
      top: calc( 100% + 30px ); }
      .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .slick-dots li {
        height: 14px;
        width: 14px;
        margin: 0 12px; }
        .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .slick-dots li.slick-active button {
          background: #00E0C4;
          border-color: #00E0C4; }
        .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .slick-dots li button {
          border: 1px solid #9DAEC6;
          border-radius: 50%;
          padding: 0;
          height: 14px;
          width: 14px; }
          .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .slick-dots li button:before {
            display: none; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view {
    visibility: visible;
    opacity: 1;
    position: relative;
    height: 56.25vw; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    display: block;
    left: 20px;
    bottom: 20px;
    width: calc( 100% - 40px ); }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details img {
    width: 30px;
    margin-right: 0;
    margin-bottom: 10px; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details .text h4 {
    font-size: 20px;
    line-height: 22px;
    max-width: 140px; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details .text .pipe {
    margin: 0 10px;
    height: 36px; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details .text p {
    font-size: 12px; }
    .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .details .text p strong {
      font-size: 16px; }

  .home-wrapper .videos-wrapper .m-link {
    position: relative;
    display: block; }
    .home-wrapper .videos-wrapper .m-link a {
      position: relative;
      display: block;
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      line-height: 16px; }
      .home-wrapper .videos-wrapper .m-link a img {
        height: 11px;
        margin-left: 4px; }

  .home-wrapper .home-resources {
    margin-top: 100px;
    background: white;
    padding: 50px 0; }
    .home-wrapper .home-resources h2.fs-40-50 {
      font-size: 24px;
      line-height: 26px; }

  .home-wrapper .home-resources .button {
    display: none; }

  .home-wrapper .home-resources .grid-wrapper {
    position: relative;
    width: calc( 100% + 30px );
    overflow: auto; }

  .home-wrapper .home-resources .grid {
    flex-wrap: nowrap;
    margin: 30px 0 0;
    width: 990px; }

  .home-wrapper .home-resources .grid .item {
    margin-right: 30px;
    margin-left: 0;
    width: 300px;
    margin-top: 0; }

  .home-wrapper .videos-wrapper .content-wrapper .on-left .inner .view .grad {
    height: 90px; }

  .badges {
    display: none; }

  .home-wrapper .ssdlc-wrapper .headline-buttons {
    display: block; }

  .home-wrapper .ssdlc-wrapper .headline-buttons .headline {
    width: 100%; }

  .home-wrapper .ssdlc-wrapper .headline-buttons .buttons {
    display: none; }

  .home-wrapper .hero-new .anim-text-wrapper {
    padding-top: 0; }
    .home-wrapper .hero-new .anim-text-wrapper .text-wrapper {
      position: relative;
      left: auto;
      top: auto;
      max-width: 260px !important; }
      .home-wrapper .hero-new .anim-text-wrapper .text-wrapper .fs-60-76 {
        font-size: 36px;
        line-height: 42px;
        letter-spacing: 0.803398px;
        font-weight: 500; }
      .home-wrapper .hero-new .anim-text-wrapper .text-wrapper p {
        display: none; }
    .home-wrapper .hero-new .anim-text-wrapper .anim-outer-wrapper {
      position: relative;
      margin-top: 30px;
      padding-bottom: 0; }
      .home-wrapper .hero-new .anim-text-wrapper .anim-outer-wrapper .anim-wrapper {
        position: relative;
        text-align: center;
        left: 0;
        top: 0;
        width: calc( 100% + 68px );
        margin: -30px -38px 0px; }
        .home-wrapper .hero-new .anim-text-wrapper .anim-outer-wrapper .anim-wrapper img {
          max-width: 90%; }
    .home-wrapper .hero-new .anim-text-wrapper p.on-m {
      display: block;
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.803398px;
      margin-top: 19px; }
      .home-wrapper .hero-new .anim-text-wrapper p.on-m .c-red {
        color: #FF5472;
        font-weight: 400; }

  .home-wrapper .message-logos .content-wrapper .inner p.fs-20-32 {
    margin-top: 0; }

  .home-wrapper .hero-new .diagonal {
    bottom: -234px;
    transform: rotate(350deg);
    -webkit-transform: rotate(350deg); }

  .home-wrapper .hero-new .anim-text-wrapper .text-wrapper .button.on-d {
    display: none; }

  .home-wrapper .hero-new .anim-text-wrapper .text-wrapper h1.fs-60-76 {
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 0.803398px;
    font-weight: 500; }

  #hero-m-button {
    display: block;
    position: fixed;
    z-index: 99;
    width: calc( 100% - 60px );
    left: 30px;
    bottom: 30px;
    -webkit-transition: all 0.26s ease-out;
    transition: all 0.26s ease-out; }
    #hero-m-button.hide {
      transform: translateY(20px);
      -webkit-transform: translateY(20px);
      visibility: hidden;
      opacity: 0; } }
.resources-wrapper {
  position: relative;
  padding: 85px 0 100px; }
  .resources-wrapper .cover {
    position: relative;
    height: 23vw; }
    .resources-wrapper .cover .content-wrapper {
      height: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      color: white; }
  .resources-wrapper .events {
    position: relative;
    margin-top: -100px; }
    .resources-wrapper .events .event {
      position: relative;
      padding: 30px 27% 30px 40px;
      background: white;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
      min-height: 300px;
      border-radius: 15px;
      overflow: hidden;
      margin-bottom: 40px; }
      .resources-wrapper .events .event .logo-wrapper {
        position: absolute;
        right: 0;
        top: 0;
        width: 25%;
        min-width: 300px;
        height: 100%;
        background: #658FE2;
        display: flex;
        align-items: center;
        justify-content: center; }
        .resources-wrapper .events .event .logo-wrapper img {
          display: block;
          max-width: 160px;
          margin: auto; }
      .resources-wrapper .events .event .date-location .pipe {
        margin: 0 20px;
        width: 1px;
        height: 27px;
        background: #CFD4DD; }
      .resources-wrapper .events .event .more {
        position: absolute;
        left: 40px;
        bottom: 30px;
        color: #31DC67;
        font-weight: 600; }
        .resources-wrapper .events .event .more img {
          height: 9px;
          margin-left: 4px; }
  .resources-wrapper .main {
    position: relative; }
    .resources-wrapper .main .legend {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      z-index: 2; }
      .resources-wrapper .main .legend p {
        margin-right: 30px;
        font-weight: 300; }
        .resources-wrapper .main .legend p.active {
          font-weight: 600; }
    .resources-wrapper .main .m-select-wrapper {
      display: none; }
    .resources-wrapper .main .grid {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: -20px -2% 0; }
      .resources-wrapper .main .grid .item {
        position: relative;
        margin-left: 2%;
        margin-right: 2%;
        width: calc( (100% / 3 ) - 4% ); }
        .resources-wrapper .main .grid .item .image-wrapper {
          position: relative;
          padding-bottom: 49%;
          border-radius: 10px;
          overflow: hidden; }
          .resources-wrapper .main .grid .item .image-wrapper .play {
            left: 20px;
            bottom: 20px;
            width: 34px;
            position: absolute; }
        .resources-wrapper .main .grid .item .more {
          color: #31DC67; }
          .resources-wrapper .main .grid .item .more img {
            height: 9px;
            margin-left: 4px; }
            .resources-wrapper .main .grid .item .more img.play {
              height: 14px;
              transform: translateY(2px);
              -webkit-transform: translateY(2px); }

@media only screen and (max-width: 1023px) {
  .resources-wrapper {
    padding: 0 0 100px; }

  .resources-wrapper .cover {
    height: 66vw; }
    .resources-wrapper .cover .content-wrapper h1 {
      font-size: 30px;
      font-weight: 300; }

  .resources-wrapper .main {
    margin-top: 0; }

  .resources-wrapper .main .legend {
    display: none; }

  .resources-wrapper .main .m-select-wrapper {
    display: block;
    position: relative;
    margin-top: -30px; }
    .resources-wrapper .main .m-select-wrapper.w-margin {
      margin-top: 50px; }
    .resources-wrapper .main .m-select-wrapper select {
      width: 100%;
      -webkit-appearance: none;
      border-radius: 30px;
      background: white;
      height: 50px;
      box-shadow: 0 0 25px 0 rgba(39, 39, 39, 0.2);
      border: 0;
      padding: 0 30px;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      outline: 0; }
    .resources-wrapper .main .m-select-wrapper img {
      position: absolute;
      right: 30px;
      height: 8px;
      top: 50%;
      margin-top: -4px; }

  .resources-wrapper .main .grid {
    margin: 50px 0 0;
    display: block; }

  .resources-wrapper .main .grid .item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-top: 50px; }
    .resources-wrapper .main .grid .item h2 {
      margin-top: 20px;
      font-size: 22px;
      line-height: 30px; }
    .resources-wrapper .main .grid .item p {
      margin-top: 15px; }

  .resources-wrapper .events {
    margin-top: -50px; }

  .resources-wrapper .events .event {
    padding: 30px;
    border-radius: 10px; }

  .resources-wrapper .events .event .logo-wrapper {
    width: 100%;
    min-width: 0;
    height: 132px;
    position: relative; }

  .resources-wrapper .events .event .logo-wrapper img {
    max-width: initial;
    margin: auto;
    height: calc( 100% - 50px ); }

  .resources-wrapper .events .event .date-location {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px; }
    .resources-wrapper .events .event .date-location .pipe {
      display: none; }

  .resources-wrapper .events .event h2 {
    margin-top: 12px; }

  .resources-wrapper .events .event p {
    margin-top: 16px;
    line-height: 26px; }

  .resources-wrapper .events .event .more {
    position: relative;
    left: 0;
    bottom: 0; } }
.partners-wrapper {
  position: relative;
  padding: 125px 0 120px; }
  .partners-wrapper .hero {
    position: relative; }
    .partners-wrapper .hero .content-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .partners-wrapper .hero .content-wrapper .text-wrapper {
        position: relative;
        padding-top: 40px;
        width: 46.25%; }
      .partners-wrapper .hero .content-wrapper img {
        display: block;
        width: 45.25%;
        height: auto; }
  .partners-wrapper .partners {
    position: relative; }
    .partners-wrapper .partners .items {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: 0 -2%; }
      .partners-wrapper .partners .items .item {
        position: relative;
        margin-left: 2%;
        margin-right: 2%;
        width: calc( (100% / 3 ) - 4% ); }
        .partners-wrapper .partners .items .item .logo-wrapper {
          position: relative;
          background: white;
          border-radius: 15px;
          padding-bottom: 33%; }
          .partners-wrapper .partners .items .item .logo-wrapper .inner {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center; }
            .partners-wrapper .partners .items .item .logo-wrapper .inner img {
              display: block;
              margin: auto; }
        .partners-wrapper .partners .items .item .more {
          color: #31DC67;
          font-weight: 600; }
          .partners-wrapper .partners .items .item .more img {
            height: 9px;
            margin-left: 4px; }

@media only screen and (max-width: 1023px) {
  .partners-wrapper {
    padding: 100px 0 120px; }

  .partners-wrapper .hero .content-wrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse; }

  .partners-wrapper .hero .content-wrapper img {
    width: 100%; }

  .partners-wrapper .hero .content-wrapper .text-wrapper {
    padding-top: 30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .partners-wrapper .hero .content-wrapper .text-wrapper h1 {
      font-size: 29px;
      white-space: nowrap;
      text-align: center;
      line-height: 34px;
      width: 100%;
      order: 1; }
    .partners-wrapper .hero .content-wrapper .text-wrapper p {
      margin-top: 40px;
      font-size: 14px;
      line-height: 24px;
      width: 100%;
      order: 3; }
    .partners-wrapper .hero .content-wrapper .text-wrapper .button {
      order: 2;
      width: 100%;
      display: block;
      height: 50px;
      line-height: 50px;
      font-size: 16px; }

  .partners-wrapper .partners {
    margin-top: 80px; }

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

  .partners-wrapper .partners .items .item {
    margin-left: 0;
    margin-right: 0;
    margin-top: 60px;
    width: 100%; }
    .partners-wrapper .partners .items .item p {
      line-height: 24px; }

  .partners-wrapper .partners .items .item .logo-wrapper {
    padding-bottom: 42%; }

  .partners-wrapper .partners .items .item .more {
    margin-top: 17px; } }
.careers-wrapper {
  position: relative;
  padding: 115px 0 204px; }
  .careers-wrapper .on-top {
    position: relative; }
    .careers-wrapper .on-top .content-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .careers-wrapper .on-top .content-wrapper .text-wrapper {
        position: relative;
        width: 58%;
        padding-top: 100px; }
        .careers-wrapper .on-top .content-wrapper .text-wrapper p {
          max-width: 90%; }
        .careers-wrapper .on-top .content-wrapper .text-wrapper .text-block {
          position: relative; }
          .careers-wrapper .on-top .content-wrapper .text-wrapper .text-block h2 {
            display: flex;
            align-items: center;
            justify-content: flex-start; }
            .careers-wrapper .on-top .content-wrapper .text-wrapper .text-block h2 img {
              width: 80px;
              height: auto;
              margin-right: 30px;
              display: block; }
        .careers-wrapper .on-top .content-wrapper .text-wrapper .m-circle-headline {
          display: none; }
        .careers-wrapper .on-top .content-wrapper .text-wrapper .arrow {
          display: none; }
      .careers-wrapper .on-top .content-wrapper .image-wrapper {
        position: relative;
        width: 66.6666%;
        margin-right: -16.6666%; }
        .careers-wrapper .on-top .content-wrapper .image-wrapper .image {
          position: relative;
          padding-bottom: 100%;
          border-radius: 50%; }
  .careers-wrapper .positions-banner {
    display: none; }
  .careers-wrapper .positions {
    position: relative; }
    .careers-wrapper .positions .m-header {
      display: none; }
    .careers-wrapper .positions .m-headline-wrapper {
      display: none; }
    .careers-wrapper .positions .filters {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .careers-wrapper .positions .filters .locations {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap; }
        .careers-wrapper .positions .filters .locations .item {
          position: relative;
          cursor: pointer;
          margin-right: 30px;
          margin-bottom: 20px; }
          .careers-wrapper .positions .filters .locations .item.active {
            font-weight: 600; }
    .careers-wrapper .positions .categories {
      position: relative; }
      .careers-wrapper .positions .categories:hover .options {
        visibility: visible;
        opacity: 1; }
      .careers-wrapper .positions .categories .title {
        position: relative;
        color: #31DC67;
        cursor: pointer; }
        .careers-wrapper .positions .categories .title img {
          height: 16px;
          margin-right: 8px;
          transform: translateY(2px);
          -webkit-transform: translateY(2px); }
      .careers-wrapper .positions .categories .options {
        position: absolute;
        right: -10px;
        top: -10px;
        width: 230px;
        background: white;
        border-radius: 15px;
        box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
        padding: 20px 40px 40px;
        text-align: center;
        z-index: 2;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.26s ease-out;
        transition: all 0.26s ease-out; }
        .careers-wrapper .positions .categories .options .item {
          position: relative;
          cursor: pointer;
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
          .careers-wrapper .positions .categories .options .item:hover {
            color: #31DC67; }
          .careers-wrapper .positions .categories .options .item.active {
            font-weight: 600;
            cursor: default; }
            .careers-wrapper .positions .categories .options .item.active:hover {
              color: #001340; }
    .careers-wrapper .positions .list {
      position: relative;
      -webkit-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out; }
      .careers-wrapper .positions .list.go-down {
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
        visibility: hidden;
        opacity: 0; }
      .careers-wrapper .positions .list .location {
        position: relative;
        display: none; }
        .careers-wrapper .positions .list .location.active {
          display: block; }
      .careers-wrapper .positions .list h3 {
        font-weight: 600;
        color: #9DAEC6; }
      .careers-wrapper .positions .list .position {
        display: none;
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #CFD4DD;
        -webkit-transition: all 0.26s ease-out;
        transition: all 0.26s ease-out; }
        .careers-wrapper .positions .list .position:hover {
          color: #31DC67; }

@media only screen and (max-width: 1023px) {
  .careers-wrapper {
    padding: 100px 0 120px; }

  .careers-wrapper .on-top .content-wrapper {
    display: block; }

  .careers-wrapper .on-top .content-wrapper .text-wrapper {
    width: 100%;
    padding-top: 0;
    text-align: center; }
    .careers-wrapper .on-top .content-wrapper .text-wrapper h2 {
      font-size: 16px;
      line-height: 26px; }
    .careers-wrapper .on-top .content-wrapper .text-wrapper h1 {
      display: none; }
    .careers-wrapper .on-top .content-wrapper .text-wrapper p {
      max-width: 100%;
      font-size: 19px;
      font-weight: 300;
      line-height: 30px;
      margin-top: 30px; }

  .careers-wrapper .on-top .content-wrapper .text-wrapper .m-circle-headline {
    display: block;
    position: relative;
    width: calc( 100vw + 90px );
    height: calc( 100vw + 90px );
    margin: 20px -75px 0;
    border-radius: 50%;
    overflow: hidden; }
    .careers-wrapper .on-top .content-wrapper .text-wrapper .m-circle-headline .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(180deg, rgba(0, 77, 220, 0.2) 0%, rgba(20, 45, 110, 0.8) 100%); }
    .careers-wrapper .on-top .content-wrapper .text-wrapper .m-circle-headline h1 {
      display: block;
      color: white;
      font-size: 34px;
      line-height: 50px;
      font-weight: 300;
      text-align: center;
      position: absolute;
      bottom: 50px;
      left: 65px;
      width: calc( 100% - 130px ); }

  .careers-wrapper .on-top .content-wrapper .image-wrapper {
    display: none; }

  .careers-wrapper .on-top .content-wrapper .text-wrapper .arrow {
    display: block;
    height: 9px;
    margin: 29px auto 0; }

  .careers-wrapper .on-top .content-wrapper .text-wrapper .text-block {
    margin-top: 80px; }
    .careers-wrapper .on-top .content-wrapper .text-wrapper .text-block.second {
      margin-top: 60px; }
    .careers-wrapper .on-top .content-wrapper .text-wrapper .text-block p {
      font-size: 16px;
      line-height: 26px;
      text-align: left;
      margin-top: 20px; }

  .careers-wrapper .on-top .content-wrapper .text-wrapper .text-block h2 {
    display: block;
    font-size: 30px;
    text-align: left; }
    .careers-wrapper .on-top .content-wrapper .text-wrapper .text-block h2 img {
      margin-right: 0;
      margin-bottom: 30px; }

  .careers-wrapper .positions-banner {
    display: block;
    position: relative; }
    .careers-wrapper .positions-banner .banner {
      position: relative;
      margin-top: 70px;
      height: 180px;
      background: #31DC67;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
      padding: 0 30px; }
      .careers-wrapper .positions-banner .banner .inner {
        position: relative;
        width: 100%; }
        .careers-wrapper .positions-banner .banner .inner h2 {
          font-size: 24px;
          line-height: 26px;
          font-weight: 300; }
        .careers-wrapper .positions-banner .banner .inner .button {
          margin: 20px auto 0;
          width: 100%;
          background: white;
          color: #31DC67;
          font-size: 16px; }

  .careers-wrapper .positions {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    margin: 0;
    z-index: 99999;
    overflow: auto;
    padding-bottom: 120px;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -webkit-transition: all 0.26s ease-out;
    transition: all 0.26s ease-out; }
    .careers-wrapper .positions.show {
      transform: translateY(0);
      -webkit-transform: translateY(0); }
    .careers-wrapper .positions h2 {
      display: none; }
    .careers-wrapper .positions .filters {
      display: none; }
    .careers-wrapper .positions .m-header {
      display: block;
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      height: 65px;
      background: #31DC67;
      z-index: 22; }
      .careers-wrapper .positions .m-header .content-wrapper {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .careers-wrapper .positions .m-header .content-wrapper .icon {
          height: 25px;
          display: block; }
        .careers-wrapper .positions .m-header .content-wrapper .x-button {
          cursor: pointer;
          position: relative;
          height: 100%;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          .careers-wrapper .positions .m-header .content-wrapper .x-button img {
            height: 15px; }
    .careers-wrapper .positions .m-headline-wrapper {
      display: block;
      position: relative;
      background: #31DC67;
      height: 334px;
      margin-top: -65px;
      padding: 85px 30px 0;
      color: white;
      margin-bottom: 83px; }
      .careers-wrapper .positions .m-headline-wrapper h2 {
        display: block;
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 30px; }
      .careers-wrapper .positions .m-headline-wrapper .select-wrapper {
        position: relative;
        margin-top: 20px;
        background: white;
        border-radius: 30px;
        height: 50px;
        overflow: hidden; }
        .careers-wrapper .positions .m-headline-wrapper .select-wrapper img {
          position: absolute;
          height: 16px;
          top: 50%;
          margin-top: -8px;
          left: 40px; }
        .careers-wrapper .positions .m-headline-wrapper .select-wrapper select {
          position: relative;
          -webkit-appearance: none;
          background: transparent;
          cursor: pointer;
          width: 100%;
          height: 100%;
          color: #31DC67;
          font-size: 16px;
          padding-left: 74px;
          border: 0;
          outline: 0;
          font-family: "Poppins", sans-serif; }
    .careers-wrapper .positions .list h3 {
      font-weight: 300;
      color: #001340; }
    .careers-wrapper .positions .list .position {
      font-size: 16px;
      line-height: 17px; } }
.position-wrapper {
  position: relative;
  padding: 85px 0 90px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  .position-wrapper .m-cover {
    display: none; }
  .position-wrapper .on-left {
    position: relative;
    width: 65%;
    padding-top: 80px;
    padding-right: 40px; }
    .position-wrapper .on-left .content {
      position: relative;
      padding-left: calc( (100vw - 1200px) / 2 ); }
      .position-wrapper .on-left .content .inner {
        position: relative;
        max-width: 770px; }
        .position-wrapper .on-left .content .inner .back {
          color: #31DC67;
          position: relative; }
          .position-wrapper .on-left .content .inner .back img {
            height: 12px;
            margin-right: 6px; }
        .position-wrapper .on-left .content .inner .wysiwyg {
          position: relative; }
          .position-wrapper .on-left .content .inner .wysiwyg p, .position-wrapper .on-left .content .inner .wysiwyg h6, .position-wrapper .on-left .content .inner .wysiwyg h5, .position-wrapper .on-left .content .inner .wysiwyg h4, .position-wrapper .on-left .content .inner .wysiwyg h3, .position-wrapper .on-left .content .inner .wysiwyg h2, .position-wrapper .on-left .content .inner .wysiwyg ul, .position-wrapper .on-left .content .inner .wysiwyg ol {
            margin-bottom: 30px; }
          .position-wrapper .on-left .content .inner .wysiwyg p {
            font-size: 18px;
            line-height: 29px; }
          .position-wrapper .on-left .content .inner .wysiwyg h4, .position-wrapper .on-left .content .inner .wysiwyg h3, .position-wrapper .on-left .content .inner .wysiwyg h2 {
            font-size: 22px;
            line-height: 30px;
            margin-top: 50px; }
          .position-wrapper .on-left .content .inner .wysiwyg a {
            color: #31DC67; }
          .position-wrapper .on-left .content .inner .wysiwyg ol, .position-wrapper .on-left .content .inner .wysiwyg ul {
            position: relative;
            font-size: 18px;
            line-height: 29px;
            padding-left: 20px; }
            .position-wrapper .on-left .content .inner .wysiwyg ol li ol, .position-wrapper .on-left .content .inner .wysiwyg ol li ul, .position-wrapper .on-left .content .inner .wysiwyg ul li ol, .position-wrapper .on-left .content .inner .wysiwyg ul li ul {
              margin-top: 30px; }
          .position-wrapper .on-left .content .inner .wysiwyg ol {
            list-style-type: decimal; }
          .position-wrapper .on-left .content .inner .wysiwyg ul {
            list-style-type: disc; }
        .position-wrapper .on-left .content .inner .apply-banner {
          display: none; }
  .position-wrapper .on-right {
    position: relative;
    width: 35%;
    background: white;
    min-height: 100vh;
    align-self: stretch; }
    .position-wrapper .on-right .image-wrapper {
      position: relative; }
      .position-wrapper .on-right .image-wrapper .image {
        position: relative;
        height: 250px; }
    .position-wrapper .on-right .content {
      position: relative;
      width: 68%;
      margin-left: auto;
      margin-right: auto;
      max-width: 340px; }
      .position-wrapper .on-right .content .back {
        display: none; }
      .position-wrapper .on-right .content h2 {
        display: none; }
      .position-wrapper .on-right .content .form-wrapper {
        position: relative;
        margin-top: 40px; }
        .position-wrapper .on-right .content .form-wrapper input {
          background: transparent;
          border: 0;
          border-bottom: 1px solid #9DAEC6;
          font-family: "Poppins", sans-serif;
          font-weight: 400;
          font-size: 18px;
          padding-left: 0;
          width: 100%;
          outline: 0;
          height: 44px;
          padding-bottom: 20px;
          margin-bottom: 30px; }
          .position-wrapper .on-right .content .form-wrapper input::-webkit-input-placeholder {
            color: #001340 !important;
            font-family: "Poppins", sans-serif; }
          .position-wrapper .on-right .content .form-wrapper input::-moz-placeholder {
            color: #001340 !important;
            font-family: "Poppins", sans-serif; }
          .position-wrapper .on-right .content .form-wrapper input:-ms-input-placeholder {
            color: #001340 !important;
            font-family: "Poppins", sans-serif; }
          .position-wrapper .on-right .content .form-wrapper input:-moz-placeholder {
            color: #001340 !important;
            font-family: "Poppins", sans-serif; }
          .position-wrapper .on-right .content .form-wrapper input.error {
            border-color: red; }
          .position-wrapper .on-right .content .form-wrapper input[type="submit"] {
            margin-top: 30px;
            width: 100%;
            height: 60px;
            border-radius: 30px;
            border: 0;
            padding: 0;
            background: #001340;
            color: white;
            font-weight: 400;
            margin-bottom: 0;
            cursor: pointer;
            -webkit-transition: all 0.26s ease-out;
            transition: all 0.26s ease-out; }
          .position-wrapper .on-right .content .form-wrapper input[type="file"] {
            display: none; }
        .position-wrapper .on-right .content .form-wrapper .upload {
          position: relative;
          height: 80px;
          border: 1px dashed #9DAEC6;
          text-align: center;
          line-height: 76px;
          font-size: 18px;
          display: block;
          margin: 0 0 10px;
          cursor: pointer; }
          .position-wrapper .on-right .content .form-wrapper .upload strong {
            font-weight: 600; }
          .position-wrapper .on-right .content .form-wrapper .upload .wpcf7-not-valid-tip {
            line-height: 1;
            bottom: 18px;
            right: 18px; }
        .position-wrapper .on-right .content .form-wrapper button {
          margin-top: 30px;
          width: 100%;
          height: 60px;
          border-radius: 30px;
          border: 0;
          padding: 0;
          background: #001340;
          color: white;
          font-weight: 400;
          margin-bottom: 0;
          cursor: pointer;
          font-family: "Poppins", sans-serif;
          font-size: 18px;
          font-weight: 500;
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out; }
  .position-wrapper .m-apply {
    display: none; }

@media only screen and (max-width: 1023px) {
  .position-wrapper {
    padding: 0;
    display: block; }
    .position-wrapper .m-cover {
      position: relative;
      display: block;
      height: 260px;
      color: white; }
      .position-wrapper .m-cover .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(0, 77, 220, 0.2) 0%, rgba(20, 45, 110, 0.6) 100%); }
      .position-wrapper .m-cover h1 {
        position: absolute;
        left: 30px;
        bottom: 20px;
        width: calc( 100% - 60px );
        font-size: 34px;
        line-height: 50px;
        font-weight: 300; }

  .position-wrapper .on-left {
    width: 100%;
    padding: 24px 30px 120px; }
    .position-wrapper .on-left .content .inner .back {
      font-size: 14px;
      line-height: 16px; }
      .position-wrapper .on-left .content .inner .back img {
        transform: translateY(1px);
        -webkit-transform: translateY(1px); }
    .position-wrapper .on-left .content .inner h1 {
      display: none; }
    .position-wrapper .on-left .content .inner h2 {
      font-size: 30px;
      line-height: 33px; }
    .position-wrapper .on-left .content .inner .wysiwyg {
      margin-top: 20px; }
      .position-wrapper .on-left .content .inner .wysiwyg p, .position-wrapper .on-left .content .inner .wysiwyg h6, .position-wrapper .on-left .content .inner .wysiwyg h5, .position-wrapper .on-left .content .inner .wysiwyg h4, .position-wrapper .on-left .content .inner .wysiwyg h3, .position-wrapper .on-left .content .inner .wysiwyg h2, .position-wrapper .on-left .content .inner .wysiwyg ul, .position-wrapper .on-left .content .inner .wysiwyg ol {
        margin-bottom: 20px; }
      .position-wrapper .on-left .content .inner .wysiwyg p {
        font-size: 14px;
        line-height: 26px; }
      .position-wrapper .on-left .content .inner .wysiwyg h4, .position-wrapper .on-left .content .inner .wysiwyg h3, .position-wrapper .on-left .content .inner .wysiwyg h2 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 30px; }
      .position-wrapper .on-left .content .inner .wysiwyg ol, .position-wrapper .on-left .content .inner .wysiwyg ul {
        font-size: 14px;
        line-height: 26px;
        padding-left: 20px; }
        .position-wrapper .on-left .content .inner .wysiwyg ol li ol, .position-wrapper .on-left .content .inner .wysiwyg ol li ul, .position-wrapper .on-left .content .inner .wysiwyg ul li ol, .position-wrapper .on-left .content .inner .wysiwyg ul li ul {
          margin-top: 20px; }

  .position-wrapper .on-right {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -webkit-transition: all 0.44s ease-out;
    transition: all 0.44s ease-out; }
    .position-wrapper .on-right.show {
      transform: translateY(0);
      -webkit-transform: translateY(0); }
    .position-wrapper .on-right .image-wrapper {
      display: none; }
    .position-wrapper .on-right .content {
      width: 100%;
      max-width: 100%;
      padding: 30px;
      margin: 0; }
      .position-wrapper .on-right .content .back {
        display: block;
        color: #31DC67;
        font-size: 14px;
        line-height: 16px; }
        .position-wrapper .on-right .content .back img {
          height: 12px;
          margin-right: 6px;
          transform: translateY(1px);
          -webkit-transform: translateY(1px); }
      .position-wrapper .on-right .content h2 {
        display: block;
        margin-top: 20px;
        font-size: 30px;
        line-height: 44px;
        font-weight: 300; }
      .position-wrapper .on-right .content h3 {
        text-align: left;
        font-size: 20px;
        line-height: 22px; }

  .position-wrapper .on-left .content .inner .apply-banner {
    display: block;
    position: relative;
    margin-top: 100px; }
    .position-wrapper .on-left .content .inner .apply-banner .banner {
      position: relative;
      background: #31DC67;
      border-radius: 15px;
      height: 178px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
      padding: 0 30px; }
      .position-wrapper .on-left .content .inner .apply-banner .banner .inner {
        position: relative;
        width: 100%; }
        .position-wrapper .on-left .content .inner .apply-banner .banner .inner h2 {
          font-weight: 300;
          font-size: 24px;
          line-height: 26px; }
        .position-wrapper .on-left .content .inner .apply-banner .banner .inner .button {
          margin: 20px auto 0;
          background: white;
          width: 100%;
          color: #31DC67;
          font-size: 16px; }

  .position-wrapper .m-apply {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 171px;
    z-index: 999;
    cursor: pointer;
    -webkit-transition: all 0.26s ease-out;
    transition: all 0.26s ease-out; }
    .position-wrapper .m-apply.hide {
      visibility: hidden;
      opacity: 0; }
    .position-wrapper .m-apply .background {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(180deg, rgba(249, 250, 251, 0) 0%, #0F38B4 100%);
      opacity: 0.3; }
    .position-wrapper .m-apply .button {
      position: absolute;
      bottom: 30px;
      left: 30px;
      width: calc( 100% - 60px );
      background: white;
      color: #31DC67;
      font-size: 16px;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }

  .position-wrapper .on-right .content .form-wrapper input {
    font-size: 16px; }

  .position-wrapper .on-right .content .form-wrapper input {
    height: 40px; }

  .fs-22-37.pos-loc {
    font-size: 16px;
    line-height: 26px;
    margin-top: 24px !important; } }
.four-o-four {
  position: relative;
  padding: 139px 0 120px; }
  .four-o-four .diagonal {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 77, 220, 0.05) 0%, rgba(0, 77, 220, 0) 100%);
    left: -150vw;
    top: 222px;
    height: 63vh;
    width: 400vw;
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg); }
  .four-o-four .content-wrapper {
    text-align: center;
    z-index: 2; }
    .four-o-four .content-wrapper .icon {
      width: 80px;
      margin: auto;
      display: block; }
    .four-o-four .content-wrapper .solutions {
      position: relative; }
      .four-o-four .content-wrapper .solutions .banner {
        position: relative;
        background: white;
        border-radius: 15px;
        text-align: left;
        box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .four-o-four .content-wrapper .solutions .banner .on-left {
          position: relative;
          width: 17.6%; }
        .four-o-four .content-wrapper .solutions .banner .on-right {
          position: relative;
          width: calc( 82.4% + 80px );
          margin-right: -80px;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-wrap: wrap;
          margin-bottom: -40px; }
          .four-o-four .content-wrapper .solutions .banner .on-right .solution {
            position: relative;
            width: calc( 100% / 3 - 80px );
            margin-right: 80px;
            margin-bottom: 40px; }
            .four-o-four .content-wrapper .solutions .banner .on-right .solution a {
              position: relative;
              display: flex;
              align-items: center;
              justify-content: flex-start; }
              .four-o-four .content-wrapper .solutions .banner .on-right .solution a .icon {
                display: block;
                width: 50px;
                margin-right: 15px; }
              .four-o-four .content-wrapper .solutions .banner .on-right .solution a .text {
                position: relative;
                width: calc( 100% - 65px ); }
  .four-o-four .drawer {
    display: none; }

@media only screen and (max-width: 1023px) {
  .four-o-four {
    padding: 130px 0 80px; }

  .four-o-four .content-wrapper .icon {
    width: 57px; }

  .four-o-four .content-wrapper h1 {
    font-size: 40px;
    line-height: 50px;
    margin-top: 30px; }

  .four-o-four .content-wrapper p {
    margin-top: 13px;
    font-size: 14px;
    line-height: 24px; }

  .four-o-four .diagonal {
    top: 235px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg); }

  .four-o-four .content-wrapper .solutions .banner {
    display: block;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    margin-top: 120px; }

  .four-o-four .content-wrapper .solutions .banner .on-left {
    width: 100%;
    text-align: center; }
    .four-o-four .content-wrapper .solutions .banner .on-left h2 {
      font-size: 20px;
      line-height: 53px;
      margin-bottom: 20px; }

  .four-o-four .content-wrapper .solutions .banner .on-right {
    width: 100%;
    margin-right: 0;
    display: block;
    margin-bottom: 0;
    border-radius: 15px;
    overflow: hidden;
    background: white;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }

  .four-o-four .content-wrapper .solutions .banner .on-right .solution {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    height: 90px;
    position: relative;
    background: white;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
    height: 90px; }
    .four-o-four .content-wrapper .solutions .banner .on-right .solution a {
      display: block;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 20px; }
      .four-o-four .content-wrapper .solutions .banner .on-right .solution a img {
        width: 50px;
        margin-right: 20px; }
      .four-o-four .content-wrapper .solutions .banner .on-right .solution a .text {
        width: calc( 100% - 70px ); }

  .four-o-four .ext-solutions {
    display: none; }

  .four-o-four .drawer {
    display: block;
    position: relative;
    background: white;
    box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2);
    border-radius: 15px;
    overflow: hidden;
    margin: 40px auto 0;
    text-align: left; }
    .four-o-four .drawer.new .item .main {
      padding: 0 34px;
      height: 120px; }
      .four-o-four .drawer.new .item .main .text {
        padding: 4px 0 4px 12px;
        border-left: 1px solid #31DC67;
        width: 100%; }
        .four-o-four .drawer.new .item .main .text h3 {
          font-size: 18px; }
        .four-o-four .drawer.new .item .main .text p {
          font-size: 11px;
          line-height: 18px;
          margin-top: 4px;
          font-weight: 400; }
    .four-o-four .drawer .item {
      position: relative;
      background: white;
      box-shadow: 0 0 13px 0 rgba(0, 19, 64, 0.2); }
      .four-o-four .drawer .item.active .main {
        height: 140px; }
        .four-o-four .drawer .item.active .main .icon-wrapper {
          width: 90px; }
        .four-o-four .drawer .item.active .main .text {
          width: calc( 100% - 110px ); }
          .four-o-four .drawer .item.active .main .text p {
            font-weight: 600; }
      .four-o-four .drawer .item.active .ext {
        display: block; }
      .four-o-four .drawer .item .main {
        position: relative;
        height: 90px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        cursor: pointer; }
        .four-o-four .drawer .item .main .icon-wrapper {
          position: relative;
          width: 50px;
          margin-right: 20px; }
          .four-o-four .drawer .item .main .icon-wrapper img {
            display: block;
            width: 100%; }
        .four-o-four .drawer .item .main .text {
          position: relative;
          width: calc( 100% - 70px ); }
          .four-o-four .drawer .item .main .text p {
            font-size: 14px;
            line-height: 22px;
            font-weight: 300; }
      .four-o-four .drawer .item .ext {
        position: relative;
        padding: 0 20px 28px;
        display: none; }
        .four-o-four .drawer .item .ext p {
          font-size: 20px;
          line-height: 30px;
          font-weight: 300; }
        .four-o-four .drawer .item .ext .bullets {
          position: relative;
          margin-top: 40px; }
          .four-o-four .drawer .item .ext .bullets .bullet {
            position: relative;
            height: 60px;
            background: #f2f5f9;
            text-align: center;
            padding: 0 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 14px; }
        .four-o-four .drawer .item .ext .button {
          margin-top: 30px;
          width: 100%;
          height: 50px;
          font-size: 15px; }
          .four-o-four .drawer .item .ext .button a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 30px; }
          .four-o-four .drawer .item .ext .button img {
            height: 12px; } }
.popup-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background: linear-gradient(180deg, #F6F8FB 0%, rgba(246, 248, 251, 0.46) 100%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  display: none; }
  .popup-video.show {
    visibility: visible;
    opacity: 1; }
  .popup-video .inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .popup-video .inner .box {
      position: relative;
      width: calc( 100vw - 120px );
      max-width: 1120px;
      border-radius: 10px; }
      .popup-video .inner .box .x-button {
        position: absolute;
        z-index: 2;
        cursor: pointer;
        bottom: calc( 100% + 16px );
        left: calc( 100% + 22px );
        width: 18px;
        height: 18px; }
        .popup-video .inner .box .x-button .line {
          position: absolute;
          width: 18px;
          height: 2px;
          left: 50%;
          margin-left: -9px;
          top: 50%;
          margin-top: -1px;
          background: #001340; }
          .popup-video .inner .box .x-button .line.one {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg); }
          .popup-video .inner .box .x-button .line.two {
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg); }
      .popup-video .inner .box .iframe-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        border-radius: 10px; }
        .popup-video .inner .box .iframe-wrapper iframe {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; }

.popup-wrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999999999;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  display: none; }
  .popup-wrapper.show {
    visibility: visible;
    opacity: 1; }
  .popup-wrapper .close {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(0, 19, 64, 0.8) 0%, rgba(0, 19, 64, 0.5) 100%);
    cursor: pointer; }
  .popup-wrapper .x-button {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 22px;
    height: 22px;
    cursor: pointer; }
    .popup-wrapper .x-button .line {
      position: absolute;
      width: 22px;
      height: 3px;
      left: 50%;
      margin-left: -11px;
      top: 50%;
      margin-top: -1.5px;
      background: white; }
      .popup-wrapper .x-button .line.one {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      .popup-wrapper .x-button .line.two {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
  .popup-wrapper .inner-contact {
    position: relative;
    background: white;
    width: 650px;
    margin: auto;
    border-radius: 25px;
    padding: 50px 60px;
    overflow: hidden; }
    .popup-wrapper .inner-contact .x-button {
      position: absolute;
      z-index: 2;
      cursor: pointer;
      top: 24px;
      right: 24px;
      width: 18px;
      height: 18px; }
      .popup-wrapper .inner-contact .x-button .line {
        position: absolute;
        width: 18px;
        height: 2px;
        left: 50%;
        margin-left: -9px;
        top: 50%;
        margin-top: -1px;
        background: #001340; }
        .popup-wrapper .inner-contact .x-button .line.one {
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg); }
        .popup-wrapper .inner-contact .x-button .line.two {
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg); }
    .popup-wrapper .inner-contact .c-bg {
      position: absolute;
      width: 688px;
      left: 30px;
      top: -84px; }
    .popup-wrapper .inner-contact .c-bg-m {
      display: none; }
    .popup-wrapper .inner-contact h2 {
      position: relative;
      text-align: center;
      font-size: 34px;
      line-height: 50px; }
    .popup-wrapper .inner-contact .form-wrapper {
      position: relative;
      margin-top: 20px; }
      .popup-wrapper .inner-contact .form-wrapper .hs-button {
        width: 100% !important; }

@media only screen and (max-width: 1023px) {
  .popup-video .inner .box {
    width: calc(100vw - 30px); }

  .popup-video .inner .box .x-button {
    left: 0; }

  .popup-wrapper .inner-contact {
    width: calc( 100vw - 40px );
    border-radius: 10px;
    padding: 50px 24px 24px; }

  .popup-wrapper .inner-contact .x-button {
    top: 14px;
    right: 14px; }

  .popup-wrapper .inner-contact h2 {
    font-size: 30px;
    line-height: 45px; } }
/* Slider */
/* Icons */
/* @if $slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
} */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.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: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    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 {
    display: block;
    height: auto;
    border: 1px solid transparent; }

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

.menu {
  display: none; }

@media only screen and (max-width: 1023px) {
  .menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f9fafb;
    z-index: 99999;
    overflow: auto;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -webkit-transition: all 0.26s ease-out;
    transition: all 0.26s ease-out; }
    .menu.show {
      transform: translateX(0);
      -webkit-transform: translateX(0); }
    .menu .menu-header {
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      height: 65px;
      z-index: 9999;
      -webkit-transition: all 0.26s ease-out;
      transition: all 0.26s ease-out; }
      .menu .menu-header.scrolled {
        background: #31DC67; }
        .menu .menu-header.scrolled .content-wrapper .icon {
          visibility: visible;
          opacity: 1; }
      .menu .menu-header .content-wrapper {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .menu .menu-header .content-wrapper .icon {
          height: 25px;
          display: block;
          -webkit-transition: all 0.26s ease-out;
          transition: all 0.26s ease-out;
          visibility: hidden;
          opacity: 0; }
        .menu .menu-header .content-wrapper .x-button {
          cursor: pointer;
          position: relative;
          height: 100%;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          .menu .menu-header .content-wrapper .x-button img {
            height: 15px; }
    .menu .on-top {
      display: block;
      position: relative;
      height: 260px;
      margin-top: -65px;
      background: #31DC67;
      overflow: hidden; }
      .menu .on-top .icon {
        position: absolute;
        top: 6px;
        left: 32px;
        width: 250px; }
      .menu .on-top .buttons {
        position: absolute;
        top: 55px;
        right: 30px; }
        .menu .on-top .buttons .button {
          width: 160px;
          font-size: 16px;
          margin-bottom: 17px;
          height: 37px;
          line-height: 37px; }
          .menu .on-top .buttons .button.first {
            background: white;
            color: #001340; }
          .menu .on-top .buttons .button.second {
            background: transparent;
            border: 1px solid white;
            color: white;
            line-height: 38px; }
      .menu .on-top .diagonal {
        position: absolute;
        bottom: -28.1vw;
        left: -100vw;
        width: 300vw;
        height: 40vw;
        background: #f9fafb;
        transform: rotate(14deg);
        -webkit-transform: rotate(14deg); }
    .menu .content {
      position: relative;
      padding: 0 30px 80px;
      margin: -30px 0 0; }
      .menu .content .group {
        position: relative;
        margin-bottom: 30px; }
        .menu .content .group .item {
          position: relative;
          font-size: 14px;
          line-height: 16px;
          font-weight: 600;
          margin-bottom: 20px; }
          .menu .content .group .item.faded {
            color: #9DAEC6;
            margin-bottom: 30px;
            font-weight: 300; }
          .menu .content .group .item.w-icon {
            line-height: 24px; }
            .menu .content .group .item.w-icon a {
              width: 100%;
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .menu .content .group .item.w-icon a .text {
                width: 240px; }
              .menu .content .group .item.w-icon a .icon-wrapper {
                width: 30px;
                position: relative; }
                .menu .content .group .item.w-icon a .icon-wrapper img {
                  width: 100%;
                  display: block; }
          .menu .content .group .item.new-p-menu {
            position: relative;
            margin: 34px 0; }
            .menu .content .group .item.new-p-menu a {
              display: block;
              width: 100%;
              padding: 4px 0 4px 12px;
              border-left: 1px solid #31DC67; }
              .menu .content .group .item.new-p-menu a h3 {
                font-size: 20px;
                font-weight: 400; }
              .menu .content .group .item.new-p-menu a p {
                font-size: 11px;
                line-height: 18px;
                font-weight: 400;
                margin-top: 6px;
                max-width: 280px; } }
.legal-wrapper {
  position: relative;
  padding: 125px 0 100px; }
  .legal-wrapper .content-wrapper {
    max-width: 1050px; }

@media only screen and (max-width: 1023px) {
  .legal-wrapper {
    padding: 100px 0; } }
.cookies-notice {
  position: fixed;
  right: 10px;
  bottom: 110px;
  width: 416px;
  padding: 30px 30px 40px;
  background: #001340;
  color: white;
  z-index: 9999;
  border-radius: 15px;
  display: none;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out; }
  .cookies-notice.show {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    visibility: visible;
    opacity: 1; }
  .cookies-notice .cookie {
    height: 80px;
    display: block; }
  .cookies-notice .buttons {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between; }
    .cookies-notice .buttons .button {
      width: calc( 50% - 10px );
      height: 40px;
      line-height: 40px;
      background: white;
      color: #31DC67; }
      .cookies-notice .buttons .button.first {
        background: transparent;
        color: white;
        border: 1px solid white;
        line-height: 38px; }

@media only screen and (max-width: 1023px) {
  .cookies-notice {
    /* right: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; */
    right: 14px;
    bottom: 84px;
    width: calc( 100% - 28px );
    padding: 30px; }
    .cookies-notice .on-top {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .cookies-notice .on-top .cookie {
        width: 60px;
        margin-right: 20px; }
      .cookies-notice .on-top .text {
        position: relative;
        width: calc( 100% - 80px );
        padding-top: 8px; }
        .cookies-notice .on-top .text h3 {
          font-size: 18px;
          line-height: 20px;
          margin-top: 0; }
        .cookies-notice .on-top .text p {
          font-size: 12px;
          line-height: 20px;
          margin-top: 5px; }
    .cookies-notice .buttons {
      margin-top: 27px; } }
.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  z-index: 99999999999;
  background: linear-gradient(270deg, rgba(0, 19, 64, 0.8) 0%, rgba(0, 19, 64, 0.5) 100%);
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out; }
  .loader-wrapper.show {
    visibility: visible;
    opacity: 1; }
  .loader-wrapper .inner-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
  .loader-wrapper .lds-ring {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px; }
  .loader-wrapper .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 37px;
    height: 37px;
    margin: 6px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent; }
  .loader-wrapper .lds-ring div:nth-child(1) {
    animation-delay: -0.45s; }
  .loader-wrapper .lds-ring div:nth-child(2) {
    animation-delay: -0.3s; }
  .loader-wrapper .lds-ring div:nth-child(3) {
    animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*# sourceMappingURL=style.css.map */