#header{background:linear-gradient(102deg,rgba(14,12,58,0) 67.61%,#0e0c3a 100%),linear-gradient(259deg,rgba(14,12,58,0) 64.96%,#0e0c3a 99.54%),linear-gradient(180deg,#0e0c3a 49.28%,rgba(14,12,58,0) 70.89%),url(../media/homepage/homehero.png) #d3d3d3 -41px 187.429px/105.573% 101.865% no-repeat;padding:6.1rem 10.6rem;text-align:center;color:#fff;height:42.8rem;background-position: center center, center 10.5rem;}
h1{font-weight:900;letter-spacing:-.075rem;margin:0}
h1 span{color:#4d8ff7}
#header .pre{font-size:1rem;margin-top: .8rem;}
#faq,#linkedin,#onboard{padding:6.1rem 12.1rem}
.cta{display:flex;flex-direction:column;font-size:.9rem;justify-content:center;align-items:center;margin-top:3.1rem;font-weight: bold;}
.cta .btn{font-size:.9rem;font-weight:700;background:#fff;border:.075rem solid #070762;width:14rem;height:3rem;color:#070762;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.8rem;cursor:pointer;padding-top: .5rem;}
.cta .btn img{margin-left:.8rem}
#onboard,h2{color:#070762;position: relative;}
#onboard .step,#onboard .steps{display:flex;align-items:center;justify-content:center}
.step{position:relative}
.step .arrow{position:absolute;right:0;top:-1.75rem}
.step .arrow.alt{top:3rem}
.step .arrow img{height:2.5rem}
.step .arrow.alt img{transform:scale(1,-1)}
.step .num{font-size:2.5rem;font-weight:900;margin-right:.9rem}
.step .text{margin-right:3.6rem;font-size:.9rem}
#onboard h2{color:#070762;text-align:center;margin-bottom:4.6rem;position:relative;font-weight: bold;}
#onboard .welcome{margin-top:6.1rem;text-align:center}
#onboard .welcome>span{display:block;font-size:.9rem;line-height:135%;margin-bottom:1.6rem}
#onboard .welcome h2{margin-bottom:0;justify-content:center}
#onboard .welcome h2 img{display:block;margin:auto;height: 2.4rem;}
#innovation{background:#0e0c3a;color:#fff;padding:4.6rem 12.1rem}
#innovation a{color:#fff}
#innovation h2{color:#fff;text-align:center;margin-bottom:4.6rem}
.article{border-radius:.3rem;border:.075rem solid #fff;padding:1.6rem;font-size:.9rem;display:flex;flex-direction:column;height:100%}
.article h3{font-size:1.2rem;font-weight:700;margin:1.6rem 0}
#faq{background:#fff}
#faq h2{color:#070762;text-align:center;}
#faq .accordion{background:#fff}
#faq .accordion-item{color:#070762;font-size:.9rem;margin-bottom:1.6rem;border:0;border-bottom:.7px solid #070762;border-radius: 0;}
#faq .accordion-button{color:#070762;padding:1.6rem 0;border:0;padding-right:1rem;border-radius:0;font-size: .9rem;font-weight: bold;}
#faq .accordion-button:not(.collapsed){background-color:transparent;box-shadow: none;}
#faq ul{margin:1.6rem 0;padding:0}
#faq ul li{list-style:none;margin-bottom:.8rem;padding-left: 1rem;}
#faq ul li::before{content:"";background:#070762;margin-right:.5rem;width:.4rem;height:.4rem;border-radius:50%;display:inline-block;margin-left: -1rem;}
#faq .accordion-body{padding-top: 0;}
#linkedin h2{text-align:center}
.splide{margin-top:3.6rem}
.splide .splide__pagination{bottom:-2.6rem}
.splide .splide__pagination__page{background:#e7e8e8;opacity:1;width:.45rem;height:.45rem;margin:0 .4rem}
.splide .splide__pagination__page.is-active{background:#070762;transform:none}
.splide__arrow--prev{left:-1em}
.splide__arrow--next{right:-1em}
.splide__arrow svg{fill:#fff}
.splide__arrow{background:#0e0c3a;opacity:1;border: .05rem solid #fff;}
.splide__slide .article-linkedin{display:flex;flex-direction:row;background:#f4f8fe;border:.05rem solid rgba(7,7,98,.5);border-radius:.3rem;height: 100%;}
.splide__slide .article-linkedin .content{padding:1.6rem 1rem 0 1.6rem;color:#070762}
.splide__slide .article-linkedin .img{flex:0 0 9.35rem}
.splide__slide .article-linkedin h3{font-size:.9rem;line-height:110%;margin-bottom:.8rem;min-height: 2rem;}
.splide__slide .article-linkedin .text,.splide__slide .article-linkedin .text div{display:flex;font-size:.7rem;line-height:130%;align-items:start}
.splide__slide .article-linkedin .text img{margin-right:.25rem;height:.8rem}
.splide__slide .article-linkedin .text .date{margin-left:.5rem}
.splide__slide .article-linkedin .text .date img{height: .7rem;}
.splide__slide .article-linkedin .link{margin-top:1rem;line-height: 1;}
.splide__slide .article-linkedin .link a{font-size:.7rem;color:#070762;line-height:120%}
.splide__slide .article-linkedin .link a img{vertical-align:middle;display:inline-block;margin-left:.25rem;width:.45rem}
#onboard .animatedButton.animate span{line-height:1}
@keyframes fadeinup{
0%{margin-top:2rem;opacity:0}
70%{margin-top:1;opacity:.5}
100%{margin-top:0;opacity:1}
}
.cont{animation:fadeinup 1s forwards;position: relative;}
.typing{margin:0;z-index:-1;width: 100%;}
.hiders{margin:0;width:100%;opacity: 0;display: none;}
.hiders p{position:relative;clear:both;margin:0;float:right;width:0;background:#fff;}
.hiders.alt p{background: #0e0c3a;}
.animate  ~ .hiders p{animation:typing 1.5s steps(300,end);animation-fill-mode:both}
.typing.animate{animation:1.5s fadeinup;}
.hiders p:nth-child(2){animation-delay:1.5s}
.hiders p:nth-child(3){animation-delay:3s}
.hiders p:nth-child(4){animation-delay:4.5s}
.hiders p:nth-child(5){animation-delay:6s}
@keyframes typing{
from{width:100%}
to{width:0}
}
@keyframes fadeinup {
    0% {
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
@media(max-width:1000px){
#header{padding:3.5rem 1.1rem 0;background:url(../media/homepage/heromob.png) no-repeat #0e0c3a;background-size:contain;background-position:center 80%;position: relative;height: 47.8rem;}
#faq,#linkedin,#onboard{padding:3.1rem 1rem 1rem}
#onboard{padding-top: 0;}
#onboard .steps{flex-direction:column}
#innovation{padding:3.1rem .25rem}
#innovation .col-lg-4{margin-bottom:1.5rem}
.cta{font-size:1rem;margin-top: 2.5rem;}
.cta .btn{font-size: 1.1rem;}
.cont{height: 100%;}
.cta span{position:absolute;left: 1rem;bottom: 1rem;text-align: left;font-size: 1.45rem;font-weight: 400;}
#faq h2,#innovation h2{text-align:left}
#onboard h2{margin:3.5rem 0}
#innovation h2{margin:0 0 2.5rem .6rem}
#onboard .welcome h2{display:flex;flex-direction:row-reverse;text-align:center;margin-top: 0;align-items: end;}
#onboard .welcome h2 img{margin:0;width: 2.6rem;height: auto;}
#onboard .step{width:65%;justify-content:flex-start;margin-bottom:1.5rem}
#onboard .welcome{margin-top:1rem;margin-bottom:2rem}
#onboard .welcome span{font-size:1rem}
#onboard .welcome>span{margin-bottom: 1rem;}
.splide{margin-top: 2rem;}
.step .text{margin-right:0;font-size:1rem;line-height:120%}
.step .arrow.alt{position:absolute;right:-1rem;top:3rem}
.step .arrow.alt img{display: block;margin-left: auto;}
.step .arrow{top:3rem;left:-3rem;right:auto}
.step .arrow.alt img{height:2.5rem;transform:rotate(90deg)}
.step .arrow img{transform:scale(1,-1) rotate(270deg)}
#faq h2,#linkedin h2{text-align:left}
#faq .accordion-button{font-size:.9rem}
#linkedin h2 img{height:1.7rem;vertical-align: text-bottom;}
#linkedin .splide{width: calc(100% + 1rem);}
.splide__slide .article-linkedin .content{padding:.8rem;flex-direction:column;display: flex;}
.splide__slide .article-linkedin .text{flex-direction:column;margin-top:auto}
.splide__slide .article-linkedin .text .date{margin-left:0}
.splide__slide .article-linkedin h3{margin-bottom:.4rem;font-size: 1rem;width: 110%;}
.splide__slide .article-linkedin .link{margin-top: .2rem;}
.splide__slide .article-linkedin .img{flex:0 0 10.35rem}
.article{font-size:1rem;padding:.9rem}
.article .content{margin-bottom:2.5rem}
.article h3{margin-bottom:.3rem}
#innovation a{font-size:.9rem}
#innovation a.gstart{font-size: 1rem;}
#innovation .gstart{margin-top: 1.75rem;}
#faq .gstart{margin-top: 1.95rem;}
}
@media(min-width:1001px){
.article .text{min-height:5.5rem}
.article .link{margin-top:1.6rem}
.article.a2 .text{width: 105%;}
#linkedin h2 img{height: 1.6rem;vertical-align: text-bottom;}
#linkedin .splide__slide .img img{width: 9.35rem;}
#innovation .gstart{margin-top: 3.1rem;}
#faq{padding-bottom: 3.1rem;}
#faq .gstart{margin-top: 1.5rem;}
}