@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz@0,14..32;1,14..32&display=swap");
@font-face {
  font-family: 'Lucida Grande';
  src: url("fonts/LucidaGrande.woff2") format("woff2"), url("fonts/LucidaGrande.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Monaco';
  src: url("Monaco.woff2") format("woff2"), url("Monaco.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/************************************* Reset Styles ********************************/
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;
  vertical-align: baseline; }

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

blockquote, q {
  quotes: none; }

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

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

td, div {
  vertical-align: top; }

* {
  outline: none; }

li, ol {
  list-style-type: none;
  list-style-image: none;
  list-style: none; }

img {
  border: 0px; }

textarea {
  resize: none; }

input:focus, select:focus, textarea:focus, button:focus {
  outline: none; }

a {
  text-decoration: none; }

input, textarea, select, body {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

html {
  scroll-behavior: smooth;
  background-color: #172023; }

body {
  background-color: #ffffff; }

/************************************* Reset End Styles ********************************/
/************************************* Common Styles ********************************/
.rightAlign {
  text-align: right; }

.centerAligned {
  text-align: center; }

.centeredBlock {
  margin-left: auto;
  margin-right: auto;
  float: none; }

.fullWidth {
  width: 100%; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.posRelative {
  position: relative; }

.absolutePos {
  position: absolute; }

.textDecorationNone {
  text-decoration: none; }

.textDecorationUnderline {
  text-decoration: underline; }

.fontWeightBold {
  font-weight: bold; }

.clearBoth {
  clear: both; }

.clearRight {
  clear: right; }

input, textarea, select, body, .smallTop a, .mainMenu a {
  color: #868686; }

.safeArea {
  width: 100%;
  max-width: 1432px;
  margin-left: auto;
  margin-right: auto; }

.showFade {
  transition: all linear 400ms;
  -moz-transition: all linear 400ms;
  -webkit-transition: all linear 400ms;
  -ms-transition: all linear 400ms; }

/************************************* Common Styles End ********************************/
.header {
  padding: 25px 0; }
  .header .safeArea {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .header .safeArea .logoHolder {
      width: 156px; }
      .header .safeArea .logoHolder a {
        display: block; }
        .header .safeArea .logoHolder a img {
          width: 100%; }
    .header .safeArea .menuHolder ul li {
      display: inline-block; }
      .header .safeArea .menuHolder ul li a {
        display: block;
        padding: 5px 21px;
        color: #000000;
        font-size: 14px; }
        .header .safeArea .menuHolder ul li a:hover {
          text-decoration: underline; }
    .header .safeArea .mainActions ul li {
      display: inline-block; }
      .header .safeArea .mainActions ul li.blackBg a {
        display: block;
        padding: 16px 21px;
        color: #ffffff;
        width: 117px;
        text-align: center;
        font-size: 14px;
        background-color: #000000;
        border-radius: 30px;
        box-sizing: border-box; }
        .header .safeArea .mainActions ul li.blackBg a:hover {
          background-color: #00bec1; }
      .header .safeArea .mainActions ul li a {
        display: block;
        padding: 5px 21px;
        color: #000000;
        font-size: 14px; }
        .header .safeArea .mainActions ul li a:hover {
          text-decoration: underline; }

.sectionBlock {
  margin-bottom: 75px; }

.sectionBlock.platforms {
  margin-bottom: 105px; }
.sectionBlock.outcomnes {
  margin-bottom: 192px; }

.outcomnes .blockLeftImage img {
  border-radius: 24px; }

.heroSections {
  background-color: #ffffff;
  padding: 60px 0 75px 0; }
  .heroSections .bigTitle {
    color: #000000;
    font-size: 81px;
    text-align: center;
    font-family: 'Lucida Grande';
    margin-bottom: 20px; }
    .heroSections .bigTitle span {
      font-family: 'Lucida Grande';
      font-size: 76px; }
    .heroSections .bigTitle .typewriter-highlight {
      font-family: 'Lucida Grande';
      font-size: 76px; }
    .heroSections .bigTitle .typewriter-cursor {
      display: inline-block;
      width: 3px;
      margin-left: 6px;
      background-color: #000000;
      animation: typewriterBlink 0.8s step-end infinite;
      vertical-align: -0.05em;
      height: 0.85em; }
  .heroSections .slogan {
    font-size: 15px;
    color: #000000;
    text-align: center;
    margin-bottom: 42px; }
  .heroSections .sectionCTAs {
    text-align: center; }
    .heroSections .sectionCTAs .blackBg {
      display: inline-block;
      padding: 16px 21px;
      color: #ffffff;
      width: 117px;
      text-align: center;
      font-size: 17px;
      background-color: #000000;
      border-radius: 30px;
      box-sizing: border-box;
      margin-right: 20px; }
      .heroSections .sectionCTAs .blackBg:hover {
        background-color: #00bec1; }
    .heroSections .sectionCTAs .whiteBg {
      display: inline-block;
      padding: 8px 0;
      color: #000000;
      text-align: center;
      font-size: 17px;
      background-color: #ffffff;
      box-sizing: border-box;
      border-bottom: 1px solid #000000; }
      .heroSections .sectionCTAs .whiteBg:hover {
        border-bottom: 1px solid transparent; }

.mainBanner .safeArea {
  position: relative; }
.mainBanner img, .mainBanner video {
  width: 100%;
  display: block; }
.mainBanner .bannerVideoToggle {
  position: absolute;
  right: 18px;
  bottom: 18px;
  min-width: 82px;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 30px;
  background-color: rgba(23, 32, 35, 0.78);
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box; }
  .mainBanner .bannerVideoToggle:hover {
    background-color: #000000; }

.clients.sectionBlock {
  margin-bottom: 160px; }
.clients .safeArea {
  position: relative; }
.clients h2 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-bottom: 80px;
  font-weight: normal; }

.logosList {
  padding: 0 150px; }
  .logosList .swiper {
    width: 100%; }
    .logosList .swiper .swiper-slide {
      width: 10px;
      text-align: center; }
      .logosList .swiper .swiper-slide img {
        width: 150px;
        height: auto;
        display: inline-block; }
  .logosList .swiper-button-prev {
    display: none;
    right: 40px;
    top: 0;
    left: auto;
    width: 13px;
    height: 12px;
    background-image: url(../images/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-top: 0; }
    .logosList .swiper-button-prev svg {
      display: none; }
  .logosList .swiper-button-next {
    display: none;
    right: 0;
    top: 0;
    left: auto;
    width: 13px;
    height: 12px;
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-top: 0; }
    .logosList .swiper-button-next svg {
      display: none; }

.swiper-wrapper {
  transition-timing-function: linear !important; }

.clients .safeArea {
  width: 100%;
  max-width: 100%; }
  .clients .safeArea .logosList {
    padding: 0; }

.sectionBlock h3 {
  font-size: 45px;
  color: #000000;
  font-weight: normal;
  text-align: center;
  margin-bottom: 70px; }

.platforms ul {
  font-size: 0; }
  .platforms ul li {
    display: inline-block;
    width: calc(100% / 3);
    padding: 0 50px;
    text-align: left;
    box-sizing: border-box;
    vertical-align: top; }
    .platforms ul li .icon {
      text-align: left;
      margin-bottom: 26px; }
      .platforms ul li .icon img {
        width: 80px;
        display: inline-block; }
    .platforms ul li h4 {
      font-size: 22px;
      color: #000000;
      font-weight: normal;
      margin-bottom: 20px; }
    .platforms ul li .text {
      font-size: 15px;
      color: #000000;
      margin-bottom: 45px; }
    .platforms ul li .learnMore a {
      font-size: 15px;
      color: #000000;
      background-image: url(../images/right-arrow.svg);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 16px 14px;
      padding-right: 30px; }
      .platforms ul li .learnMore a:hover {
        padding-right: 28px; }

.pageBanner {
  position: relative;
  margin-bottom: 110px; }
  .pageBanner .imageHolder img {
    width: 100%;
    display: block; }
  .pageBanner .logoContainer {
    width: 40%;
    position: absolute;
    left: calc((100vw - 1432px)/2);
    top: 60px; }
    .pageBanner .logoContainer img {
      width: 150px;
      display: inline-block; }
  .pageBanner .textContainer {
    width: 40%;
    position: absolute;
    left: calc((100vw - 1432px)/2);
    bottom: 60px; }
    .pageBanner .textContainer h4 {
      color: #ffffff;
      font-weight: normal;
      margin-bottom: 25px;
      font-size: 45px; }
    .pageBanner .textContainer .text {
      color: #ffffff;
      font-size: 15px;
      margin-bottom: 50px;
      line-height: 23px; }
    .pageBanner .textContainer .cta {
      text-align: left; }
      .pageBanner .textContainer .cta a {
        width: 135px;
        padding: 15px 0;
        display: inline-block;
        border-radius: 30px;
        color: #000000;
        background-color: #ffffff;
        text-align: center; }

@keyframes typewriterBlink {
  0%, 49% {
    opacity: 1; }
  50%, 100% {
    opacity: 0; } }
.outcomesList h4 {
  margin-bottom: 25px;
  font-size: 25px;
  color: #000;
  padding: 0 30px;
  box-sizing: border-box; }
.outcomesList .faqCategory {
  border-top: 1px solid #000000;
  margin-bottom: 80px; }

.faqsPage.outcomnes .blockRightExpand {
  padding-left: 0; }

.outcomnes .subTitle {
  font-size: 15px;
  color: #000000;
  text-align: center;
  margin-bottom: 90px; }
.outcomnes .blockLeftImage, .outcomnes .blockRightExpand {
  width: 50%;
  float: left; }
  .outcomnes .blockLeftImage img, .outcomnes .blockRightExpand img {
    width: 100%;
    display: block; }
.outcomnes .blockRightExpand {
  padding-left: 100px;
  box-sizing: border-box; }
  .outcomnes .blockRightExpand .more {
    margin-top: 30px; }
    .outcomnes .blockRightExpand .more a {
      font-size: 15px;
      color: #000000;
      background-image: url(../images/right-arrow.svg);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 16px 14px;
      padding-right: 30px; }
      .outcomnes .blockRightExpand .more a:hover {
        padding-right: 28px; }
.outcomnes .toggleContent {
  color: #000;
  font-size: 15px; }

.newsBlock {
  background-color: #f2f2f2;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px; }
  .newsBlock h3 {
    text-align: left;
    margin-bottom: 75px; }
  .newsBlock a {
    color: #000000;
    text-decoration: none; }
  .newsBlock .newsLayout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px; }
  .newsBlock .articleImage {
    border-radius: 24px;
    box-sizing: border-box; }
    .newsBlock .articleImage img {
      width: 100%;
      display: block;
      border-radius: 24px; }
  .newsBlock h4 {
    font-size: 24px;
    line-height: 1.16;
    color: #000000;
    font-weight: normal;
    margin-bottom: 28px; }
  .newsBlock .articleDescription {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 1.2;
    color: #000000; }
  .newsBlock .featuredArticle {
    display: block; }
    .newsBlock .featuredArticle .articleImage {
      margin-bottom: 40px; }
    .newsBlock .featuredArticle .articleDescription {
      -webkit-line-clamp: 4; }
  .newsBlock .articleItem {
    display: grid;
    grid-template-columns: minmax(210px, 38%) 1fr;
    gap: 35px;
    padding: 32px 0;
    border-bottom: 1px solid #D9D9D9;
    box-sizing: border-box; }
    .newsBlock .articleItem:first-child {
      padding-top: 0; }
    .newsBlock .articleItem .articleImage {
      aspect-ratio: 1.95 / 1; }

.detailsPage {
  margin-top: 30px; }
  .detailsPage h3 {
    margin-bottom: 70px; }
  .detailsPage .backLink {
    display: inline-block;
    margin-bottom: 45px;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    background-image: url(../images/left-arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px auto;
    padding-left: 18px; }
    .detailsPage .backLink:hover {
      color: #00bec1; }
  .detailsPage .detailsBanner {
    width: 100%;
    aspect-ratio: 2.55 / 1;
    margin-bottom: 95px;
    border-radius: 30px; }
    .detailsPage .detailsBanner img {
      width: 100%;
      display: block; }
  .detailsPage .detailsContent {
    max-width: 820px;
    margin: 0 auto;
    color: #000000;
    font-size: 18px; }
    .detailsPage .detailsContent h4 {
      font-size: 20px;
      line-height: 1.2;
      margin-bottom: 26px;
      font-weight: bold; }
    .detailsPage .detailsContent p {
      font-size: 16px;
      line-height: 1.08;
      margin-bottom: 44px; }

.contactBlock {
  scroll-margin-top: 24px;
  background-color: #172023;
  color: #ffffff;
  padding: 125px 0;
  margin-bottom: 0; }
  .contactBlock .leftBlock {
    width: 50%;
    float: left;
    padding-right: 300px;
    box-sizing: border-box; }
    .contactBlock .leftBlock h3 {
      font-size: 45px;
      margin-bottom: 30px;
      text-align: left;
      color: #ffffff; }
    .contactBlock .leftBlock .subTitle {
      font-size: 15px;
      margin-bottom: 30px; }
  .contactBlock .rightBlock {
    width: 50%;
    float: left; }
    .contactBlock .rightBlock .formHolder {
      background-color: #ffffff;
      padding: 50px;
      border-radius: 20px;
      box-sizing: border-box; }
    .contactBlock .rightBlock .formRow {
      width: 48%;
      float: left; }
      .contactBlock .rightBlock .formRow.withMargRight {
        margin-right: 4%; }
      .contactBlock .rightBlock .formRow.fullWidth {
        width: 100%;
        float: none; }
      .contactBlock .rightBlock .formRow input, .contactBlock .rightBlock .formRow textarea, .contactBlock .rightBlock .formRow select {
        width: 100%;
        padding: 15px 20px;
        box-sizing: border-box;
        margin-bottom: 20px;
        border: 1px solid #000000;
        background-color: #ffffff;
        border-radius: 9px;
        color: #000000; }
      .contactBlock .rightBlock .formRow select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 40px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 20px center; }
      .contactBlock .rightBlock .formRow textarea {
        height: 150px; }
    .contactBlock .rightBlock .submit a {
      display: inline-block;
      padding: 16px 21px;
      color: #ffffff;
      width: 117px;
      text-align: center;
      font-size: 14px;
      background-color: #000000;
      border-radius: 30px;
      box-sizing: border-box; }
      .contactBlock .rightBlock .submit a:hover {
        background-color: #00bec1; }

.launchPopupOpen {
  overflow: hidden; }

.launchPopup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 32px;
  box-sizing: border-box; }
  .launchPopup.isOpen {
    display: flex; }
  .launchPopup .launchPopupOverlay {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.78); }
  .launchPopup .launchPopupDialog {
    position: relative;
    width: min(715px, 100%);
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    background-color: #ffffff;
    border-radius: 48px;
    color: #000000;
    box-sizing: border-box;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2); }
  .launchPopup .launchPopupInner {
    padding: 50px; }
  .launchPopup .launchPopupClose {
    position: absolute;
    top: 24px;
    right: 38px;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    color: #000000;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    font-family: "Inter", sans-serif; }
  .launchPopup h2 {
    margin-bottom: 25px;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2; }
  .launchPopup p {
    max-width: 880px;
    margin-bottom: 40px;
    color: #000000;
    font-size: 15px;
    line-height: 1.08; }
  .launchPopup .launchPopupFields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 33px;
    row-gap: 31px; }
  .launchPopup .launchPopupField {
    grid-column: 1/-1; }
    .launchPopup .launchPopupField.launchPopupHalf {
      grid-column: auto; }
    .launchPopup .launchPopupField input {
      width: 100%;
      height: 53px;
      padding: 0 24px;
      border: 1px solid #000000;
      border-radius: 6px;
      background-color: #ffffff;
      box-sizing: border-box;
      color: #000000;
      font-size: 15px;
      font-weight: 400; }
      .launchPopup .launchPopupField input::placeholder {
        color: #000000;
        opacity: 1; }
  .launchPopup .launchPopupStatus {
    display: none;
    margin: 22px 0 0;
    color: #333333;
    font-size: 15px;
    font-weight: 700; }
    .launchPopup .launchPopupStatus.isVisible {
      display: block; }
    .launchPopup .launchPopupStatus.isError {
      color: #d9534f; }
  .launchPopup .launchPopupSubmit {
    display: inline-block;
    min-width: 155px;
    margin-top: 35px;
    padding: 21px 35px;
    border: 0;
    border-radius: 40px;
    background-color: #000000;
    color: #ffffff;
    cursor: pointer;
    font-size: 17px; }
    .launchPopup .launchPopupSubmit:hover {
      background-color: #00bec1; }
    .launchPopup .launchPopupSubmit:disabled {
      cursor: wait;
      opacity: 0.65; }
  .launchPopup .launchPopupSuccess h3 {
    margin-bottom: 18px;
    color: #000000;
    font-size: 28px;
    font-weight: 700; }
  .launchPopup .launchPopupSuccess p {
    margin-bottom: 0; }
  .launchPopup.isSuccess .launchPopupIntro,
  .launchPopup.isSuccess .launchPopupForm {
    display: none; }
  .launchPopup.isSuccess .launchPopupSuccess {
    display: block; }

.footer {
  background-color: #172023;
  padding-bottom: 45px; }
  .footer .safeArea {
    display: flex;
    align-items: center;
    gap: 32px; }
  .footer .partners {
    order: 2;
    flex: 1 1 auto;
    text-align: center;
    color: #ffffff; }
    .footer .partners a {
      text-decoration: underline;
      display: inline-block;
      margin-left: 20px;
      color: #ffffff; }
      .footer .partners a:hover {
        text-decoration: none; }
  .footer .quickLinks {
    order: 1;
    flex: 0 0 auto; }
    .footer .quickLinks ul li {
      display: inline-block; }
      .footer .quickLinks ul li a {
        display: block;
        padding: 5px 21px 5px 0;
        color: #ffffff;
        font-size: 12px; }
        .footer .quickLinks ul li a:hover {
          text-decoration: underline; }
  .footer .smcp {
    order: 3;
    flex: 0 0 auto;
    text-align: right; }
    .footer .smcp .socialLinks {
      display: inline-block;
      vertical-align: middle; }
      .footer .smcp .socialLinks a {
        display: inline-block;
        margin-left: 2px; }
        .footer .smcp .socialLinks a img {
          width: 20px;
          display: block; }
    .footer .smcp .copyright {
      display: inline-block;
      vertical-align: middle;
      margin-left: 20px;
      color: #ffffff; }
  .footer .clearBoth {
    display: none; }

.showOnMobile {
  display: none !important; }

.faqsPage .toggleItem {
  padding: 40px 30px 20px 30px;
  box-sizing: border-box;
  margin-bottom: 0; }
.faqsPage .safeArea {
  max-width: 990px; }

.toggleItem {
  padding: 20px 0 45px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #000; }

.toggleContent {
  display: none;
  padding-right: 30px; }

.toggleTitle {
  cursor: pointer;
  font-size: 18px;
  padding-right: 30px;
  color: #000000;
  margin-bottom: 20px; }

.toggleTitle.active {
  color: #000000; }

.faqCategory .toggleTitle {
  font-size: 18px;
  padding-right: 30px; }
.faqCategory .toggleContent {
  padding-right: 30px; }

.faqsPage {
  margin-top: 100px; }
  .faqsPage .blockRightExpand {
    width: 100%;
    float: none; }
  .faqsPage .toggleTitle {
    background-image: url(../images/ico-plus.svg);
    background-position: right top;
    background-size: 20px auto;
    background-repeat: no-repeat; }
    .faqsPage .toggleTitle.active {
      background-image: url(../images/ico-minus.svg); }

.afterSubmissionForm {
  color: #000000;
  font-size: 16px; }
  .afterSubmissionForm h4 {
    margin-bottom: 15px;
    font-size: 18px; }
  .afterSubmissionForm .submit {
    margin-top: 30px; }
    .afterSubmissionForm .submit a {
      width: auto !important; }

.comingSoonBody {
  padding: 127px 0;
  text-align: center; }
  .comingSoonBody .logoHolderCS {
    display: inline-block;
    width: 315px;
    text-align: center;
    margin-bottom: 150px; }
  .comingSoonBody h1 {
    color: #000000;
    font-size: 45px;
    margin-bottom: 30px;
    font-weight: normal; }
  .comingSoonBody .content {
    font-size: 16px;
    color: #000000;
    margin-bottom: 60px; }
  .comingSoonBody h2 {
    font-weight: normal;
    color: #00bec1;
    font-size: 24px; }

.csFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }
  .csFooter.footer {
    background-color: transparent; }
    .csFooter.footer .smcp .copyright {
      color: #000000; }

@media all and (min-width: 1025px) and (max-width: 1100px) {
  .safeArea {
    padding: 0 40px; }

  .pageBanner .textContainer, .pageBanner .logoContainer {
    left: 0;
    padding: 0 40px; } }