@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@charset "UTF-8";
.wxp-key-outcomes .list, .section-media ul, .hp-ai-native .info-box .list, .hp-faq .hp-faq-accordion, .hp-quick-links .quick-links, .de-selected-content .content-holder .bullets-wrap .bullets, .learning-post .sidebar .social-links, .learning-center-content .list, .ai-native-accordion, .collaboration .logos, .key-outcomes .list, .event-item .info-list, .tab-list, .metrics .data-row .data-list, .core-capabilities .content .list, .faq-accordion, .press-mentions .press-mentions-list, .data .data-list, .speaker-list, .author-social .social-links, .header-blog-post .tags, .nav-inline, .platform-it-team .list, .platform-overview .list, .pagination ul, .blog-hero .tag-list, .accordion, .social-networks, .partner-list ul, .page-hero .card-list, .breadcrumbs, .footer-notes-disclaimers ol, .footer-t .menu,
.footer-nav, .nav .drop .links, .nav .drop .col-r .list, .nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.blog-hero .h5 a:after, .blog-item .h6 a:after,
.blog-item h6 a:after {
  transition: transform 0.3s ease-in-out;
}
.blog-hero .h5 a:hover:after, .blog-item .h6 a:hover:after,
.blog-item h6 a:hover:after {
  transform: translateY(-5px);
}

.ellipsis {
  white-space: nowrap; /* 1 */
  text-overflow: ellipsis; /* 2 */
  overflow: hidden;
}

@font-face {
  font-family: "icomoon";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../fonts/icomoon/icomoon.eot?5sv48p");
  src: url("../../fonts/icomoon/icomoon.eot?#iefix5sv48p") format("embedded-opentype"), url("../../fonts/icomoon/icomoon.svg?5sv48p") format("svg"), url("../../fonts/icomoon/icomoon.ttf?5sv48p") format("truetype"), url("../../fonts/icomoon/icomoon.woff?5sv48p") format("woff");
}
@font-face {
  font-family: "FormaDJRUI";
  src: url("../../fonts/FormaDJRUI/FormaDJRUI.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-regular-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-regularitalic-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-regularitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-light-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-light-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-lightitalic-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-lightitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-medium-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-medium-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-mediumitalic-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-mediumitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-semibold-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-semibold-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-semibolditalic-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-semibolditalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-bold-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-bold-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-bolditalic-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-bolditalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-heavy-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-heavy-webfont.woff") format("woff");
}
@font-face {
  font-family: "sf-ui-text";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: local("SF UI text"), local("sf-ui-text"), url("../../fonts/SFUI/sfuitext-heavyitalic-webfont.woff2") format("woff2"), url("../../fonts/SFUI/sfuitext-heavyitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "aeonik";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("aeonik"), local("aeonik"), url("../../fonts/aeonik/aeonik-bold-webfont.woff2") format("woff2"), url("../../fonts/aeonik/aeonik-bold-webfont.woff") format("woff");
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.8em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left:before {
  content: "\E90A";
}

.icon-arrow-right:before {
  content: "\E90B";
}

.icon-arrow-top-right:before {
  content: "\E90C";
}

.icon-check:before {
  content: "\E90D";
}

.icon-chevron-right:before {
  content: "\E90E";
}

.icon-copy:before {
  content: "\E90F";
}

.icon-currency:before {
  content: "\E910";
}

.icon-customize:before {
  content: "\E911";
}

.icon-globe:before {
  content: "\E912";
}

.icon-heal:before {
  content: "\E913";
}

.icon-layer:before {
  content: "\E914";
}

.icon-package-plus:before {
  content: "\E915";
}

.icon-platform:before {
  content: "\E916";
}

.icon-security:before {
  content: "\E917";
}

.icon-settings:before {
  content: "\E918";
}

.icon-target:before {
  content: "\E919";
}

.icon-user-check:before {
  content: "\E91A";
}

.icon-user:before {
  content: "\E91B";
}

.icon-users:before {
  content: "\E91C";
}

.icon-visibility:before {
  content: "\E91D";
}

.icon-workspace:before {
  content: "\E91E";
}

.icon-youtube:before {
  content: "\E900";
}

.icon-x:before {
  content: "\E901";
}

.icon-play:before {
  content: "\E902";
}

.icon-menu:before {
  content: "\E903";
}

.icon-instagram:before {
  content: "\E904";
}

.icon-facebook:before {
  content: "\E905";
}

.icon-chevron-down:before {
  content: "\E906";
}

.icon-close:before {
  content: "\E907";
}

.icon-chevron-up:before {
  content: "\E908";
}

.icon-pause:before {
  content: "\E909";
}

.icon-link:before {
  content: "\E91F";
}

.icon-linkedin:before {
  content: "\E920";
}

.icon-play-2:before {
  content: "\E921";
}

.icon-play-3:before {
  content: "\E922";
}

.icon-location:before {
  content: "\E923";
}

.icon-clock:before {
  content: "\E924";
}

.icon-external-link:before {
  content: "\E925";
}

.icon-check-circle:before {
  content: "\E926";
}

.icon-play-4:before {
  content: "\E927";
}

.icon-pause-2:before {
  content: "\E928";
}

.icon-download:before {
  content: "\E929";
}

.icon-star:before {
  content: "\E92A";
}

html,
body {
  height: 100%;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

* {
  max-height: 1000000px;
}

body {
  color: #475467;
  background: #fff;
  font: 20px/1.5 "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.gm-style img {
  max-width: none;
}

@media only screen and (min-width: 1025px) {
  a[href^=tel], a[href^=skype], a[href^=sms] {
    cursor: default;
    pointer-events: none;
  }
}
#wrapper {
  width: 100%;
  position: relative;
  overflow: clip;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only.top, .sr-only.bottom {
  left: 0;
  top: 0;
  z-index: 999;
  position: fixed;
}
.sr-only.bottom {
  top: auto;
  bottom: 0;
}

.sr-only.sr-only-focusable:focus {
  color: #fff;
  font-size: 14px;
  line-height: 1.25;
  background: #051d2f;
  padding: 5px 10px;
  margin: 5px;
  clip: auto;
  width: auto;
  height: auto;
  z-index: 9999;
}

.sr-only.sr-only-focusable:focus[accesskey=m],
.sr-only.sr-only-focusable:focus[accesskey=c] {
  z-index: 9999;
  position: fixed;
  text-decoration: none;
}

a:-webkit-any-link:focus-visible {
  outline-offset: 4px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h {
  font-family: inherit;
  font-weight: bold;
  margin: 0 0 0.5em;
  color: #000;
}

h1, .h1 {
  font-size: 60px;
  line-height: 1.067;
}
@media (max-width: 1023px) {
  h1, .h1 {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 36px;
    line-height: 1.223;
  }
}

h2, .h2 {
  font-size: 60px;
  line-height: 1.0667;
  margin-bottom: 0.5556em;
}
@media (max-width: 1023px) {
  h2, .h2 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  h2, .h2 {
    font-size: 42px;
    line-height: 1.125;
  }
}

h3, .h3 {
  font-size: 48px;
  line-height: 1.25;
}

h4, .h4 {
  font-size: 36px;
  line-height: 1.2223;
  font-weight: 700;
  margin-bottom: 0.5556em;
}

h5, .h5 {
  font-size: 30px;
  line-height: 1.2667;
}

h6, .h6 {
  font-size: 24px;
  line-height: 1.3334;
}

p {
  margin: 0 0 1em;
}

a {
  color: #4D52E5;
}
a:hover, a:focus {
  text-decoration: none;
}

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=search],
input[type=password],
input[type=url],
input[type=date],
textarea,
select {
  -webkit-appearance: none;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #D0D5DD;
  padding: 10px 14px;
  color: #656565;
  width: 100%;
  height: 44px;
  font-size: 16px;
  outline: none;
  font-weight: 400;
}
input[type=text]:focus, input[type=text]:hover,
input[type=tel]:focus,
input[type=tel]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=search]:focus,
input[type=search]:hover,
input[type=password]:focus,
input[type=password]:hover,
input[type=url]:focus,
input[type=url]:hover,
input[type=date]:focus,
input[type=date]:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  border-color: #0096D6;
}
input[type=text]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #656565;
}
input[type=text]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=date]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  opacity: 1;
  color: #656565;
}
input[type=text]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=date]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: #656565;
}
input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #656565;
}
input[type=text].placeholder,
input[type=tel].placeholder,
input[type=email].placeholder,
input[type=search].placeholder,
input[type=password].placeholder,
input[type=url].placeholder,
input[type=date].placeholder,
textarea.placeholder,
select.placeholder {
  color: #656565;
}

select {
  -webkit-border-radius: 8px;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 32 32' fill='%2398A2B3' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 21.28c-0.32 0-0.64-0.16-0.96-0.32l-8-8c-0.48-0.48-0.48-1.44 0-1.92s1.44-0.48 1.92 0l7.040 7.040 7.040-7.040c0.48-0.48 1.44-0.48 1.92 0s0.48 1.44 0 1.92l-8 8c-0.32 0.32-0.64 0.32-0.96 0.32z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  background-size: 20px 20px;
}

textarea {
  resize: vertical;
  vertical-align: top;
  height: auto;
  min-height: 200px;
}

button,
input[type=button],
input[type=reset],
input[type=file],
input[type=submit] {
  -webkit-appearance: none;
  -webkit-border-radius: 8px;
  cursor: pointer;
}

.signup-form {
  overflow: hidden;
}
.signup-form label {
  font-size: 14px;
  font-weight: 500;
  display: block;
  color: #656565;
  margin-bottom: 6px;
}
.signup-form .btn,
.signup-form button {
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-top: 9px;
}

.form-row {
  margin: -11px -16px 11px;
  display: flex;
}
.form-row .form-col {
  padding: 11px 16px 12px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  min-width: 50%;
}
@media (max-width: 374px) {
  .form-row .form-col {
    min-width: 100%;
  }
}
.form-row .form-col p {
  margin: 0;
}

form.signup-form .wpcf7-list-item {
  margin: 0;
}

.col-xs-1, .col-xls-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-xls-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-xls-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-xls-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-xls-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-xls-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-xls-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-xls-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-xls-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-xls-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-xls-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-xls-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  min-height: 1px;
  width: 100%;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 480px) {
  .col-xls-1 {
    width: 8.3333333333%;
  }
  .col-xls-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xls-2 {
    width: 16.6666666667%;
  }
  .col-xls-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xls-3 {
    width: 25%;
  }
  .col-xls-offset-3 {
    margin-left: 25%;
  }
  .col-xls-4 {
    width: 33.3333333333%;
  }
  .col-xls-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xls-5 {
    width: 41.6666666667%;
  }
  .col-xls-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xls-6 {
    width: 50%;
  }
  .col-xls-offset-6 {
    margin-left: 50%;
  }
  .col-xls-7 {
    width: 58.3333333333%;
  }
  .col-xls-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xls-8 {
    width: 66.6666666667%;
  }
  .col-xls-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xls-9 {
    width: 75%;
  }
  .col-xls-offset-9 {
    margin-left: 75%;
  }
  .col-xls-10 {
    width: 83.3333333333%;
  }
  .col-xls-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xls-11 {
    width: 91.6666666667%;
  }
  .col-xls-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xls-12 {
    width: 100%;
  }
  .col-xls-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1280px) {
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.container {
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1328px;
}

.row {
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
  flex-wrap: wrap;
}

.row-height > [class*=col-] {
  display: flex;
  flex-wrap: wrap;
}
.row-height > [class*=col-] > * {
  width: 100%;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

#header {
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  background-color: white;
}
@media (max-width: 767px) {
  #header {
    box-shadow: none;
  }
}
#header.sticked {
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  #header {
    padding: 16px 0;
  }
}
#header .container-lg {
  display: flex;
  align-items: center;
  gap: 0 161px;
}
@media (max-width: 1279px) {
  #header .container-lg {
    gap: 0 40px;
  }
}
@media (max-width: 1023px) {
  #header .container-lg {
    gap: 0 14px;
  }
}
@media (max-width: 767px) {
  #header .container-lg {
    justify-content: space-between;
  }
}
#header .logo {
  width: auto;
}
#header .logo img {
  display: block;
  height: 50px;
  width: auto;
}
#header .btns-wrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}
@media (max-width: 1023px) {
  #header .btns-wrap {
    white-space: nowrap;
  }
}
#header .btns-wrap .btn {
  min-width: 117px;
  min-height: 40px;
  padding: 6px 17px;
}
@media (max-width: 1023px) {
  #header .btns-wrap .btn {
    min-width: 1px;
  }
}
@media (max-width: 767px) {
  #header .btns-wrap .btn {
    display: flex;
    margin-top: 20px;
  }
}
#header .btns-wrap .btn.btn-outline {
  min-width: 135px;
}
@media (max-width: 1023px) {
  #header .btns-wrap .btn.btn-outline {
    min-width: 1px;
  }
}

.nav {
  flex: 1;
  display: flex;
  gap: 0 19px;
  padding-left: 3px;
}
@media (max-width: 1023px) {
  .nav {
    gap: 0;
  }
}
@media (max-width: 767px) {
  .nav {
    display: block;
    gap: 0;
    padding-left: 0;
  }
}
.nav .menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav .menu-item a {
  color: #000;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  padding: 16px 16px 14px;
  gap: 8px;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  font-size: 16px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .nav .menu-item a {
    padding: 14px 8px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .nav .menu-item a {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    line-height: 1.5;
  }
}
.nav .menu-item .dropdown-toggle {
  display: block !important;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.4s;
  padding: 0;
}
@media (min-width: 768px) {
  .nav .menu-item .dropdown-toggle {
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .nav .menu-item .dropdown-toggle {
    margin-top: 0px;
  }
}
.nav .menu-item .dropdown-toggle:after {
  transition: transform 0.3s ease-in-out;
  content: "\E906";
  font: 20px/1 "icomoon";
}
@media (max-width: 767px) {
  .nav .menu-item .dropdown-toggle:after {
    font: 28px/1 "icomoon";
  }
}
@media (max-width: 767px) {
  .nav .menu-item .dropdown-toggle.active {
    transform: rotate(180deg);
    transition: all 0.4s;
  }
}
.nav > li {
  position: relative;
  display: flex;
}
.nav > li.hasdrop:hover {
  background: #F9FAFB;
}
@media (max-width: 767px) {
  .nav > li.hasdrop:hover {
    background: unset;
  }
}
@media (max-width: 767px) {
  .nav > li + li {
    margin-top: 8px;
  }
}
.nav > li.active > a {
  border-color: #024AD8;
}
.nav > li:hover .drop, .nav > li:has(.active) .drop {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .nav > li:hover .hasdrop-a, .nav > li:has(.active) .hasdrop-a {
    border-color: transparent;
  }
}
@media (min-width: 768px) {
  .nav > li:hover .hasdrop-a:before, .nav > li:has(.active) .hasdrop-a:before {
    background: #F9FAFB;
  }
}
.nav > li > a {
  color: #000;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  padding: 16px 16px 14px;
  gap: 8px;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  font-size: 16px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .nav > li > a {
    padding: 14px 8px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .nav > li > a {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  #header .nav > li > a {
    height: 80px;
  }
}
@media screen and (min-width: 768px) {
  .nav > li > a:hover {
    border-color: #024AD8;
  }
}
.nav > li > a.hasdrop-a:before {
  transition: background 0.3s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  z-index: -1;
  border-radius: 4px 4px 0 0;
}
@media (min-width: 768px) {
  .nav > li > a.hasdrop-a:hover {
    border-color: transparent;
  }
}
@media (min-width: 768px) {
  .nav > li > a.hasdrop-a:hover:before {
    background: #F9FAFB;
  }
}
.nav .drop {
  background: #F9FAFB;
}
.nav .drop .drop-inner {
  display: flex;
}
@media (max-width: 767px) {
  .nav .drop .drop-inner {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .nav .drop {
    display: block !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    z-index: -1;
    top: calc(100% - 4px);
    left: -120px;
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.14);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-height: 700px) and (min-width: 768px) {
  .nav .drop {
    max-height: 473px;
    overflow-y: auto;
  }
}
@media (min-width: 1024px) {
  .nav .drop {
    left: 0;
  }
}
@media (max-width: 767px) {
  .nav .drop {
    margin: 0 -20px;
  }
}
.nav .drop .col-l {
  padding: 32px;
  width: 316px;
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
@media (max-width: 767px) {
  .nav .drop .col-l {
    width: 100%;
    padding: 44px 24px 32px;
  }
}
.nav .drop .col-l + .col-r {
  background: #fff;
}
.nav .drop .col-l .img img {
  width: 100%;
}
.nav .drop .col-l .btn {
  min-width: 125px;
  line-height: 1.5;
  padding: 11px 19px;
}
.nav .drop .desc {
  font-size: 15px;
  line-height: 1.42;
  font-weight: 400;
}
.nav .drop .desc .title {
  font-size: 18px;
  line-height: 1.555;
  color: #101828;
  display: block;
  margin-bottom: 4px;
}
.nav .drop .desc p {
  margin-bottom: 12px;
}
.nav .drop .desc .btn {
  display: inline-flex !important;
  margin-top: 0 !important;
}
.nav .drop .col-r {
  width: 428px;
  padding: 32px;
}
@media (max-width: 1023px) {
  .nav .drop .col-r {
    padding: 20px;
    width: 340px;
  }
}
@media (max-width: 767px) {
  .nav .drop .col-r {
    width: 100%;
    padding: 16px 20px 24px;
  }
}
.nav .drop .col-r .list-title {
  display: block;
  color: #4759F5;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.555;
  font-weight: 700;
}
.nav .drop .col-r .list {
  font-size: 14px;
  line-height: 1.428;
  color: #475467;
}
.nav .drop .col-r .list li + li {
  margin-top: 4px;
}
.nav .drop .col-r .list li a {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  gap: 16px;
  padding: 12px;
  color: #475467;
}
.nav .drop .col-r .list li a .icon {
  display: flex;
  width: 24px;
  flex: 0 0 24px;
}
.nav .drop .col-r .list li a .text-wrap {
  flex: 1;
}
.nav .drop .col-r .list li a .text-wrap strong {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 1.555;
  color: #101828;
}
.nav .drop .col-r .list li a .text-wrap strong.has-underline {
  text-decoration: underline;
}
.nav .drop .col-r .list li a .text-wrap p {
  margin: 0;
}
.nav .drop .col-r .list li a .text-wrap p + p {
  margin-top: 1rem;
}
.nav .drop .links {
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}
.nav .drop .links li + li {
  margin-top: 8px;
}
.nav .drop .links li a {
  display: inline-flex;
  align-items: center;
  color: #000;
  gap: 0 8px;
}
.nav .drop .links li a:after {
  content: "\E90B";
  font: 12px/1 "icomoon";
}
.nav .drop .close {
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  opacity: 0;
}
.nav .drop .close:focus {
  opacity: 1;
}

.nav-panel {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0 20px;
}
@media (max-width: 767px) {
  .nav-panel {
    display: block;
    position: absolute;
    padding: 20px;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    height: calc(var(--vh) - 72px);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
}
@media (max-width: 767px) {
  .nav-active .nav-panel {
    opacity: 1;
    visibility: visible;
  }
}

.nav-opener {
  text-decoration: none;
  color: #000;
  font-size: 40px;
  line-height: 1;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}
@media screen and (min-width: 768px) {
  .nav-opener {
    display: none;
  }
}
.nav-opener .icon-menu:before {
  display: block;
}
.nav-opener .b {
  display: none;
}

@media (max-width: 767px) {
  .nav-active {
    overflow: hidden;
  }
}
.nav-active .nav-opener .icon-menu:before {
  font-size: 30px;
  content: "\E907";
}
.nav-active .nav-opener .b {
  display: inline;
}
.nav-active .nav-opener .a {
  display: none;
}

.current_page_item a {
  border-color: #000;
}

.is-blog-post .menu-blog a {
  border-color: #000;
}

.link {
  font-weight: 500;
  color: #000;
  text-decoration: none;
}

.tab-list .title, .explore-related-content .header, .get-in-touch .title, .cta-learn-more, .our-story .header .meta, .from-the-blog .header, .platform-overview .desc {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--text-xl-color, #475467);
}

.metrics .data-row .data-list li span, .explore-related-content, .core-capabilities .content, .faq-accordion .opener, .our-story .desc, .author-social .info .name, .conclusion, .single-blog-post, .platform-it-team .list li, .platform-why-hp .container .text-col {
  font-size: 18px;
  line-height: 1.556;
  color: var(--text-md-color, #475467);
}

.tab-list a, .get-in-touch, .faq-accordion, .press-mentions .press-mentions-list .link, .press-mentions .press-mentions-list .meta, .data .data-list span, .from-the-blog, .author-social .info .designation, .single-blog-post blockquote cite, .header-blog-post .publised-date, .our-values .our-values-content,
.our-values .capabilities-content,
.platform-capabilities .our-values-content,
.platform-capabilities .capabilities-content, .platform-overview .list li .desc-wrap, .page-hero.hero-about-us, .footer-notes-disclaimers .title, .link-chevron, .link-w-arrow, .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-md-color, #475467);
}

.modules-features .eyebrow, .from-the-blog .img .caption, .author-social .social-links li a, .single-blog-post figcaption, .tag, .breadcrumbs, .footer-notes-disclaimers ol {
  font-size: 14px;
  line-height: 1.42;
  color: var(--text-md-color, #475467);
}

.single-blog-post blockquote q {
  font-size: 24px;
  line-height: 1.5;
  color: var(--display-xs-color, #475467);
}

.metrics .data-row .data-list li strong, .data .data-list strong {
  font-size: 60px;
  line-height: 1.0667;
  color: var(--display-xl-color, #475467);
}

.eyebrow {
  display: block;
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
}
.eyebrow.is-blue {
  color: #4759f5;
}

.link-w-arrow {
  transition: color 0.3s ease-in-out;
  position: relative;
  color: #000;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0 13px;
  text-decoration: none;
  padding-right: 21px;
}
.link-w-arrow:after {
  content: "\E90C";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font: 8px/1 "icomoon";
}
.link-w-arrow:hover {
  color: #475467;
}

.btn-play {
  outline: none;
  background: none;
  box-shadow: none;
  width: 106px;
  height: 106px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border: 4px solid #101828;
  color: #101828;
  background: white;
  border-radius: 50%;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .btn-play {
    width: 72px;
    height: 72px;
    font-size: 28px;
    border-width: 3px;
  }
}
.btn-play i {
  margin-left: 10%;
}

.link-video {
  display: inline-flex;
  align-items: center;
  color: #4759f5;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  padding-left: 26px;
  position: relative;
  cursor: pointer;
}
.link-video:before {
  content: "\E922";
  font: 18px/1 icomoon;
  position: absolute;
  left: 0;
  top: -1px;
}

.link-chevron {
  font-weight: 700;
  color: #4759F5;
  display: inline-flex;
  align-items: center;
  gap: 0 13px;
  text-decoration: none;
}
.link-chevron:after {
  content: "\E90E";
  font: 12px/1 "icomoon";
}
.link-chevron.watch:after {
  font-size: 18px;
  content: "\E922";
}
.link-chevron.is-black {
  color: #101828;
}

#footer {
  padding: 65px 0 36px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #footer {
    padding: 96px 0 48px;
  }
}
#footer.footer-black {
  background: #000;
  color: #fff;
  position: relative;
  padding: 120px 0;
}
@media (max-width: 1279px) {
  #footer.footer-black {
    padding: 100px 0;
  }
}
@media (max-width: 1023px) {
  #footer.footer-black {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  #footer.footer-black {
    padding: 60px 0;
  }
}
#footer.footer-black:after {
  content: "";
  background: url("../../images/home-new/hp-watermark.svg") no-repeat 0 0/784px 784px;
  position: absolute;
  right: -300px;
  top: -99px;
  width: 784px;
  height: 784px;
  z-index: 1;
}
@media (max-width: 1023px) {
  #footer.footer-black:after {
    background-size: 500px 500px;
    width: 500px;
    height: 500px;
    right: -200px;
    top: -60px;
  }
}
@media (max-width: 767px) {
  #footer.footer-black:after {
    display: none;
  }
}
#footer.footer-black .container {
  position: relative;
  z-index: 2;
  padding: 0 40px;
  max-width: 1360px;
}
@media (max-width: 767px) {
  #footer.footer-black .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#footer.footer-black .title {
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 31px;
  font-weight: 500;
}
#footer.footer-black .title span {
  border-color: #fff;
}
#footer.footer-black .title span:before, #footer.footer-black .title span:after {
  background: #fff;
}
#footer.footer-black .footer-notes-disclaimers ol {
  color: #ccc;
  font-size: 14px;
  line-height: 1.3;
}
#footer.footer-black .footer-notes-disclaimers ol li a {
  color: #ccc;
}
#footer.footer-black .footer-t {
  gap: 60px;
}
@media (max-width: 1279px) {
  #footer.footer-black .footer-t {
    gap: 30px 0;
  }
}
@media (max-width: 767px) {
  #footer.footer-black .footer-t {
    gap: 36px 0;
  }
}
#footer.footer-black .footer-t [class*=col-] {
  width: auto;
}
@media (max-width: 1279px) {
  #footer.footer-black .footer-t [class*=col-] {
    width: 25%;
  }
}
@media (max-width: 1023px) {
  #footer.footer-black .footer-t [class*=col-] {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #footer.footer-black .footer-t [class*=col-] {
    width: 100%;
  }
}
#footer.footer-black .footer-t .title {
  font-weight: 500;
  margin-bottom: 27px;
}
#footer.footer-black .footer-t .menu {
  font-size: 18px;
  gap: 6px;
}
#footer.footer-black .footer-t .menu a {
  color: #fff;
}
#footer.footer-black .wp-block-social-links {
  gap: 16px;
}
#footer.footer-black .wp-block-social-links .wp-block-social-link a {
  color: #fff;
  width: 32px !important;
}
@media (max-width: 1023px) {
  #footer.footer-black .has-social-networks .wp-block-columns {
    margin: 0;
  }
}
#footer.footer-black .has-social-networks img {
  filter: brightness(0) invert(1);
}
@media (min-width: 1280px) {
  #footer.footer-black .has-social-networks {
    display: flex;
    justify-content: flex-end;
    flex: 1;
  }
}
#footer.footer-black .footer-b {
  border: none;
  padding-top: 0;
  margin-top: 64px;
  display: flex;
  justify-content: left;
}
@media (max-width: 1679px) {
  #footer.footer-black .footer-b {
    justify-content: flex-start;
  }
}
#footer.footer-black .footer-b .row {
  justify-content: flex-start;
  gap: 95px;
}
@media (max-width: 1023px) {
  #footer.footer-black .footer-b .row {
    gap: 40px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #footer.footer-black .footer-b .row {
    gap: 40px;
  }
}
#footer.footer-black .footer-b .row .col-sm-1 {
  width: auto;
}
@media (max-width: 1023px) {
  #footer.footer-black .footer-b .row .col-sm-1 {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #footer.footer-black .footer-b .row .col-sm-1 {
    width: 100%;
  }
}
#footer.footer-black .footer-b .copyright-menu {
  gap: 31px;
}
@media (max-width: 767px) {
  #footer.footer-black .footer-b .copyright-menu {
    width: 100%;
    padding: 0;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  #footer.footer-black .footer-b .copyright-menu .col-sm-11 {
    width: 100%;
  }
}
#footer.footer-black .footer-b .menu-copyright-bar-container .menu {
  gap: 32px;
}
@media (max-width: 1023px) {
  #footer.footer-black .footer-b .menu-copyright-bar-container .menu {
    margin: 0;
  }
}
@media (max-width: 767px) {
  #footer.footer-black .footer-b .menu-copyright-bar-container .menu {
    align-items: flex-start;
    margin: 0;
    gap: 16px;
  }
}
#footer.footer-black .footer-b .copyright-menu p,
#footer.footer-black .footer-b .menu-copyright-bar-container .menu a {
  color: #fff;
}
#footer.footer-black .footer-logo {
  width: 189px;
}
@media (max-width: 767px) {
  #footer.footer-black .footer-logo {
    margin: 0;
  }
}
#footer.footer-black .footer-logo a {
  justify-content: flex-start;
}
#footer.footer-black .footer-logo svg {
  height: auto;
}
#footer.footer-black .footer-logo svg path {
  fill: #fff;
}
@media (max-width: 767px) {
  #footer .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
#footer .title {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  #footer .footer-t {
    gap: 64px 0;
    margin-bottom: 0;
  }
  #footer .footer-t .wp-block-columns {
    margin-bottom: 0;
  }
}
#footer .footer-logo {
  width: 222px;
}
@media (max-width: 1023px) {
  #footer .footer-logo {
    width: 222px;
  }
}
@media (max-width: 767px) {
  #footer .footer-logo {
    width: 222px;
    margin: 0 auto 24px;
  }
}
#footer .footer-logo a {
  display: flex;
}
@media (max-width: 767px) {
  #footer .footer-logo a {
    align-items: center;
    justify-content: center;
  }
}
#footer .footer-logo svg,
#footer .footer-logo img {
  display: block;
}
@media (max-width: 1023px) {
  #footer .footer-logo svg,
  #footer .footer-logo img {
    height: 42px;
  }
}
@media (max-width: 767px) {
  #footer .footer-logo svg,
  #footer .footer-logo img {
    height: auto;
  }
}
#footer .nav {
  display: none;
}
@media (max-width: 767px) {
  #footer .nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 32px;
  }
}
@media (max-width: 374px) {
  #footer .nav {
    gap: 14px;
  }
}
#footer .nav a {
  padding: 0;
}
#footer .footer-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .footer-nav li {
  margin-right: 10px;
}
#footer .footer-nav li a {
  color: #333;
  text-decoration: none;
}
#footer .widget_block::marker {
  display: none;
}
#footer .wp-block-social-links {
  margin: 0;
  gap: 4px;
}
#footer .wp-block-social-links .wp-block-social-link:hover {
  transform: none;
}
#footer .wp-block-social-links .wp-block-social-link a {
  width: 32px;
}
#footer .wp-block-social-links .wp-block-social-link a.wp-block-social-link-anchor[href*="https://www.youtube.com"], #footer .wp-block-social-links .wp-block-social-link a.wp-block-social-link-anchor[href*="http://www.facebook.com"] {
  width: 29px;
}
#footer .wp-block-social-links .wp-block-social-link a.wp-block-social-link-anchor[href*="https://twitter.com"] {
  width: 33px;
}
#footer .wp-block-social-links .wp-block-social-link a svg {
  width: 100%;
  height: auto;
}

.footer-t .menu,
.footer-nav {
  font-size: 14px;
  display: grid;
  gap: 11px;
}
.footer-t .menu a,
.footer-nav a {
  color: #2D2D2D;
  text-decoration: none;
}

.footer-b {
  border-top: 1px solid #EAECF0;
  padding-top: 18px;
  margin-top: 63px;
}
@media (max-width: 767px) {
  .footer-b {
    margin-top: 58px;
    padding-top: 23px;
  }
}
.footer-b .row {
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer-b .row {
    justify-content: center;
  }
}
.footer-b .col-sm-11 {
  width: auto;
  padding-left: 0;
}
.footer-b .col-sm-11 .menu {
  padding-left: 0;
}
@media (max-width: 767px) {
  .footer-b .col-sm-11 .menu {
    margin-top: 0;
  }
}
.footer-b .menu-copyright-bar-container .menu,
.footer-b .footer-nav {
  list-style: none;
  font-size: 16px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 25px;
}
@media (max-width: 1023px) {
  .footer-b .menu-copyright-bar-container .menu,
  .footer-b .footer-nav {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .footer-b .menu-copyright-bar-container .menu,
  .footer-b .footer-nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    margin-left: 0;
    gap: 25px;
  }
}
.footer-b .menu-copyright-bar-container .menu a,
.footer-b .footer-nav a {
  color: #000;
  text-decoration: none;
}
.footer-b .copyright-menu {
  display: flex;
  gap: 25px;
  align-items: center;
}
@media (max-width: 767px) {
  .footer-b .copyright-menu {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .footer-b .copyright-menu .col-sm-11 {
    padding: 0;
  }
}
.footer-b .copyright-menu p {
  font-size: 16px;
  color: #000;
  margin: 0;
}

.footer-notes-disclaimers {
  margin-bottom: 64px;
}
.footer-notes-disclaimers .title {
  display: block;
  color: #000;
  font-weight: 800;
  cursor: pointer;
}
.footer-notes-disclaimers .title.active span:after {
  opacity: 0;
  visibility: hidden;
}
.footer-notes-disclaimers .title span {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 2px solid #98a2b3;
  border-radius: 100px;
}
.footer-notes-disclaimers .title span:before, .footer-notes-disclaimers .title span:after {
  content: "";
  width: 10px;
  height: 2px;
  background: #98a2b3;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.footer-notes-disclaimers .title span:after {
  width: 2px;
  height: 10px;
}
.footer-notes-disclaimers ol {
  line-height: 20px;
  color: #2D2D2D;
}
.footer-notes-disclaimers ol li a {
  color: #2D2D2D;
  text-decoration: underline;
  word-break: break-all;
}
.footer-notes-disclaimers ol li a:hover {
  text-decoration: none;
}
.footer-notes-disclaimers ol li p {
  margin: 0;
}

.breadcrumbs-nav {
  display: flex;
  justify-content: start;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 40px;
  font-weight: 700;
  color: #000;
}
@media (max-width: 767px) {
  .breadcrumbs {
    gap: 0 24px;
  }
}
@media (max-width: 374px) {
  .breadcrumbs {
    gap: 0 18px;
  }
}
.breadcrumbs li {
  position: relative;
}
.breadcrumbs li + li:before {
  content: "\E90E";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font: 8px/1 "icomoon";
  left: -24px;
  color: #D0D5DD;
}
@media (max-width: 767px) {
  .breadcrumbs li + li:before {
    left: -16px;
  }
}
@media (max-width: 374px) {
  .breadcrumbs li + li:before {
    left: -14px;
  }
}
.breadcrumbs li a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tag {
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  font-weight: 500;
  padding: 2px 9px;
  border-radius: 100px;
  border: 1px solid var(--tag-border-color);
  color: var(--tag-color);
  background: var(--tag-bg);
}
.tag:hover {
  background: var(--tag-border-color);
}

.tag.tag-black {
  --tag-color: #fff;
  --tag-hover-color: #fff;
  --tag-border-color: #000;
  --tag-bg: #000;
}

.tag.tag-white {
  --tag-color: #fff;
  --tag-hover-color: #000;
  --tag-border-color: #fff;
}

.tag.tag-blue {
  --tag-color: #000;
  --tag-hover-color: #000;
  --tag-border-color: #99D5EF;
  --tag-bg: #cceaf7;
}

.tag.tag-indigo {
  --tag-color: #3538cd;
  --tag-hover-color: #3538cd;
  --tag-border-color: #c7d7fe;
  --tag-bg: #eef4ff;
}

.tag.tag-pink {
  --tag-color: #c11574;
  --tag-hover-color: #c11574;
  --tag-border-color: #fcceee;
  --tag-bg: #fdf2fa;
}

.page-hero {
  position: relative;
  color: #656565;
  margin-bottom: 48px;
  max-width: 100vw;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-hero {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .page-hero .container {
    min-height: 672px;
  }
}
.page-hero .text-hold {
  display: flex;
  align-items: center;
}
.page-hero .row {
  min-height: 650px;
}
@media (max-width: 767px) {
  .page-hero .row {
    min-height: 400px;
    padding: 32px 0 42px;
  }
}
.page-hero .intro-txt {
  max-width: var(--hero-max-width, 500px);
  width: 100%;
}
@media (max-width: 767px) {
  .page-hero .intro-txt {
    padding: 0 0 22px;
    max-width: none;
  }
  .page-hero .intro-txt h2 {
    color: #101828;
  }
}
.page-hero h1 {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .page-hero h1 {
    color: #101828;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .page-hero p {
    margin-bottom: 16px;
  }
}
.page-hero .btns-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 28px;
}
@media (max-width: 767px) {
  .page-hero .btns-wrap {
    padding-top: 0;
  }
}
.page-hero .btns-wrap .btn {
  margin-top: 0;
}
.page-hero .btn {
  margin-top: 28px;
  gap: 0 12px;
}
@media (max-width: 767px) {
  .page-hero .btn {
    margin-top: 0;
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .page-hero .img {
    position: absolute;
    top: 36px;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
  }
}
.page-hero .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
}
.page-hero .img-hold {
  position: static;
}
.page-hero .card-list {
  display: grid;
  gap: 13px;
  max-width: 355px;
  margin: 0 -80px 0 auto;
  width: 100%;
  font-family: "sf-ui-text", sans-serif;
}
@media (max-width: 1439px) {
  .page-hero .card-list {
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .page-hero .card-list {
    max-width: 290px;
  }
}
@media (max-width: 767px) {
  .page-hero .card-list {
    max-width: none;
    padding: 0 17px 20px;
    gap: 7px;
  }
}
.page-hero .card-list .card {
  background: rgba(255, 255, 255, 0.65);
  -webkit-backdrop-filter: blur(38px);
          backdrop-filter: blur(38px);
}
@media (max-width: 767px) {
  .page-hero .card-list .card {
    -webkit-backdrop-filter: blur(27.93);
            backdrop-filter: blur(27.93);
  }
}
.page-hero.hero-partners {
  margin-bottom: 0;
}
.page-hero.hero-partners .row {
  padding: 0;
  min-height: 518px;
  align-items: center;
}
@media (max-width: 767px) {
  .page-hero.hero-partners .row {
    min-height: 1px;
    padding: 32px 0 42px;
  }
}
.page-hero.hero-partners .intro-txt {
  padding: 30px 0;
}
@media (max-width: 767px) {
  .page-hero.hero-partners .intro-txt {
    padding: 0 0 22px;
  }
}
.page-hero.hero-partners .intro-txt h1 {
  color: #101828;
}
.page-hero.hero-partners .img-hold {
  position: static;
}
@media (max-width: 767px) {
  .page-hero.hero-partners .img-hold {
    padding-bottom: 0;
  }
}
@media (max-width: 1279px) {
  .page-hero.hero-partners .img {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .page-hero.hero-partners .img {
    width: auto;
    margin-right: -16px;
    position: static;
    border-radius: 0;
  }
}
.page-hero.hero-partners .btns-wrap {
  padding-top: 4px;
}
.page-hero.hero-partners .btns-wrap .btn {
  margin-top: 0;
}
.page-hero.hero-partners .btn {
  margin-top: 4px;
}

.page-hero.hero-modules,
.page-hero.hero-platform {
  --hero-max-width: 592px;
  overflow: visible;
}
.page-hero.hero-modules .row,
.page-hero.hero-platform .row {
  min-height: 583px;
}
@media (max-width: 767px) {
  .page-hero.hero-modules .row,
  .page-hero.hero-platform .row {
    min-height: 1px;
  }
}
.page-hero.hero-modules h1,
.page-hero.hero-platform h1 {
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .page-hero.hero-modules h1,
  .page-hero.hero-platform h1 {
    margin-bottom: 17px;
  }
}
.page-hero.hero-modules .desc,
.page-hero.hero-platform .desc {
  max-width: 480px;
}
@media (max-width: 767px) {
  .page-hero.hero-modules .img-hold,
  .page-hero.hero-platform .img-hold {
    padding-bottom: 0;
  }
}
.page-hero.hero-modules .img,
.page-hero.hero-platform .img {
  border-radius: 10px 0 0 10px;
  box-shadow: 0 19px 41px 0 rgba(0, 0, 0, 0.1), 0 75px 75px 0 rgba(0, 0, 0, 0.09), 0 168px 101px 0 rgba(0, 0, 0, 0.05), 0 467px 131px 0 rgba(0, 0, 0, 0);
}
@media (max-width: 767px) {
  .page-hero.hero-modules .img,
  .page-hero.hero-platform .img {
    width: 100%;
    border-radius: 10px;
    padding: 0 2px;
    position: static;
  }
}
.page-hero.hero-modules .img img,
.page-hero.hero-platform .img img {
  -o-object-position: 0 0;
     object-position: 0 0;
}
.page-hero.hero-modules .img:before,
.page-hero.hero-platform .img:before {
  content: none;
}

@media (max-width: 767px) {
  .page-hero.hero-modules .intro-txt {
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .page-hero.hero-modules .img {
    box-shadow: none;
  }
}
.page-hero.hero-modules .intro-txt .icon-external-link {
  display: none;
}

.page-hero.style--2 {
  --hero-max-width: 530px;
  margin: 120px 0;
}
@media (max-width: 1023px) {
  .page-hero.style--2 {
    margin: 80px 0;
  }
}
@media (max-width: 767px) {
  .page-hero.style--2 {
    margin: 40px 0;
  }
}
.page-hero.style--2 .container {
  min-height: 0;
  max-width: 1360px;
  padding-left: 40px;
  padding-right: 40px;
}
.page-hero.style--2 .container .row {
  min-height: 0;
}
.page-hero.style--2 .img {
  position: static;
  border-radius: 16px;
  box-shadow: none;
}
.page-hero.style--2 .img img {
  border-radius: 16px;
}
.page-hero.style--2 .intro-txt {
  font-size: 18px;
  line-height: 1.55;
}
.page-hero.style--2 h1 {
  font-size: 36px;
}
@media (min-width: 768px) {
  .page-hero.style--2 h1 {
    font-size: 42px;
  }
}
@media (min-width: 1024px) {
  .page-hero.style--2 h1 {
    font-size: 48px;
    margin-bottom: 27px;
  }
}
.page-hero.style--2 h1 > span {
  display: block;
  color: #4D52E5;
}
.page-hero.style--2 p {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .page-hero.style--2 p {
    margin-bottom: 27px;
  }
}
.page-hero.style--2 .btns-wrap {
  padding-top: 15px;
}
@media (min-width: 1024px) {
  .page-hero.style--2 .btns-wrap {
    padding-top: 23px;
  }
}

.page-hero.hero-about-us {
  --hero-max-width: 560px;
  color: #656565;
}
@media (min-width: 1024px) {
  .page-hero.hero-about-us {
    padding: 48px 0 24px;
  }
}
@media (max-width: 767px) {
  .page-hero.hero-about-us {
    font-size: 20px;
    line-height: 1.5;
  }
}
.page-hero.hero-about-us + .platform-overview {
  padding-top: 0;
}
.page-hero.hero-about-us .container,
.page-hero.hero-about-us .row {
  min-height: 1px;
}
.page-hero.hero-about-us h3 {
  margin-bottom: 12px;
  color: #101828;
}
@media (max-width: 767px) {
  .page-hero.hero-about-us h3 {
    font-size: 36px;
    line-height: 1.222;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .page-hero.hero-about-us p {
    margin-bottom: 20px;
  }
}
.page-hero.hero-about-us .btn {
  margin-top: 8px;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .page-hero.hero-about-us .btn {
    margin-top: 0;
  }
}
.page-hero.hero-about-us .img-hold {
  position: relative;
}
.page-hero.hero-about-us .img-hold .img {
  position: static;
  height: 100%;
}
@media (max-width: 767px) {
  .page-hero.hero-about-us .img-hold .img {
    height: 80%;
  }
}
@media (max-width: 767px) {
  .page-hero.hero-about-us .intro-txt {
    margin-bottom: 18px;
  }
}

.page-hero.hero-ai {
  --hero-max-width: 560px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .page-hero.hero-ai {
    padding: 42px 0 100px;
  }
}
@media (max-width: 767px) {
  .page-hero.hero-ai {
    font-size: 20px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .page-hero.hero-ai h1 {
    font-size: 48px;
    line-height: 1.25;
    margin-bottom: 24px;
  }
}
.page-hero.hero-ai .container,
.page-hero.hero-ai .row {
  min-height: 1px;
}
@media (max-width: 767px) {
  .page-hero.hero-ai .row {
    padding: 56px 0;
  }
}
.page-hero.hero-ai .text-hold {
  flex: 1;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .page-hero.hero-ai p {
    margin-bottom: 20px;
  }
}
.page-hero.hero-ai .btn {
  margin-top: 28px;
}
.page-hero.hero-ai .img-hold {
  position: relative;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .page-hero.hero-ai .img-hold {
    width: 47.6%;
  }
}
.page-hero.hero-ai .img-hold .img {
  position: static;
  height: 100%;
  border-radius: 0 60px;
  overflow: hidden;
}
.page-hero.hero-ai .intro-txt {
  max-width: none;
}
@media (max-width: 767px) {
  .page-hero.hero-ai .intro-txt {
    margin-bottom: 18px;
  }
}
.page-hero.hero-ai .intro-txt .text {
  max-width: 560px;
}

.hero-events {
  position: relative;
  text-align: center;
  padding-bottom: 75px;
  padding-top: 97px;
  color: #656565;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hero-events {
    padding-top: 60px;
    padding-bottom: 56px;
  }
}
.hero-events .eyebrow {
  color: #4759f5;
}
.hero-events h1 {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .hero-events h1 {
    padding: 0 20px;
  }
}
.hero-events .desc {
  max-width: 768px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .hero-events .desc {
    margin-bottom: 40px;
  }
}
.hero-events .btn {
  margin-top: 28px;
}
.hero-events .tag {
  margin-bottom: 16px;
  display: inline-block;
  padding: 3px 11px;
}
.hero-events .video {
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .hero-events .video {
    margin-top: 30px;
    padding: 0 10px;
  }
}
.hero-events .video img {
  width: 100%;
}

.hero-module-details {
  position: relative;
  text-align: center;
  margin-bottom: 24px;
  padding-top: 48px;
  color: #656565;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hero-module-details {
    padding-top: 44px;
    margin-bottom: 40px;
  }
}
.hero-module-details .container {
  max-width: 1264px;
}
.hero-module-details .desc {
  max-width: 1024px;
  margin: 0 auto 82px;
}
@media (max-width: 767px) {
  .hero-module-details .desc {
    margin-bottom: 40px;
  }
}
.hero-module-details h1 {
  color: #000;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .hero-module-details h1 {
    font-size: 36px;
    line-height: 1.222;
  }
}
.hero-module-details .btn {
  margin-top: 28px;
}
.hero-module-details .tag {
  margin-bottom: 16px;
  display: inline-block;
  padding: 3px 11px;
}
.hero-module-details .video {
  height: 560px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .hero-module-details .video {
    height: auto;
    width: 100%;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .hero-module-details .video {
    height: auto;
    width: 100%;
    margin-top: 30px;
  }
}
.hero-module-details .video img {
  width: 100%;
}
.hero-module-details iframe {
  height: 560px;
  aspect-ratio: 16/9;
  display: block;
}
@media (max-width: 767px) {
  .hero-module-details iframe {
    height: 202px;
  }
}

.hero-partners.new .container {
  min-height: 500px;
}
@media (max-width: 767px) {
  .hero-partners.new .container {
    min-height: 500px;
  }
}
@media (max-width: 1189px) {
  .hero-partners.new .partners-hero {
    flex-direction: column;
    align-items: center;
  }
  .hero-partners.new .partners-hero .col-sm-6 {
    width: 100%;
  }
  .hero-partners.new .partners-hero .col-sm-6 .intro-txt {
    max-width: 100%;
  }
  .hero-partners.new .partners-hero .text-hold .intro-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 1189px) and (max-width: 767px) {
  .hero-partners.new .partners-hero .text-hold .intro-txt {
    display: block;
    flex-direction: column;
    align-items: baseline;
  }
}
@media (max-width: 1189px) {
  .hero-partners.new .partners-hero .text-hold .intro-txt h1 {
    text-align: center;
  }
}
@media (max-width: 1189px) and (max-width: 767px) {
  .hero-partners.new .partners-hero .text-hold .intro-txt h1 {
    text-align: left;
  }
}
@media (max-width: 1189px) {
  .hero-partners.new .partners-hero .text-hold .intro-txt p {
    max-width: 600px;
    text-align: center;
  }
}
@media (max-width: 1189px) and (max-width: 767px) {
  .hero-partners.new .partners-hero .text-hold .intro-txt p {
    text-align: left;
  }
}
.hero-partners.new .thumb video {
  width: 100%;
  aspect-ratio: 16/9;
}
.hero-partners.new .img-hold iframe {
  height: auto;
  aspect-ratio: 16/9;
}

.page-hero-new {
  overflow: hidden;
  min-height: 698px;
  position: relative;
}
.page-hero-new .container {
  position: relative;
}
.page-hero-new .bg-image {
  max-height: 698px;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-hero-new .bg-image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
}
.page-hero-new .bg-image picture {
  height: 100%;
  width: 100vw;
}
@media (max-width: 767px) {
  .page-hero-new .bg-image picture {
    width: 100%;
  }
}
.page-hero-new .bg-image img {
  width: 100vw;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
@media (max-width: 767px) {
  .page-hero-new .bg-image img {
    width: 100%;
    height: 100%;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.page-hero-new .intro-txt {
  margin: 0 auto;
  padding-top: 46px;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .page-hero-new .intro-txt {
    align-items: baseline;
    padding-top: 57px;
  }
}
.page-hero-new .intro-txt h1 {
  text-align: center;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 16px;
}
.page-hero-new .intro-txt h1.title-black {
  color: #000;
}
.page-hero-new .intro-txt h1.title-white {
  color: #fff;
}
@media (max-width: 767px) {
  .page-hero-new .intro-txt h1 {
    font-size: 36px;
    text-align: left;
    margin: 0 0 16px;
  }
  .page-hero-new .intro-txt h1.mobile-black {
    color: #000;
  }
  .page-hero-new .intro-txt h1.mobile-white {
    color: #fff;
  }
}
.page-hero-new .hero-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
@media (max-width: 767px) {
  .page-hero-new .hero-logos {
    margin-top: 78px;
    order: 3;
    align-self: center;
  }
}
.page-hero-new .hero-logos .devider:last-child {
  display: none;
}
.page-hero-new.reduced {
  min-height: 400px;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 50px;
  transition: all 2s;
}
.page-hero-new.reduced .bg-image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  transition: all 3s;
}
.page-hero-new.reduced h1.title-black {
  color: #fff;
  transition: all 3s;
}
.page-hero-new.reduced h1.mobile-black {
  color: #fff;
  transition: all 3s;
}
.page-hero-new.reduced .btn {
  background-color: #fff;
  color: #000;
  transition: all 3s;
  border: #fff;
}
@media (max-width: 767px) {
  .page-hero-new.reduced .hero-logos.newposition {
    display: flex;
    order: 0;
    margin-top: 0;
    margin-bottom: 15px;
    align-self: baseline;
  }
}

.page-hero-old {
  margin-bottom: 0;
}
.page-hero-old .container {
  min-height: 650px;
}
.page-hero-old .bg-pattern {
  top: 0;
}

.hero-right {
  position: relative;
  height: 100%;
}
.hero-right picture {
  position: absolute;
  left: 0;
  top: 50%;
  transform: scale(0.5) translateY(-50%);
  transform-origin: top left;
}
@media (max-width: 767px) {
  .hero-right picture {
    position: relative;
    left: unset;
    top: unset;
    transform: none;
  }
}
@media (max-width: 1120px) {
  .hero-right picture {
    transform: scale(0.4) translateY(-50%);
  }
}
@media (max-width: 900px) {
  .hero-right picture {
    transform: scale(0.35) translateY(-50%);
  }
}
.hero-right picture img {
  max-width: none;
}
@media (max-width: 767px) {
  .hero-right picture img {
    max-width: 100%;
  }
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 60px;
  min-width: 142px;
  border-radius: 8px;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  font-size: 18px;
  font-weight: 700;
  padding: 5px 23px;
  text-decoration: none;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.btn:hover {
  border-color: #182230;
  background: #182230;
}
.btn.btn-outline {
  background-color: transparent;
  color: #000;
}
.btn.btn-outline:hover {
  color: #fff;
  background: #000;
}
.btn.btn-md {
  min-height: 48px;
  font-size: 16px;
  padding: 5px 19px;
}
.btn.btn-sm {
  min-height: 44px;
  font-size: 16px;
  padding: 5px 18px;
}
.btn.btn-gray {
  background: #686868;
  border-color: #686868;
}
.btn.btn-white {
  background: #fff;
  border-color: #fff;
  color: #000;
}
.btn.btn-blue {
  background: #4759F5;
  border-color: #4759F5;
  color: #fff;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.btn.btn-blue.btn-blue:hover {
  border-color: #3f4dd3 !important;
  background: #3f4dd3 !important;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.btn.btn-dark {
  background: #212121;
  border-color: #212121;
}

.btn-2sm {
  font-size: 16px;
  font-weight: 500;
  min-height: 40px;
  min-width: 130px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 6px;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .btn-2sm {
    min-height: 50px;
  }
}
.btn-2sm.btn-blue {
  background: #024AD8;
}
.btn-2sm.btn-white {
  background: #fff;
  border-color: #101828;
}
.btn-2sm.btn-white:hover {
  background: #101828;
  color: #fff;
}

.monitor-section,
.partner-section {
  text-align: center;
  padding: 48px 0 24px;
  color: #656565;
  font-size: 16px;
}
@media (max-width: 767px) {
  .monitor-section,
  .partner-section {
    font-size: 18px;
    padding: 32px 0 32px;
  }
}
.monitor-section .title,
.partner-section .title {
  display: block;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .monitor-section .title,
  .partner-section .title {
    font-size: 24px;
    line-height: 1.34;
  }
}
.monitor-section .wide-container,
.partner-section .wide-container {
  width: 1440px;
  max-width: 1440px;
  overflow: hidden;
}

.monitor-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.monitor-section img {
  width: 100%;
}
@media (max-width: 767px) {
  .monitor-section {
    font-size: 18px;
    padding: 48px 0 0;
  }
}
.monitor-section title {
  margin: 0;
}

.partner-list {
  animation: marquee 10s linear 0s infinite;
  min-width: 100%;
}
.partner-list ul {
  display: flex;
  gap: 0 126px;
  align-items: center;
  flex-wrap: nowrap;
}
@media (min-width: 769px) {
  .partner-list ul {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .partner-list ul {
    gap: 0 51px;
  }
}
@media (min-width: 769px) {
  .partner-list ul .hide-desktop {
    display: none;
  }
}
.partner-list img {
  display: block;
  max-width: none;
}

.partner-section {
  overflow: hidden;
}

.partner-section.partners-component {
  padding: 64px 0 48px;
}

.video-block {
  padding: 48px 0;
}
@media (max-width: 767px) {
  .video-block {
    padding: 32px 0 32px;
  }
}
.video-block + .feature-section {
  padding-top: 0;
}
@media (max-width: 767px) {
  .video-block + .feature-section {
    padding-top: 54px;
  }
}
.video-block h2 {
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .video-block h2 {
    margin-bottom: 24px;
    font-size: 30px;
  }
}
.video-block h2 span {
  color: #4759F5;
}
.video-block .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.video-block .btn {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .video-block .icon-play.play {
    display: none;
  }
}

.video-control {
  bottom: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  font-size: 80px;
  line-height: 1;
  color: #fff;
  opacity: 0.3;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.video-control.dark {
  color: #000;
}
.video-control .pause {
  font-size: 92px;
  display: none;
}
.video-control.playing .pause {
  display: none;
}
.video-control.playing .play {
  opacity: 0;
}
.video-control.playing .play:before {
  content: "\E928";
}
@media (max-width: 767px) {
  .video-control.controls-mobile {
    display: none;
  }
}

.single-blog-post .video-container-wrap {
  margin: 2rem 0;
}
.single-blog-post .video-container-wrap .video-container {
  margin: 0;
}

.video-container-wrap .image-caption {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.video-container {
  position: relative;
  max-width: 916px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  padding-top: 42.4%;
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}
@media (max-width: 1279px) {
  .video-container {
    padding-top: 56.6%;
  }
}
.video-container:hover .video-control {
  opacity: 1;
}
.video-container:hover .video-control.playing .play {
  opacity: 1;
}
.video-container .video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-container iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-container.storylane {
  max-width: 100%;
}
.video-container.storylane button {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
}

.card {
  height: 100%;
  display: flex;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 8px;
  padding: 17px 16px 16px;
  box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.9), 0px 38px 38px 0px rgba(0, 0, 0, 0.09), 0px 85px 51px 0px rgba(0, 0, 0, 0.05), 0px 151px 60px 0px rgba(0, 0, 0, 0.01), 0px 173px 48px 0px rgba(0, 0, 0, 0);
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
  color: #000;
}
@media (max-width: 767px) {
  .card {
    font-size: 12px;
    padding: 12px 13px;
    gap: 7px;
    background: #f7f7f7;
    box-shadow: none;
  }
}
.card p:last-of-type {
  margin-bottom: 0;
}
.card .title {
  display: block;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .card .title {
    font-size: 14px;
  }
}
.card .icon {
  width: 32px;
  height: 32px;
  max-width: 32px;
  flex: 0 0 32px;
}
@media (max-width: 767px) {
  .card .icon {
    width: 24px;
    height: 24px;
    max-width: 24px;
    flex: 0 0 24px;
  }
}
.card .icon img {
  width: 100%;
}

.news-box {
  background: #F9FAFB;
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #000;
}
.news-box p:last-of-type {
  margin-bottom: 0;
}
.news-box .img {
  position: relative;
  padding-top: 68%;
}
@media (max-width: 767px) {
  .news-box .img {
    padding-top: 62.38%;
  }
}
.news-box .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-box .txt-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  gap: 24px;
}
@media (max-width: 767px) {
  .news-box .txt-wrap {
    gap: 9px;
  }
}
.news-box .title {
  font-size: 72px;
  line-height: 1;
  margin-bottom: 39px;
}
@media (max-width: 767px) {
  .news-box .title {
    margin-bottom: 9px;
  }
}
.news-box .txt {
  flex: 1;
}

.card-w-icon {
  border-radius: 12px;
  height: 100%;
  padding: 32px;
  color: #101828;
  font-size: 18px;
  line-height: 1.56;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 214px;
  background-color: #fff;
  box-shadow: 0 10px 23px 0 rgba(0, 0, 0, 0.1), 0 42px 42px 0 rgba(0, 0, 0, 0.09), 0 94px 56px 0 rgba(0, 0, 0, 0.05), 0 167px 67px 0 rgba(0, 0, 0, 0.01);
}
.card-w-icon .icon {
  width: 64px;
  height: 64px;
  display: block;
}
.card-w-icon p:last-of-type {
  margin-bottom: 0;
}
.card-w-icon b {
  color: #4759F5;
  font-weight: normal;
}
.card-w-icon.style-01 {
  background: #f7f7f7;
  border-radius: 12px;
  color: #475467;
  font-size: 16px;
  line-height: 1.5;
  display: block;
  padding: 32px 34px;
  box-shadow: none;
}
@media (max-width: 767px) {
  .card-w-icon.style-01 {
    padding: 18px;
  }
}
.card-w-icon.style-01 h6 {
  font-weight: 800;
  margin-bottom: 9px;
}
.card-w-icon.style-01 .icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #EAECF0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 6px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 23px;
}
.card-w-icon.style-01 .icon img {
  width: 24px;
}

.integrations-card {
  color: #656565;
  font-size: 18px;
  line-height: 1.5556;
  text-align: center;
  border-radius: 16px;
  padding: 44px 27px 0;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .integrations-card {
    padding-bottom: 29px;
    font-size: 16px;
    line-height: 1.5;
    color: #475467;
  }
}
.integrations-card p:last-of-type {
  margin-bottom: 0;
}
.integrations-card .icon-wrap {
  display: flex;
  justify-content: center;
  margin: -82px 0 20px;
}
@media (max-width: 767px) {
  .integrations-card .icon-wrap {
    margin-bottom: 14px;
  }
}
.integrations-card .icon {
  border-radius: 12px;
  padding: 0 23px;
  height: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.integrations-card .icon.transparent {
  background: transparent;
}
@media (max-width: 767px) {
  .integrations-card .icon {
    width: 264px;
  }
}
.integrations-card .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.blog-item {
  font-size: 16px;
  color: #475467;
  padding-bottom: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .blog-item {
    height: auto !important;
  }
}
.blog-item .img {
  padding-top: 62.5%;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .blog-item .img {
    border-radius: 8px;
  }
}
.blog-item .img img,
.blog-item .img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.blog-item .reading-time {
  font-size: 14px;
}
.blog-item .eyebrow {
  font-size: 14px;
  margin-bottom: 7px;
}
.blog-item p:last-of-type {
  margin-bottom: 0;
}
.blog-item .h6,
.blog-item h6 {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
.blog-item .h6 a,
.blog-item h6 a {
  color: #101828;
  text-decoration: none;
  position: relative;
  padding-right: 30px;
  display: block;
  transition: color 0.3s ease-in-out;
}
.blog-item .h6 a:hover,
.blog-item h6 a:hover {
  color: #182230;
}
.blog-item .h6 a:after,
.blog-item h6 a:after {
  font: 400 13px/1 "icomoon";
  content: "\E90C";
  position: absolute;
  top: 10px;
  right: 5px;
}

.feature-section {
  padding: 48px 0 24px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .feature-section {
    padding: 32px 0;
  }
}
@media (max-width: 767px) {
  .feature-section .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.feature-section .section-intro {
  color: #656565;
}
@media (max-width: 767px) {
  .feature-section .section-intro {
    color: #000;
  }
}
@media (max-width: 767px) {
  .feature-section .section-intro h2 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .feature-section .section-intro h2 {
    margin-bottom: 22px;
  }
}
.feature-section .row {
  margin: -12px;
}
@media (max-width: 767px) {
  .feature-section .row {
    margin: -24px;
  }
}
.feature-section [class^=col-] {
  padding: 12px;
}
@media (max-width: 767px) {
  .feature-section [class^=col-] {
    padding: 24px;
  }
}
.feature-section .swiper-slide {
  height: auto;
}

#word {
  color: #4759F5;
}

.blink {
  animation: blink 1s infinite;
}

@keyframes blink {
  to {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .blink-block {
    display: block;
  }
}

.swiper-controls {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-bottom: 24px;
  --swiper-navigation-size: 24px;
}
.swiper-controls > * {
  position: static !important;
  transform: none;
}

.section-intro {
  max-width: 768px;
  margin-bottom: 64px;
  color: #000;
}
.section-intro p:last-of-type {
  margin-bottom: 0;
}

.hp-workforce-section {
  padding: 48px 0 24px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hp-workforce-section {
    padding: 32px 0;
  }
}
@media (max-width: 767px) {
  .hp-workforce-section .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.hp-workforce-section .section-intro {
  color: #656565;
}
@media (max-width: 767px) {
  .hp-workforce-section .section-intro {
    font-size: 18px;
    line-height: 1.55556;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .hp-workforce-section .section-intro h2 {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .hp-workforce-section .btm-content {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px 0;
  }
}
.hp-workforce-section .row {
  margin: -20px;
}
@media (max-width: 1279px) {
  .hp-workforce-section .row {
    margin: -12px;
  }
}
@media (max-width: 767px) {
  .hp-workforce-section .row {
    margin: -20px;
  }
}
.hp-workforce-section [class^=col-] {
  padding: 20px;
}
@media (max-width: 1279px) {
  .hp-workforce-section [class^=col-] {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .hp-workforce-section [class^=col-] {
    padding: 20px;
  }
}
.hp-workforce-section .btn-wrap {
  padding-top: 63px;
  text-align: center;
}
@media (max-width: 767px) {
  .hp-workforce-section .btn-wrap {
    padding-top: 0;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .hp-workforce-section .btn {
    display: inline-flex;
  }
}
@media (max-width: 767px) {
  .hp-workforce-section h2 {
    font-size: 30px;
    line-height: 1.2667;
  }
}
.hp-workforce-section .learn-more {
  text-align: center;
  margin-top: 64px;
}
.hp-workforce-section .card-w-icon {
  color: #000;
}

.integrations-section {
  padding: 48px 0 24px;
  background: #f7f7f7;
  overflow: hidden;
}
@media (max-width: 767px) {
  .integrations-section {
    background: transparent;
    padding: 32px 0;
  }
}
.integrations-section .row {
  max-width: 1090px;
}
@media screen and (min-width: 1024px) {
  .integrations-section .row {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .integrations-section .row {
    margin: -25px;
  }
}
.integrations-section .section-intro {
  margin: 0 auto 42px;
  text-align: center;
  color: #656565;
}
@media (max-width: 767px) {
  .integrations-section .section-intro {
    margin-bottom: 42px;
    color: #475467;
  }
}
.integrations-section .section-intro h2 {
  margin-bottom: 8px;
}
.integrations-section [class^=col-] {
  padding: 32px 32px 0;
}
@media (max-width: 1279px) {
  .integrations-section [class^=col-] {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .integrations-section [class^=col-] {
    padding: 25px;
  }
}
.integrations-section .link-wrap {
  text-align: center;
  margin-top: -49px;
  position: relative;
  z-index: 10;
}
.integrations-section .link-wrap div {
  cursor: default;
}
@media (max-width: 767px) {
  .integrations-section .link-wrap {
    margin-top: 26px;
  }
}

.testimonial-section {
  padding: 80px 0 32px;
  text-align: center;
}
@media (max-width: 767px) {
  .testimonial-section {
    padding: 32px 0 32px;
  }
}
.testimonial-section .container {
  max-width: 1000px;
}
.testimonial-section blockquote {
  text-align: center;
  font-weight: 500;
  font-size: 36px;
  line-height: 1.2223;
  color: #101828;
  margin: 0;
  padding: 0;
  border: none;
}
@media (max-width: 767px) {
  .testimonial-section blockquote {
    font-size: 30px;
    line-height: 1.2667;
  }
}
.testimonial-section blockquote q {
  display: block;
}
.testimonial-section blockquote cite {
  display: block;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #656565;
  padding-top: 31px;
  font-weight: 400;
}
.testimonial-section blockquote cite .name {
  display: block;
  font-size: 18px;
  line-height: 1.5556;
  font-weight: 700;
  text-transform: capitalize;
  color: #101828;
  margin-bottom: 5px;
}
.testimonial-section blockquote .item-logo {
  align-items: center;
  display: flex;
  justify-content: center;
}
.testimonial-section blockquote .item-logo img {
  height: 61px;
}

.signup-section {
  padding: 80px 0;
  position: relative;
}
@media (max-width: 767px) {
  .signup-section {
    padding: 60px 0;
  }
}
.signup-section .container,
.signup-section .container-lg {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1535px) {
  .signup-section .container,
  .signup-section .container-lg {
    max-width: 1300px;
  }
}
@media (max-width: 1439px) {
  .signup-section .container,
  .signup-section .container-lg {
    max-width: 1360px;
  }
}
@media (max-width: 1279px) {
  .signup-section .container,
  .signup-section .container-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.signup-section .row {
  border-radius: 16px;
  margin: 0;
  overflow: hidden;
  background: #f9fafb;
}
.signup-section .row [class*=col-] {
  width: auto;
  padding: 0;
  display: flex;
  align-items: center;
}
.signup-section .row [class*=col-]:nth-child(1) {
  flex: 1;
}
.signup-section .row [class*=col-]:nth-child(2) {
  width: 658px;
}
@media (max-width: 1535px) {
  .signup-section .row [class*=col-]:nth-child(2) {
    width: 584px;
  }
}
@media (max-width: 1365px) {
  .signup-section .row [class*=col-]:nth-child(2) {
    width: 503px;
  }
}
@media (max-width: 1023px) {
  .signup-section .row [class*=col-]:nth-child(2) {
    width: 100%;
  }
}
.signup-section .heading {
  margin: 0;
}
.signup-section .heading h2 {
  margin: 0;
}
@media (max-width: 767px) {
  .signup-section .h4 {
    font-size: 30px;
  }
}
.signup-section iframe {
  vertical-align: top;
}
.signup-section .img {
  width: 100%;
  padding-top: 0;
  height: 100%;
  min-height: 558px;
}
@media (max-width: 1023px) {
  .signup-section .img {
    display: none;
    height: auto;
    min-height: 1px;
    border-radius: 0;
  }
}
.signup-section .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1023px) {
  .signup-section .img img {
    position: static;
  }
}
.signup-section .section-intro {
  margin-bottom: 47px;
  color: #656565;
}
.signup-section .form-wrap {
  width: 100%;
  max-width: 562px;
  padding: 60px 50px;
  margin: 0;
}
@media (max-width: 1279px) {
  .signup-section .form-wrap {
    padding: 60px 20px;
  }
}
@media (max-width: 1023px) {
  .signup-section .form-wrap {
    max-width: none;
    padding: 60px 8px768;
  }
}
@media (max-width: 767px) {
  .signup-section .form-wrap {
    padding: 32px 8px;
  }
}
.signup-section.no-bg {
  background: transparent;
}

.homepage-form .signup-section {
  margin-top: 0;
  background: #f9fafb;
}

.social-networks {
  display: flex;
  gap: 12px;
}
.social-networks a {
  text-decoration: none;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
}

.share-link .copy {
  position: relative;
}
.share-link .copy.active::after {
  pointer-events: none;
  content: "Copied!";
  position: absolute;
  width: auto;
  font-size: 14px;
  display: inline-block;
  background: #0f2517;
  color: #fff;
  padding: 5px;
  border-radius: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-name: toolTip;
  opacity: 0;
  animation-duration: 2s;
}

@keyframes toolTip {
  0% {
    opacity: 0;
    top: 100%;
  }
  20% {
    opacity: 1;
    top: 50%;
  }
  80% {
    opacity: 1;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 0%;
  }
}
.how-it-works {
  padding: 48px 0 96px;
  overflow: clip;
}
@media (max-width: 767px) {
  .how-it-works .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.how-it-works .section-intro {
  margin-bottom: 75px;
  color: #656565;
}
@media (max-width: 767px) {
  .how-it-works .section-intro {
    margin-bottom: 80px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .how-it-works .section-intro .h4 {
    font-size: 30px;
  }
}
.how-it-works h2,
.how-it-works .h4 {
  color: #101828;
}
.how-it-works .accordion {
  margin-bottom: 18px;
}
.how-it-works .accordion li {
  min-height: 81px;
}
.how-it-works .accordion .pointer {
  cursor: pointer;
}
.how-it-works .txt-wrap {
  width: 100%;
  max-width: 592px;
  margin-left: auto;
}
@media (max-width: 1279px) {
  .how-it-works .txt-wrap {
    max-width: 608px;
    padding-left: 16px;
  }
}
@media (max-width: 1023px) {
  .how-it-works .txt-wrap {
    max-width: none;
    padding: 56px 0 0;
  }
}
@media (max-width: 1023px) {
  .how-it-works .row--reverse .has-img {
    display: none;
  }
}
.how-it-works .row {
  flex-direction: row-reverse;
  height: 100%;
}
@media (max-width: 1023px) {
  .how-it-works .row {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .how-it-works .row [class*=col-] {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.how-it-works .ac-img {
  margin-top: 16px;
  max-width: 600px;
  box-shadow: 0px 20px 43px 0px rgba(0, 0, 0, 0.1), 0px 50px 80px 0px rgba(0, 0, 0, 0.09), 0px 179px 108px 0px rgba(0, 0, 0, 0.05), 0px 143px 57px 0px rgba(0, 0, 0, 0.01), 0px 224px 62px 0px rgba(0, 0, 0, 0);
}
@media (min-width: 1024px) {
  .how-it-works .ac-img {
    display: none;
  }
}
.how-it-works .img-hold {
  margin-top: -11px;
  box-shadow: 0px 20px 43px 0px rgba(0, 0, 0, 0.1), 0px 50px 80px 0px rgba(0, 0, 0, 0.09), 0px 179px 108px 0px rgba(0, 0, 0, 0.05), 0px 143px 57px 0px rgba(0, 0, 0, 0.01), 0px 224px 62px 0px rgba(0, 0, 0, 0);
  border-radius: 12px 0 0 12px;
  overflow: hidden;
  float: right;
  max-width: 731px;
}
@media (max-width: 1023px) {
  .how-it-works .img-hold {
    box-shadow: 0px 20px 43px 0px rgba(0, 0, 0, 0.1), 0px 50px 80px 0px rgba(0, 0, 0, 0.09);
    max-width: none;
    border-radius: 12px;
    max-width: none;
    float: none;
  }
}
@media (max-width: 767px) {
  .how-it-works .img-hold {
    border-radius: 6px;
  }
}
.how-it-works .img-hold img {
  width: 100%;
  display: block;
  max-height: 648px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 0;
     object-position: 0 0;
}
@media (max-width: 1023px) {
  .how-it-works .img-hold img {
    max-height: none;
  }
}

.htw-style--01 {
  padding: 117px 0;
  font-weight: 400;
}
@media (max-width: 1365px) {
  .htw-style--01 {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .htw-style--01 {
    padding: 60px 0;
  }
}
.htw-style--01 .box {
  background: #F8FAFF;
  border: 1px solid #BBBDFB;
  border-radius: 16px;
  box-shadow: 0 38px 83px -39px rgba(0, 0, 0, 0.25);
  overflow: clip;
}
@media (min-width: 768px) {
  .htw-style--01 .box {
    height: 534px;
  }
}
@media (max-width: 1023px) {
  .htw-style--01 .box {
    border-radius: 10px;
    min-height: 1px;
  }
}
@media (max-width: 767px) {
  .htw-style--01 .box {
    padding-bottom: 32px;
  }
}
.htw-style--01 .box [class*=col-] {
  display: flex;
}
@media (max-width: 767px) {
  .htw-style--01 .box [class*=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.htw-style--01 .section-intro {
  max-width: 472px;
  margin-bottom: 61px;
  color: #000;
}
@media (max-width: 1023px) {
  .htw-style--01 .section-intro {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .htw-style--01 .section-intro {
    max-width: none;
    padding: 0;
    font-size: 18px;
    line-height: 1.444;
  }
}
.htw-style--01 h2 {
  font-size: 56px;
  font-weight: 500;
  margin-bottom: 26px;
}
@media (max-width: 1365px) {
  .htw-style--01 h2 {
    font-size: 48px;
    line-height: 1.25;
  }
}
@media (max-width: 767px) {
  .htw-style--01 h2 {
    font-size: 36px;
    margin-bottom: 18px;
  }
}
.htw-style--01 h2 span {
  color: #024AD8;
}
.htw-style--01 .img-hold {
  box-shadow: none;
  float: none;
  max-width: none;
}
@media screen and (min-width: 1280px) {
  .htw-style--01 .img-hold {
    display: flex;
    align-items: flex-end;
    padding-top: 73px;
    margin: 7px -70px -65px 19px;
  }
}
@media (max-width: 1023px) {
  .htw-style--01 .img-hold {
    margin: -12px -22px 10px -29px;
  }
}
.htw-style--01 .lottie-hold {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .htw-style--01 .lottie-hold {
    display: flex;
    align-items: flex-end;
    padding-top: 70px;
  }
}
.htw-style--01 .lottie-hold .lottie-container {
  width: 100%;
  position: relative;
  height: 270px;
}
@media (min-width: 768px) {
  .htw-style--01 .lottie-hold .lottie-container {
    height: 100%;
  }
}
.htw-style--01 .lottie-hold [data-lottie] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.htw-style--01 .lottie-hold [data-lottie] canvas {
  position: relative;
  width: auto;
  height: 270px;
  margin-left: auto;
  aspect-ratio: 1024/768;
}
@media (min-width: 768px) {
  .htw-style--01 .lottie-hold [data-lottie] canvas {
    height: 100%;
  }
}
.htw-style--01 .txt-wrap {
  padding: 37px 28px;
  margin-left: 0;
  max-width: 400px;
}
@media (max-width: 1279px) {
  .htw-style--01 .txt-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1023px) {
  .htw-style--01 .txt-wrap {
    padding: 20px 0 0;
  }
}
.htw-style--01 .accordion {
  font-size: 18px;
  line-height: 1.516;
  color: #212121;
}
@media (max-width: 767px) {
  .htw-style--01 .accordion {
    margin-bottom: 0;
  }
}
.htw-style--01 .accordion p {
  margin-bottom: 0;
  margin-top: 7px;
}
.htw-style--01 .accordion .how-it-works--handle {
  text-transform: capitalize;
  text-decoration: none;
  display: block;
}
.htw-style--01 .accordion [data-more-open], .htw-style--01 .accordion .how-it-works--handle {
  font-size: 32px;
  line-height: 1.37;
  font-weight: 500;
  color: #9F9F9F;
}
@media (max-width: 1023px) {
  .htw-style--01 .accordion [data-more-open], .htw-style--01 .accordion .how-it-works--handle {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .htw-style--01 .accordion [data-more-open], .htw-style--01 .accordion .how-it-works--handle {
    font-size: 32px;
  }
}
.htw-style--01 .accordion [data-more-open]:before, .htw-style--01 .accordion .how-it-works--handle:before {
  display: none;
}
.htw-style--01 .accordion [data-more-open].active, .htw-style--01 .accordion .how-it-works--handle.active {
  font-size: 36px;
  color: #000;
}
@media (max-width: 1023px) {
  .htw-style--01 .accordion [data-more-open].active, .htw-style--01 .accordion .how-it-works--handle.active {
    font-size: 32px;
  }
}
.htw-style--01 .accordion li {
  position: relative;
  padding: 5px 0 5px 24px;
  min-height: 54px;
}
@media (max-width: 1023px) {
  .htw-style--01 .accordion li {
    padding-left: 0;
  }
}
.htw-style--01 .accordion .slide {
  padding-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.how-it-works--slider.is-initialized .how-it-works--accordion {
  position: sticky;
  top: var(--sticky-top, 100px);
}

.how-it-works-lottie svg {
  display: block;
  aspect-ratio: 616/462;
  width: auto !important;
  margin-left: auto;
}

.accordion {
  font-size: 16px;
  color: #656565;
}
.accordion p:last-of-type {
  margin-bottom: 0;
}
.accordion [data-more-open] {
  font-size: 24px;
  font-weight: 800;
  color: #101828;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
}
.accordion [data-more-open]:before {
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #F2F4F7;
  content: "";
  transition: background 0.3s ease-in-out;
}
.accordion [data-more-open].active:before, .accordion [data-more-open]:hover:before {
  background: #000;
}
.accordion li {
  position: relative;
  padding: 18px 0 18px 24px;
}
.accordion .slide {
  padding-top: 7px;
  margin-bottom: -7px;
}

.blog-hero {
  margin-bottom: 64px;
  margin-top: 27px;
}
@media (max-width: 767px) {
  .blog-hero {
    margin-top: 60px;
  }
}
.blog-hero .hero {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  height: 640px;
  min-height: 202px;
  display: flex;
  align-items: flex-end;
  padding: 33px 54px;
  z-index: 1;
}
@media (max-width: 1279px) {
  .blog-hero .hero {
    min-height: 202px;
  }
}
@media (max-width: 1023px) {
  .blog-hero .hero {
    padding: 30px 16px;
  }
}
@media (max-width: 767px) {
  .blog-hero .hero {
    min-height: 400px;
  }
}
.blog-hero .hero:has(> a:focus-within) {
  overflow: visible;
}
.blog-hero .hero a:has(img.cover-img) {
  position: absolute;
  inset: 0;
}
.blog-hero .hero .cover-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-size: cover;
}
.blog-hero .hero img.cover-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-hero .hero:after {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 500px;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: -1;
}
@media (max-width: 1279px) {
  .blog-hero .hero:after {
    top: 0;
    height: auto;
  }
}
@media (max-width: 767px) {
  .blog-hero .hero:after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
.blog-hero .h5 {
  margin-bottom: 23px;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 136%;
  letter-spacing: 3%;
  position: relative;
  width: 100%;
}
.blog-hero .h5 a {
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
  padding-right: 50px;
  width: 800px;
  max-width: 100%;
}
.blog-hero .h5:after {
  font: 400 18px/1 "icomoon";
  content: "\E90C";
  color: white;
  position: absolute;
  top: 22px;
  right: 5px;
}
@media (max-width: 767px) {
  .blog-hero .h5:after {
    top: 10px;
  }
}
.blog-hero .caption {
  color: #fff;
  width: 100%;
}
.blog-hero .bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 13px;
}
@media (max-width: 767px) {
  .blog-hero .bottom {
    display: grid;
  }
}
.blog-hero .bottom .meta {
  display: flex;
  align-items: center;
  gap: 21px;
}
.blog-hero .bottom .meta .title {
  margin: 0;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.blog-hero .bottom .meta .time {
  padding-top: 0;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.blog-hero .title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.blog-hero .time {
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding-top: 6px;
}
.blog-hero .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.blog-hero .tag-list .tag {
  font-weight: 400;
}
.blog-hero .hero-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  height: 400px;
  padding-top: 57px;
}
@media (max-width: 1139px) {
  .blog-hero .hero-content {
    flex-direction: column-reverse;
    height: auto;
  }
}
@media (max-width: 767px) {
  .blog-hero .hero-content {
    padding-top: 50px;
  }
}
.blog-hero .hero-content .blog-info .top-title {
  margin-bottom: 6px;
}
.blog-hero .hero-content .h5 a {
  color: #101828;
}
.blog-hero .hero-content .h5 a::after {
  display: none;
}
.blog-hero .hero-content .blog-image {
  width: 100%;
  height: 100%;
}
.blog-hero .hero-content .blog-image img {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1139px) {
  .blog-hero .hero-content .blog-image img {
    max-height: 500px;
  }
}

.tag.tag-white:hover {
  background: #fff;
  color: #000;
}

.post-section {
  position: relative;
}

.blogs-section {
  margin: 96px 0;
}
@media (max-width: 767px) {
  .blogs-section {
    margin: 40px 0;
  }
}
.blogs-section .heading {
  padding-top: 48px;
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .blogs-section .heading {
    padding-top: 54px;
    margin-bottom: 31px;
  }
}
.blogs-section .heading h2 {
  margin-bottom: 20px;
  color: #101828;
}
.blogs-section .row {
  margin: -16px -16px 31px;
}
.blogs-section .row:last-child {
  margin-bottom: 0;
}
.blogs-section [class^=col-] {
  padding: 16px;
}
.blogs-section .no-result {
  text-align: center;
}
.blogs-section.filtered-posts .pagination .btns-wrap {
  padding-right: 16px;
}
.blogs-section.filtered-posts .pagination .btns-wrap a {
  width: -moz-max-content;
  width: max-content;
  color: white;
  margin-left: auto;
  border-radius: 8px;
}
.blogs-section.filtered-posts .pagination .btns-wrap a:hover {
  color: black;
}

.filter-bar {
  margin-bottom: 54px;
}
@media (max-width: 1023px) {
  .filter-bar {
    margin-bottom: 30px;
  }
}
@media (max-width: 880px) {
  .filter-bar {
    position: sticky;
    top: 82px;
    background: #fff;
    z-index: 999;
    padding: 10px 0;
  }
}
.filter-bar .container {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 880px) {
  .filter-bar .container {
    flex-direction: column;
    gap: 15px;
  }
}
@media screen and (min-width: 881px) {
  .filter-bar .search-form {
    max-width: 384px;
    flex: 0 0 384px;
  }
}
@media (max-width: 880px) {
  .filter-bar .search-form {
    width: 100%;
  }
}
.filter-bar .search-form .input-wrap {
  position: relative;
}
.filter-bar .search-form .input-wrap label.icon-search {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #667085;
  content: "";
  background: url("../../images/search.svg") no-repeat 50% 50%/15px 15px;
  width: 15px;
  height: 15px;
}
.filter-bar .search-form .input-wrap label.icon-close {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #667085;
  content: "";
  cursor: pointer;
}
.filter-bar .search-form .input-wrap label.icon-close.hide {
  display: none;
}
.filter-bar .search-form .input-wrap input {
  font-weight: 500;
  padding-left: 40px;
}
@media (max-width: 880px) {
  .filter-bar .search-form input[type=search] {
    font-weight: 500;
  }
}
.filter-bar .fiter-nav-wrap {
  flex: 1;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .filter-bar .fiter-nav-wrap {
    padding: 10px 0;
    overflow: auto;
  }
}
@media (max-width: 880px) {
  .filter-bar .fiter-nav-wrap {
    flex: none;
    width: 100%;
  }
}
@media (max-width: 880px) {
  .filter-bar .fiter-nav-wrap .nav-inline {
    margin: 0 -6px;
    gap: 0;
  }
}
@media (max-width: 880px) {
  .filter-bar .fiter-nav-wrap .nav-inline li {
    width: 33.33%;
    padding: 0 6px;
  }
}
.filter-bar .fiter-nav-wrap .nav-inline a {
  background: rgba(218, 222, 253, 0.2);
  color: #101828;
  font-weight: 400;
}
.filter-bar .fiter-nav-wrap .nav-inline a:after {
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 880px) {
  .filter-bar .fiter-nav-wrap .nav-inline a:after {
    margin-left: 13px;
  }
}
.filter-bar .fiter-nav-wrap .nav-inline a:hover:after {
  transform: translateY(-3px);
}

.posted-by {
  display: flex;
  font-size: 14px;
  color: #475467;
  gap: 11px;
  align-items: center;
  padding-top: 12px;
  margin-top: auto;
}
.posted-by .txt {
  flex: 1;
}
.posted-by .name {
  display: block;
  color: #101828;
}
.posted-by .avatar {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  overflow: hidden;
  border-radius: 100px;
}
.posted-by .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cta {
  border: 1px solid #000;
  border-radius: 16px;
  min-height: 204px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 40px 63px;
  margin: 12px 0 12px;
}
@media (max-width: 1279px) {
  .cta {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1023px) {
  .cta {
    padding: 20px;
    display: grid;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .cta {
    margin: 12px 0 36px;
  }
}
.cta .btn {
  padding-left: 19px;
  padding-right: 19px;
}
.cta .txt {
  flex: 1;
}
.cta h5 {
  margin: 0;
}

@media (max-width: 767px) {
  .blog-page-cta .cta {
    margin: 0;
  }
}
.blog-page-cta .cta .h5 {
  max-width: 700px;
}
@media (max-width: 1539px) {
  .blog-page-cta .cta .h5 {
    max-width: calc(50vw - 84px);
  }
}
@media (max-width: 1219px) {
  .blog-page-cta .cta .h5 {
    max-width: calc(50vw - 120px);
  }
}
@media (max-width: 1023px) {
  .blog-page-cta .cta .h5 {
    max-width: 100%;
    text-align: center;
  }
}
.blog-page-cta .cta .h5 span {
  color: #024AD8 !important;
}

.pagination {
  border-top: 1px solid #EAECF0;
  padding: 20px 0;
}
.pagination ul {
  display: flex;
  justify-content: center;
  gap: 0 2px;
  position: relative;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .pagination ul {
    padding: 0 60px;
  }
}
@media (max-width: 479px) {
  .pagination ul {
    padding: 0;
  }
}
.pagination a,
.pagination .dots {
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #475467;
  gap: 0 10px;
  border-radius: 100px;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .pagination a,
  .pagination .dots {
    min-width: 20px;
  }
}
.pagination a:hover {
  background-color: #F9FAFB;
  color: #182230;
}
.pagination li.active {
  pointer-events: none;
}
.pagination li.active a {
  background-color: #F9FAFB;
  color: #182230;
}
.pagination li.previous {
  margin-right: auto;
  min-width: 86px;
}
.pagination li.previous a:hover {
  background-color: transparent;
  color: #182230;
}
.pagination li.next {
  margin-left: auto;
  min-width: 86px;
}
.pagination li.next a:hover {
  background-color: transparent;
  color: #182230;
}

.blog-cta {
  padding: 96px 152px;
  background-color: #F4F8FC;
}
@media (max-width: 1023px) {
  .blog-cta {
    padding: 60px 0;
  }
}
.blog-cta h5 {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0%;
  width: 83%;
}
@media (max-width: 1023px) {
  .blog-cta h5 {
    font-size: 32px;
    line-height: 42px;
    width: 100%;
  }
}
.blog-cta h5 span {
  color: #024AD8;
}
.blog-cta .cta {
  position: relative;
  overflow: hidden;
  padding: 65px 10% 65px 30px;
  background-color: #fff;
  z-index: 0;
  border: none;
  box-shadow: 0px 60px 27.8px -54px rgba(0, 0, 0, 0.2509803922);
}
@media (max-width: 1249px) {
  .blog-cta .cta {
    padding: 65px 8% 65px 30px;
  }
}
@media (max-width: 1023px) {
  .blog-cta .cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding: 199px 16px 38px;
    gap: 32px;
  }
}
.blog-cta .cta .btn {
  z-index: 2;
  padding-left: 45px;
  padding-right: 45px;
}
@media (max-width: 1023px) {
  .blog-cta .cta .btn {
    background-color: #024AD8;
    color: white;
  }
}
@media (max-width: 767px) {
  .blog-cta .cta .btn {
    background-color: #024AD8;
    width: 100%;
    color: white;
  }
}
.blog-cta .cta::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: url("../../images/cta-bg.jpeg") 97% 43%/240% auto; /* Increased scale for zoom */
  -webkit-clip-path: polygon(9% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(9% 0, 100% 0, 100% 100%, 0% 100%);
  z-index: 1;
}
@media (max-width: 1023px) {
  .blog-cta .cta::after {
    -webkit-clip-path: none;
            clip-path: none;
    width: 100%;
    height: 40%;
  }
}
.blog-cta .cta .h5 {
  max-width: 700px;
}
@media (max-width: 1539px) {
  .blog-cta .cta .h5 {
    max-width: calc(50vw - 84px);
  }
}
@media (max-width: 1219px) {
  .blog-cta .cta .h5 {
    max-width: calc(50vw - 120px);
  }
}
@media (max-width: 1023px) {
  .blog-cta .cta .h5 {
    max-width: 100%;
    text-align: center;
  }
}
.blog-cta .cta .h5 span {
  color: #024AD8 !important;
}

.ms-insights-hero,
.archive-hero {
  padding: 96px 24px;
  background-color: rgba(208, 213, 221, 0.2509803922);
}
.ms-insights-hero .container,
.archive-hero .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.ms-insights-hero .container .breadcrumbs,
.archive-hero .container .breadcrumbs {
  gap: 16px;
}
.ms-insights-hero .container .breadcrumbs span,
.ms-insights-hero .container .breadcrumbs a,
.archive-hero .container .breadcrumbs span,
.archive-hero .container .breadcrumbs a {
  text-decoration: none;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #B0B0B0;
}
.ms-insights-hero .container .breadcrumbs .current-category,
.archive-hero .container .breadcrumbs .current-category {
  color: #393939;
}
.ms-insights-hero .container h1,
.archive-hero .container h1 {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 64px;
  line-height: 70px;
  letter-spacing: 0.03;
  text-align: center;
  margin: 0;
  color: #101828;
}
@media (max-width: 767px) {
  .ms-insights-hero .container h1,
  .archive-hero .container h1 {
    font-size: 52px;
    line-height: 62px;
  }
}
.ms-insights-hero .container p,
.archive-hero .container p {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  max-width: 624px;
  margin: 0;
}

.ms-insights-hero {
  background-color: rgba(77, 82, 229, 0.1490196078);
}
@media (max-width: 399px) {
  .ms-insights-hero h1 {
    font-size: 42px !important;
  }
}

.featured-posts .blog-hero .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 96px 16px;
  gap: 32px;
}
@media (max-width: 1249px) {
  .featured-posts .blog-hero .container {
    flex-direction: column;
    align-items: baseline;
  }
}
@media (max-width: 1023px) {
  .featured-posts .blog-hero .container {
    padding: 60px 16px;
  }
}
@media (max-width: 767px) {
  .featured-posts .blog-hero .container {
    padding: 30px 16px;
  }
}
.featured-posts .blog-hero .container .main-post {
  width: 64%;
  max-width: 100%;
  height: 100%;
}
@media (max-width: 1249px) {
  .featured-posts .blog-hero .container .main-post {
    width: 100%;
  }
}
.featured-posts .blog-hero .container .main-post .h5 {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 24.91px;
  line-height: 1.36;
  letter-spacing: 0.03em;
}
.featured-posts .blog-hero .container .main-post .hero {
  height: auto;
  min-height: 430px;
  width: 100%;
}
@media (max-width: 1249px) {
  .featured-posts .blog-hero .container .main-post .hero {
    max-height: 540px;
    height: auto;
    aspect-ratio: 16/9;
  }
}
.featured-posts .blog-hero .container .column-posts {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 36%;
}
@media (max-width: 1249px) {
  .featured-posts .blog-hero .container .column-posts {
    width: 100%;
    max-width: 100%;
    align-items: normal;
  }
}
.featured-posts .blog-hero .container .column-posts .post {
  display: flex;
  gap: 20px;
}
@media (max-width: 1249px) {
  .featured-posts .blog-hero .container .column-posts .post {
    flex-direction: row;
  }
}
@media (max-width: 839px) {
  .featured-posts .blog-hero .container .column-posts .post {
    flex-direction: column;
  }
}
.featured-posts .blog-hero .container .column-posts .post .image {
  width: 150px;
  height: 132px;
  overflow: hidden;
  border-radius: 12px;
}
.featured-posts .blog-hero .container .column-posts .post .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1249px) {
  .featured-posts .blog-hero .container .column-posts .post .image {
    height: 300px;
    width: 100%;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 499px) {
  .featured-posts .blog-hero .container .column-posts .post .image {
    height: 240px;
  }
}
.featured-posts .blog-hero .container .column-posts .post .details {
  width: 60%;
}
@media (max-width: 1249px) {
  .featured-posts .blog-hero .container .column-posts .post .details {
    width: 100%;
  }
}
.featured-posts .blog-hero .container .column-posts .post .details .tag {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #101828;
  padding: 0;
  margin: 0;
}
.featured-posts .blog-hero .container .column-posts .post .details .h5 a {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #101828;
  width: auto;
}
.featured-posts .blog-hero .container .column-posts .post .details .h5:hover:after {
  transform: translateY(-5px);
}
.featured-posts .blog-hero .container .column-posts .post .details .h5:after {
  color: #101828;
  font: 400 12px/1 "icomoon";
  top: 0;
  right: 0;
  transition: transform 0.3s ease-in-out;
}

.from-the-blog .section-title {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 20px;
}
.from-the-blog .section-description {
  margin-bottom: 64px;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}
.from-the-blog .pagination .btns-wrap {
  padding-right: 16px;
}
@media (max-width: 767px) {
  .from-the-blog .pagination .btns-wrap {
    padding-right: 0;
    display: flex;
    justify-content: center;
  }
}
.from-the-blog .pagination .btns-wrap a {
  width: -moz-max-content;
  width: max-content;
  color: white;
  margin-left: auto;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .from-the-blog .pagination .btns-wrap a {
    margin-left: 0;
  }
}
.from-the-blog .pagination .btns-wrap a:hover {
  color: black;
}
.from-the-blog .col-sm-6.col-md-4:last-child {
  display: none;
}
@media (max-width: 1023px) {
  .from-the-blog .col-sm-6.col-md-4:last-child {
    display: block;
  }
}
@media (max-width: 767px) {
  .from-the-blog .col-sm-6.col-md-4:last-child {
    display: none;
  }
}

.post-loader {
  opacity: 0;
  background-color: rgba(2, 74, 216, 0.2);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.post-loader svg {
  width: 50px;
  height: 50px;
}

.platform-overview {
  padding: 80px 0;
}
@media (max-width: 767px) {
  .platform-overview {
    padding: 60px 0;
  }
}
.platform-overview + .platform-overview {
  padding-top: 0;
}
@media (max-width: 767px) {
  .platform-overview .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.platform-overview .header .h4 {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 80px;
}
@media (max-width: 1279px) {
  .platform-overview .header .h4 {
    font-size: 44px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .platform-overview .header .h4 {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
.platform-overview .header .h4 span {
  display: block;
  color: #4D52E5;
}
@media (max-width: 767px) {
  .platform-overview .desc {
    font-size: 18px;
    line-height: 1.556;
  }
}
.platform-overview .content {
  display: flex;
  flex-wrap: wrap;
  gap: 64px;
}
@media (max-width: 1023px) {
  .platform-overview .content {
    display: block;
  }
}
.platform-overview .content-list {
  flex: 1;
}
.platform-overview .content-t {
  font-size: 18px;
  line-height: 1.444;
  color: #393939;
  margin-bottom: 32px;
}
.platform-overview .content-t .eyebrow {
  display: block;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #4D52E5;
  margin-bottom: 16px;
}
.platform-overview .content-t h3 {
  font-size: 40px;
  line-height: 1.11;
  margin-bottom: 32px;
}
.platform-overview .list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px 0;
}
.platform-overview .list span {
  color: #4D52E5;
}
.platform-overview .list li {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}
.platform-overview .list li .icon-wrap {
  width: 64px;
  height: 64px;
  border: 1px solid #EAECF0;
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 32px;
}
.platform-overview .list li .desc-wrap {
  color: #656565;
  font-weight: 400;
  flex: 1;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .platform-overview .list li .desc-wrap.lg-text .title {
    font-size: 24px;
    line-height: 1.25;
  }
}
.platform-overview .list li .desc-wrap .title {
  display: block;
  color: #000;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1.5;
}
.platform-overview .list li .desc-wrap p {
  margin: 0;
}
.platform-overview .list li .desc-wrap p + p {
  margin-top: 1rem;
}
.platform-overview .list li .desc-wrap a {
  color: #4d52e5;
  text-decoration: none;
}
.platform-overview .list li .desc-wrap a:hover {
  text-decoration: none;
}
.platform-overview .content-img {
  width: 592px;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .platform-overview .content-img {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .platform-overview .content-img {
    width: 100%;
    margin-top: 48px;
  }
}
@media (min-width: 1024px) {
  .platform-overview .content-img .img {
    height: 100%;
  }
}
.platform-overview .content-img img {
  width: 100%;
}
@media (min-width: 1024px) {
  .platform-overview .content-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.platform-overview .btn-wrap {
  margin-top: 72px;
}
@media (max-width: 767px) {
  .platform-overview .btn-wrap {
    margin-top: 40px;
  }
}
.platform-overview .btn-wrap .btn-2sm {
  min-width: 150px;
}
.platform-overview.alt .content {
  flex-direction: row-reverse;
}
.platform-overview.alt .list li .icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 10px;
}
.platform-overview.style--1 .content {
  gap: 0 68px;
}
.platform-overview.style--1 .content-img {
  width: 680px;
}
@media (max-width: 1279px) {
  .platform-overview.style--1 .content-img {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .platform-overview.style--1 .content-img {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .platform-overview.style--1 .list {
    gap: 58px 0;
  }
}
.platform-overview.style--1 .list li .icon-wrap {
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
@media (min-width: 1024px) {
  .platform-overview.style--1 .list li .icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 8px;
  }
}
.platform-overview.style--1 .list li .desc-wrap {
  color: #000;
}
@media (min-width: 1024px) {
  .platform-overview.style--1 .list li .desc-wrap {
    font-size: 20px;
    line-height: 1.5;
  }
}
.platform-overview.style--1 .list li .desc-wrap .title {
  font-weight: 500;
  color: #000;
}
@media (min-width: 1024px) {
  .platform-overview.style--1 .list li .desc-wrap .title {
    font-size: 32px;
    line-height: 1.105;
    margin-bottom: 24px;
  }
}
.platform-overview.style--1 .content-img {
  border: 0.5px solid rgba(134, 134, 134, 0.57);
  border-radius: 16px;
  overflow: hidden;
}
.platform-overview.style--2 .content {
  gap: 0 68px;
}
.platform-overview.style--2 .content-img {
  width: 630px;
}
@media (max-width: 1279px) {
  .platform-overview.style--2 .content-img {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .platform-overview.style--2 .content-img {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .platform-overview.style--2 .list {
    gap: 32px 0;
  }
}
.platform-overview.style--2 .list li .icon-wrap {
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
@media (min-width: 1024px) {
  .platform-overview.style--2 .list li .icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 8px;
  }
}
.platform-overview.style--2 .list li .desc-wrap {
  color: #000;
}
@media (min-width: 1024px) {
  .platform-overview.style--2 .list li .desc-wrap {
    font-size: 16px;
    line-height: 1.5;
  }
}
.platform-overview.style--2 .list li .desc-wrap .title {
  font-weight: 500;
  color: #000;
}
@media (min-width: 1024px) {
  .platform-overview.style--2 .list li .desc-wrap .title {
    font-size: 20px;
    line-height: 1.105;
    margin-bottom: 10px;
  }
}
.platform-overview.style--2 .content-img {
  border: 0.5px solid rgba(134, 134, 134, 0.57);
  border-radius: 16px;
  overflow: hidden;
}
.platform-overview.style--3 .content {
  gap: 0 68px;
  flex-direction: row-reverse;
}
.platform-overview.style--3 .content-img {
  width: 696px;
}
@media (max-width: 1279px) {
  .platform-overview.style--3 .content-img {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .platform-overview.style--3 .content-img {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .platform-overview.style--3 .list {
    gap: 32px 0;
  }
}
.platform-overview.style--3 .list li .icon-wrap {
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
@media (min-width: 1024px) {
  .platform-overview.style--3 .list li .icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 8px;
  }
}
.platform-overview.style--3 .list li .desc-wrap {
  color: #393939;
}
@media (min-width: 1024px) {
  .platform-overview.style--3 .list li .desc-wrap {
    font-size: 16px;
    line-height: 1.5;
  }
}
.platform-overview.style--3 .list li .desc-wrap .title {
  font-weight: 700;
  color: #000;
}
@media (min-width: 1024px) {
  .platform-overview.style--3 .list li .desc-wrap .title {
    font-size: 20px;
    line-height: 1.105;
    margin-bottom: 10px;
  }
}
.platform-overview.style--3 .content-img {
  overflow: hidden;
}
.platform-overview .content-list .icon-wrap img {
  width: 30px;
}

.our-values,
.platform-capabilities {
  padding: 35px 0;
}
@media (max-width: 767px) {
  .our-values,
  .platform-capabilities {
    padding: 29px 0;
  }
}
@media (max-width: 767px) {
  .our-values .container,
  .platform-capabilities .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.our-values .inner,
.platform-capabilities .inner {
  padding: 0 0 48px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .our-values .inner,
  .platform-capabilities .inner {
    padding-bottom: 0 0 20px;
  }
}
.our-values h2:last-child, .our-values h3:last-child, .our-values h4:last-child,
.platform-capabilities h2:last-child,
.platform-capabilities h3:last-child,
.platform-capabilities h4:last-child {
  margin-bottom: 0;
}
.our-values .h4,
.our-values h4,
.platform-capabilities .h4,
.platform-capabilities h4 {
  color: #101828;
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .our-values .h4,
  .our-values h4,
  .platform-capabilities .h4,
  .platform-capabilities h4 {
    font-size: 30px;
    text-align: left;
  }
}
.our-values .our-values-content,
.our-values .capabilities-content,
.platform-capabilities .our-values-content,
.platform-capabilities .capabilities-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -27px -16px;
  text-align: center;
}
@media (max-width: 767px) {
  .our-values .our-values-content,
  .our-values .capabilities-content,
  .platform-capabilities .our-values-content,
  .platform-capabilities .capabilities-content {
    margin: -16px;
    text-align: left;
  }
}
.our-values .our-values-content .col,
.our-values .capabilities-content .col,
.platform-capabilities .our-values-content .col,
.platform-capabilities .capabilities-content .col {
  width: 33.33%;
  padding: 27px 16px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .our-values .our-values-content .col,
  .our-values .capabilities-content .col,
  .platform-capabilities .our-values-content .col,
  .platform-capabilities .capabilities-content .col {
    width: 100%;
    padding: 16px;
  }
}
.our-values .our-values-content .col .icon-wrap,
.our-values .capabilities-content .col .icon-wrap,
.platform-capabilities .our-values-content .col .icon-wrap,
.platform-capabilities .capabilities-content .col .icon-wrap {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  margin: 0 auto;
  color: #5257e6;
}
@media (max-width: 767px) {
  .our-values .our-values-content .col .icon-wrap,
  .our-values .capabilities-content .col .icon-wrap,
  .platform-capabilities .our-values-content .col .icon-wrap,
  .platform-capabilities .capabilities-content .col .icon-wrap {
    margin: 0;
  }
}
.our-values .our-values-content .col .title,
.our-values .capabilities-content .col .title,
.platform-capabilities .our-values-content .col .title,
.platform-capabilities .capabilities-content .col .title {
  color: #000;
  display: block;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.our-values .our-values-content .col p,
.our-values .capabilities-content .col p,
.platform-capabilities .our-values-content .col p,
.platform-capabilities .capabilities-content .col p {
  margin: 0;
}
.our-values .our-values-content .col p + p,
.our-values .capabilities-content .col p + p,
.platform-capabilities .our-values-content .col p + p,
.platform-capabilities .capabilities-content .col p + p {
  margin-top: 1rem;
}
.our-values .header,
.platform-capabilities .header {
  max-width: 710px;
  margin: 0 auto;
  text-align: center !important;
  font-size: 20px;
  line-height: 1.5;
}
.our-values .header h4,
.platform-capabilities .header h4 {
  margin-bottom: 20px;
}
.our-values .header .icon,
.platform-capabilities .header .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: rgba(71, 89, 245, 0.2);
  border-radius: 50%;
  margin: 0 auto 24px;
}
@media (max-width: 767px) {
  .our-values .header .icon,
  .platform-capabilities .header .icon {
    margin-bottom: 16px;
  }
}
.our-values .pagination-row,
.platform-capabilities .pagination-row {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 12px;
  border-top: 1px solid #eaecf0;
  margin-top: 96px;
  font-size: 14px;
  line-height: 1.42;
  font-weight: 500;
  color: #344054;
}
.our-values .pagination-row .holder,
.platform-capabilities .pagination-row .holder {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.our-values .pagination-row .arrow,
.platform-capabilities .pagination-row .arrow {
  width: 36px;
  height: 36px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #344054;
  cursor: pointer;
}
.our-values {
  padding: 48px 0 24px;
}
.our-values.platform-overview {
  padding: 48px 0 0;
}
@media (max-width: 767px) {
  .our-values {
    padding-top: 32px;
    text-align: center;
  }
}
.our-values + .our-values .inner {
  padding-top: 0;
}
@media (max-width: 767px) {
  .our-values h4 {
    text-align: center;
  }
}
.our-values .inner {
  padding-bottom: 0;
}
.our-values .inner:before {
  content: none;
}
.our-values p {
  margin: 0;
}
.our-values p + p {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .our-values .our-values-content {
    text-align: center;
  }
}
.our-values .our-values-content .col .icon-wrap {
  width: 48px;
  height: 48px;
  border: 1px solid #EAECF0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  margin: 0 auto 19px;
}

.platform-why-hp {
  padding: 61px 0;
}
@media (max-width: 767px) {
  .platform-why-hp {
    padding: 77px 0;
  }
}
.platform-why-hp .container {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0 94px;
}
@media (max-width: 1279px) {
  .platform-why-hp .container {
    gap: 0 50px;
  }
}
@media (max-width: 767px) {
  .platform-why-hp .container {
    display: block;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.platform-why-hp .container .img-col {
  flex: 1;
}
.platform-why-hp .container .img-col .img {
  margin-left: -110px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 19px 41px 0 rgba(0, 0, 0, 0.1), 0 75px 75px 0 rgba(0, 0, 0, 0.09), 0 168px 101px 0 rgba(0, 0, 0, 0.05), 0 467px 131px 0 rgba(0, 0, 0, 0);
}
@media (max-width: 1439px) {
  .platform-why-hp .container .img-col .img {
    margin-left: -16px;
  }
}
@media (max-width: 767px) {
  .platform-why-hp .container .img-col .img {
    margin: 28px -5px 0;
  }
}
.platform-why-hp .container .text-col {
  width: 582px;
}
@media (max-width: 1279px) {
  .platform-why-hp .container .text-col {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .platform-why-hp .container .text-col {
    width: 100%;
  }
}
.platform-why-hp .container .text-col .inner {
  max-width: 504px;
}
@media (max-width: 767px) {
  .platform-why-hp .container .text-col .inner {
    max-width: none;
  }
}
.platform-why-hp .container .text-col h5 {
  color: #000;
}
.platform-why-hp .container .text-col p {
  margin: 0;
}
.platform-why-hp .container .text-col p + p {
  margin-top: 1rem;
}

.platform-it-team {
  overflow: hidden;
  padding: 132px 0 229px;
}
@media (max-width: 1279px) {
  .platform-it-team {
    padding: 48px 0 24px;
  }
}
@media (max-width: 1023px) {
  .platform-it-team {
    padding: 48px 0 24px;
  }
}
.platform-it-team .container {
  padding-left: 24px;
  padding-right: 24px;
}
.platform-it-team h4 {
  color: #101828;
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .platform-it-team h4 {
    padding: 0;
    margin-bottom: 62px;
    font-size: 30px;
    text-align: left;
  }
}
.platform-it-team .row {
  margin: 0;
  gap: 0 64px;
  align-items: center;
}
@media (max-width: 1279px) {
  .platform-it-team .row {
    gap: 0 50px;
  }
}
@media (max-width: 1023px) {
  .platform-it-team .row {
    gap: 0 40px;
  }
}
.platform-it-team .row + .row {
  margin-top: 64px;
}
@media (min-width: 768px) {
  .platform-it-team .row.alt {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .platform-it-team .row.alt .img-col .img {
    margin-left: -16px;
  }
}
@media (min-width: 1440px) {
  .platform-it-team .row.alt .img-col .img {
    margin: 0 0 0 -125px;
  }
}
.platform-it-team .row.alt .list-col {
  padding: 0 15px 0 0;
}
@media (max-width: 1023px) {
  .platform-it-team .row.alt .list-col {
    padding-right: 0;
  }
}
.platform-it-team .list-col {
  width: 512px;
  padding-left: 15px;
}
@media (max-width: 1279px) {
  .platform-it-team .list-col {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .platform-it-team .list-col {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .platform-it-team .list-col {
    width: 100%;
  }
}
.platform-it-team .list-col h5 {
  color: #101828;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .platform-it-team .list-col h5 {
    font-size: 30px;
    line-height: 1.26667;
  }
}
.platform-it-team .list {
  padding-left: 17px;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.platform-it-team .list li {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
}
.platform-it-team .list li .check {
  width: 28px;
  height: 28px;
  background: #f5f5ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #4c52e5;
}
.platform-it-team .list li .text {
  flex: 1;
}
.platform-it-team .img-col {
  flex: 1;
}
.platform-it-team .img-col .img {
  overflow: hidden;
  margin-right: -125px;
  max-width: 720px;
}
@media (max-width: 1439px) {
  .platform-it-team .img-col .img {
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .platform-it-team .img-col .img {
    margin: 33px 0 0;
    border-radius: 4px;
  }
}
.platform-it-team .img-col .img img {
  width: 100%;
}

.content-image-block {
  padding: 32px 0 128px;
  color: #aaa;
}
@media (max-width: 767px) {
  .content-image-block {
    padding: 76px 0 44px;
  }
}
@media (max-width: 767px) {
  .content-image-block .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.content-image-block .inner {
  display: flex;
  background: #000;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .content-image-block .inner {
    display: block;
    border-radius: 4px;
  }
}
.content-image-block .text-col {
  flex: 1;
  display: flex;
  min-height: 640px;
  align-items: center;
  padding: 64px;
}
@media (max-width: 1023px) {
  .content-image-block .text-col {
    padding: 64px 48px;
  }
}
@media (max-width: 767px) {
  .content-image-block .text-col {
    min-height: 1px;
    padding: 32px;
  }
}
.content-image-block .text-col h4 {
  font-weight: 800;
  color: #fff;
}
@media (max-width: 767px) {
  .content-image-block .text-col h4 {
    font-size: 30px;
    line-height: 1.2667;
    margin-bottom: 24px;
  }
}
.content-image-block .text-col p {
  margin: 0;
}
.content-image-block .text-col p + p {
  margin-top: 1rem;
}
.content-image-block .img-col {
  width: 571px;
}
@media (max-width: 1279px) {
  .content-image-block .img-col {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .content-image-block .img-col {
    width: 100%;
    margin-top: 32px;
    height: 219px;
  }
}
.content-image-block .img-col img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.signup {
  padding: 48px 0 24px;
  color: #9F9F9F;
}
@media (max-width: 1023px) {
  .signup {
    padding: 50px 0;
  }
}
@media (min-width: 768px) {
  .signup.hide-desktop {
    display: none;
  }
}
.signup h4 {
  color: #fff;
}
@media (max-width: 767px) {
  .signup h4 {
    font-size: 30px;
  }
}
.signup .inner {
  border-radius: 12px;
  background: #000;
  padding: 97px 65px;
  display: flex;
  align-items: center;
  gap: 0 32px;
}
@media (max-width: 1023px) {
  .signup .inner {
    padding: 64px 48px;
  }
}
@media (max-width: 767px) {
  .signup .inner {
    display: block;
  }
}
.signup .inner p {
  margin: 0;
}
.signup .inner p + p {
  margin-top: 1rem;
}
.signup .text-col {
  flex: 1;
}
@media (max-width: 767px) {
  .signup .text-col {
    line-height: 1.4;
  }
}
.signup .signup-form {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .signup .signup-form {
    width: 245px;
    margin-top: -30px;
  }
}
@media (min-width: 1024px) {
  .signup .signup-form {
    width: 482px;
  }
}
.signup .signup-form .input-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1023px) {
  .signup .signup-form .input-row {
    flex-direction: column;
  }
}
.signup .signup-form .input-wrap {
  width: 100%;
}
@media (min-width: 768px) {
  .signup .signup-form .input-wrap {
    width: 245px;
  }
}
.signup .signup-form input[type=email] {
  width: 245px;
  height: 48px;
}
@media (max-width: 1023px) {
  .signup .signup-form input[type=email] {
    width: 100%;
  }
}
.signup .signup-form input[type=submit] {
  transition: background 0.3s ease-in-out;
  border: none;
  outline: none;
  background: #686868;
  padding: 12px 20px;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .signup .signup-form input[type=submit] {
    width: 100%;
  }
}
.signup .signup-form input[type=submit]:hover {
  background: #4f4f4f;
}
.signup .signup-form .note {
  margin-top: 6px;
  display: block;
  max-width: 245px;
  color: #9F9F9F;
  font-size: 14px;
  line-height: 1.42;
}
.signup .signup-form .note a {
  color: #9F9F9F;
  text-decoration: underline;
}
.signup .signup-form .note a:hover {
  text-decoration: none;
}
.signup.partners-signup {
  text-align: center;
  padding: 48px 0 24px;
}
@media (max-width: 767px) {
  .signup.partners-signup {
    text-align: left;
  }
}
.signup.partners-signup p {
  margin-bottom: 12px;
}
.signup.partners-signup h4 {
  margin-bottom: 10px;
}

.platform-overview.has-bg {
  position: relative;
}

.nav-inline {
  display: flex !important;
  font-size: 16px;
  font-weight: 700;
  gap: 0 16px;
  white-space: nowrap;
  justify-content: end;
}
@media (max-width: 1023px) {
  .nav-inline {
    justify-content: start;
  }
}
.nav-inline li {
  margin-bottom: -1px;
}
.nav-inline li.active a {
  color: #000;
}
.nav-inline a {
  display: block;
  color: #667085;
  height: 36px;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  line-height: 1.3;
  position: relative;
  min-width: 130px;
  border-left: 2px solid #3947C8;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.nav-inline a:after {
  font: 400 10px/1 "icomoon";
  content: "\E90C";
  color: #3947C8;
  margin-left: 24px;
}
.nav-inline a:hover {
  color: #000;
}
@media (max-width: 439px) {
  .nav-inline a {
    min-width: 100%;
    padding: 0 10px;
  }
}

.is-blog-post,
.blog-post {
  padding: 48px 0 24px;
}
@media (max-width: 767px) {
  .is-blog-post,
  .blog-post {
    padding: 32px 0;
  }
}
.is-blog-post h1,
.blog-post h1 {
  font-size: 48px;
}
.is-blog-post h2,
.blog-post h2 {
  font-size: 36px;
}
.is-blog-post h3,
.blog-post h3 {
  font-size: 24px;
}
.is-blog-post h4,
.blog-post h4 {
  font-size: 24px;
}
.is-blog-post h5,
.blog-post h5 {
  font-size: 20px;
}
.is-blog-post h6,
.blog-post h6 {
  font-size: 18px;
}

.is-blog-post {
  padding: 0;
}

.header-blog-post {
  text-align: left;
  margin-bottom: 64px;
  padding-top: 61px;
  color: #656565;
}
@media (max-width: 767px) {
  .header-blog-post {
    margin-bottom: 64px;
  }
}
.header-blog-post .inner {
  max-width: 1024px;
}
.header-blog-post .breadcrumbs-nav {
  margin-bottom: 69px;
}
@media (max-width: 767px) {
  .header-blog-post .breadcrumbs-nav {
    margin-bottom: 46px;
    justify-content: start;
  }
}
.header-blog-post .breadcrumbs {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #393939;
}
.header-blog-post .breadcrumbs li:last-child {
  color: #393939;
}
.header-blog-post .breadcrumbs li + li:before {
  font-size: 14px;
  left: -24px;
}
@media (max-width: 767px) {
  .header-blog-post .breadcrumbs li + li:before {
    left: -18px;
  }
}
.header-blog-post .breadcrumbs li a {
  font-weight: 400;
  color: #b0b0b0;
}
.header-blog-post .publised-date {
  font-weight: 700;
  display: block;
  margin-bottom: 12px;
  color: #000;
}
@media (max-width: 767px) {
  .header-blog-post .publised-date {
    text-align: left;
  }
}
.header-blog-post h1 {
  font-size: 64px;
  line-height: 1.09;
  color: #101828;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .header-blog-post h1 {
    text-align: left;
    font-size: 48px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .header-blog-post h3 {
    font-size: 40px;
  }
}
.header-blog-post .tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: 8px;
  margin: 26px 0;
}
@media (max-width: 767px) {
  .header-blog-post .tags {
    justify-content: start;
  }
}
.header-blog-post .tags a {
  cursor: default;
}
.header-blog-post .lead-img {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .header-blog-post .lead-img {
    margin-top: 30px;
  }
}
.header-blog-post .lead-img img {
  width: 100%;
}
.header-blog-post .lead-img iframe,
.header-blog-post .lead-img video {
  aspect-ratio: 16/9;
  max-width: 100%;
  max-height: 600px;
}
.header-blog-post .lead-img.video-thumb {
  display: block;
}
.header-blog-post .lead-img.video-thumb .icon-play {
  pointer-events: none;
  top: 70%;
}
@media (max-width: 767px) {
  .header-blog-post .lead-img.video-thumb .icon-play {
    display: none !important;
  }
}

.single-blog-post .inner {
  margin: 0 auto;
}
.single-blog-post .inner.inner-resource {
  max-width: 100%;
  margin: 0;
}
.single-blog-post .inner .content-resource {
  display: flex;
  gap: 80px;
  padding-bottom: 48px;
  color: #656565;
}
@media (max-width: 939px) {
  .single-blog-post .inner .content-resource {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
.single-blog-post .inner .content-resource > * {
  width: 50%;
}
@media (max-width: 939px) {
  .single-blog-post .inner .content-resource > * {
    width: 100%;
  }
}
.single-blog-post .inner .content-resource > * .col-md-6 {
  width: 100%;
}
.single-blog-post .inner .content-resource .signup-section {
  padding: 32px 0;
  margin-top: 47px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .single-blog-post .inner .content-resource .signup-section {
    margin-top: 0;
  }
}
.single-blog-post .inner .content-resource .signup-section .form-wrap {
  margin-left: 0;
  position: relative;
}
.single-blog-post .inner .content-resource .signup-section.flex-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-blog-post .inner .content-resource .signup-section.flex-section .thanks-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-blog-post .inner .content-resource .signup-section.flex-section .thanks-form .btn {
  color: #fff;
  text-decoration: none;
}
.single-blog-post .inner .content-resource h5 {
  color: #000;
  margin-top: 0;
}
@media (max-width: 767px) {
  .single-blog-post .inner .content-resource h5 {
    margin-bottom: 10px;
  }
}
.single-blog-post .inner .video-thumbnail {
  padding: 40px 0;
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}
.single-blog-post .inner .video-thumbnail .thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.single-blog-post a {
  color: inherit;
  text-decoration: underline;
}
.single-blog-post a:hover {
  text-decoration: none;
}
.single-blog-post h1,
.single-blog-post h2,
.single-blog-post h3,
.single-blog-post h4,
.single-blog-post h5,
.single-blog-post h6 {
  color: #101828;
}
.single-blog-post h5 {
  margin: 47px 0 19px;
}
.single-blog-post h6 {
  color: #475467;
  margin: 17px 0 18px;
  font-weight: 800;
}
.single-blog-post figure {
  margin: 48px 0;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .single-blog-post figure {
    margin: 30px 0;
  }
}
.single-blog-post figcaption {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 0 6px;
}
.single-blog-post figcaption .icon-link {
  font-size: 15px;
}
.single-blog-post figcaption p {
  margin: 0;
}
.single-blog-post hr {
  margin: 0;
  height: 1px;
  background: #ccc;
  border: none;
  margin: 24px 0;
}
.single-blog-post blockquote {
  margin: 50px 0;
  padding: 7px 0 7px 20px;
  border-left: 2px solid #000;
}
.single-blog-post blockquote q {
  font-weight: 500;
  color: #000;
  display: block;
  margin-bottom: 34px;
}
.single-blog-post blockquote cite {
  display: block;
  font-style: normal;
}
.single-blog-post iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.single-blog-post .image-caption p {
  margin: 0;
}
.single-blog-post .blog-cta {
  padding: 24px 0 48px;
  background-color: #fff;
  z-index: 10;
  position: relative;
}
@media (max-width: 1023px) {
  .single-blog-post .blog-cta .container {
    padding: 0;
  }
}
.single-blog-post .blog-cta .cta {
  background-color: #F4F8FC;
  padding: 40px 10% 40px 32px;
}
@media (max-width: 1249px) {
  .single-blog-post .blog-cta .cta {
    padding: 40px 5% 40px 32px;
  }
}
@media (max-width: 1023px) {
  .single-blog-post .blog-cta .cta {
    padding: 199px 16px 38px;
  }
}
.single-blog-post .blog-cta .cta .h5 {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0%;
  width: 83%;
  margin: 0;
}
@media (max-width: 1023px) {
  .single-blog-post .blog-cta .cta .h5 {
    font-size: 28px;
    line-height: 36px;
    width: 100%;
  }
}
.single-blog-post .blog-cta .cta .h5 span {
  color: #024AD8;
}
.single-blog-post .blog-cta .cta a.btn {
  text-decoration: none;
}
.single-blog-post .video-container {
  width: 100%;
  margin: 2rem 0;
  height: auto;
  aspect-ratio: 16/9;
  padding-top: 0;
}
@media (max-width: 1279px) {
  .single-blog-post .video-container {
    padding-top: 0;
  }
}
.single-blog-post .video,
.single-blog-post .video-embed {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
  overflow: hidden;
}
.single-blog-post .video {
  background: #000;
  display: block;
}
.single-blog-post .video-embed iframe,
.single-blog-post .video-embed video {
  width: 100%;
  height: 100%;
  border: none;
}
@media (max-width: 768px) {
  .single-blog-post .video-container {
    margin: 1.5rem 0;
  }
}

.conclusion {
  margin: 49px 0;
  background: #F9FAFB;
  padding: 32px;
  border-radius: 16px;
  overflow: hidden;
}
.conclusion h5 {
  margin: 0 0 19px;
}
.conclusion p:last-child {
  margin-bottom: 0;
}

.author-social {
  padding: 24px 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 767px) {
  .author-social {
    justify-content: center;
    flex-wrap: none;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .author-social .author-row {
    width: 100%;
    display: flex;
    justify-content: start;
  }
}
@media (min-width: 768px) {
  .author-social .author-row {
    flex: 1;
  }
}
.author-social .author-row .author {
  display: flex;
  gap: 48px;
}
.author-social .author-row .publisher {
  display: flex;
  flex-direction: column;
}
.author-social .author-row .publisher p {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #4C52E5;
}
.author-social .author-row .publisher .data {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #101828;
  margin: 0;
}
.author-social .author {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 16px;
}
.author-social .author .avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #cecece;
}
.author-social .author .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 50%;
     object-position: 0 50%;
}
.author-social .info {
  flex: 1;
}
.author-social .info .name {
  font-weight: 700;
  color: #101828;
  display: block;
}
.author-social .info .designation {
  display: block;
  font-weight: 400;
  color: #475467;
}
.author-social .social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.author-social .social-links li a {
  transition: color 0.3s ease-in-out;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 6px;
  padding: 9px;
  min-width: 40px;
  height: 40px;
  position: relative;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  color: #98a2b3;
  text-decoration: none;
}
@media (max-width: 767px) {
  .author-social .social-links li a {
    padding: 4px;
  }
}
.author-social .social-links li a:hover {
  color: #344054;
}
.author-social .social-links li a > i {
  font-size: 20px;
}
.author-social .social-links li a > i.icon-x {
  font-size: 19px;
}
.author-social .social-links li a .copy {
  display: flex;
  align-items: center;
  gap: 0 6px;
  padding: 0 5px;
}
.author-social .social-links li a .copy .icon-copy {
  font-size: 20px;
}
.author-social .social-links li a .copy em {
  font-style: normal;
}
@media (max-width: 767px) {
  .author-social .social-links li a .copy em {
    display: none;
  }
}

.from-the-blog {
  padding: 103px 0 0;
  margin-bottom: 96px;
}
@media (max-width: 1023px) {
  .from-the-blog {
    padding-top: 50px;
    margin-bottom: 50px;
  }
}
.from-the-blog .header {
  margin-bottom: 64px;
}
.from-the-blog .row {
  margin: -24px -16px;
}
.from-the-blog .row [class*=col-] {
  padding: 24px 16px;
}
.from-the-blog .img {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.from-the-blog .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.from-the-blog .img .caption {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  padding: 24px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.from-the-blog .img .caption strong {
  display: block;
}
.from-the-blog .img .caption span {
  display: block;
}
.from-the-blog h4,
.from-the-blog .h4 {
  font-size: 36px;
  line-height: 1.222;
  color: #000;
  margin-bottom: 20px;
}
.from-the-blog h6 {
  margin-bottom: 8px;
}
.from-the-blog h6 a {
  transition: color 0.3s ease-in-out;
  color: #101828;
  text-decoration: none;
}
.from-the-blog h6 a:hover {
  color: #475467;
}
.from-the-blog p {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .from-the-blog p {
    margin-bottom: 20px;
  }
}
.from-the-blog .view-all {
  margin-top: 64px;
  border-top: 1px solid #EAECF0;
  padding-top: 16px;
  display: flex;
  justify-content: flex-end;
}

.toc-content {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
@media (max-width: 1023px) {
  .toc-content {
    display: block;
  }
}
.toc-content .single-blog-post {
  display: flex;
  justify-content: flex-start;
  grid-column-start: 2;
  grid-column-end: 4;
}
@media (max-width: 1023px) {
  .toc-content .single-blog-post {
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
.toc-content .single-blog-post .container {
  margin: 0;
  padding-right: 16px;
  max-width: 100%;
}
.toc-content .toc-mobile {
  z-index: 10;
  display: none;
  position: absolute;
  top: -48px;
  left: 0;
  align-items: start;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .toc-content .toc-mobile {
    display: flex;
  }
}
@media (max-width: 1023px) {
  .toc-content .toc-mobile {
    position: sticky;
    top: 10px;
    transform: translateY(-25px);
  }
}
.toc-content .toc-mobile div.accordion {
  z-index: 999;
  background: white;
  position: sticky;
  top: 118px;
  padding: 6px;
  border-radius: 8px;
  width: 100%;
  border: solid 1px #4759f5;
}
@media (max-width: 767px) {
  .toc-content .toc-mobile div.accordion {
    top: 84px;
  }
}
.toc-content .toc-mobile div.accordion li::marker {
  color: #4759f5;
}
.toc-content .toc-mobile div.accordion li {
  line-height: 1.2 !important;
  padding: 8px 30px 0 0;
  transform: translateX(22px);
}
.toc-content .toc-mobile div.accordion li a {
  color: black;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s;
}
.toc-content .toc-mobile div.accordion li a.active-link {
  color: #4759f5;
}
.toc-content .toc-mobile div.accordion li a:hover {
  color: #4759f5;
  transition: all 0.3s;
}
.toc-content .toc-mobile div.accordion li.new-toc ul {
  padding-left: 20px;
  margin-top: 8px;
}
.toc-content .toc-mobile div.accordion li.new-toc ul li {
  margin-bottom: 8px;
  padding: 4px 0;
}
.toc-content .toc-mobile div.accordion li.new-toc ul li a {
  font-size: 14px;
  color: #666;
}
.toc-content .toc-mobile div.accordion li.new-toc ul li a.active-link {
  color: #4759f5;
}
.toc-content .toc-mobile div.accordion li.new-toc ul li a:hover {
  color: #4759f5;
}
.toc-content .toc-mobile div.accordion.new-toc ul ul {
  display: block !important;
}
.toc-content .toc-mobile h5,
.toc-content .toc-mobile .h5 {
  font-size: 18px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
}
.toc-content .toc-mobile h5:after,
.toc-content .toc-mobile .h5::after {
  transition: transform 0.3s ease-in-out;
  content: "\E906";
  font: 20px/1 icomoon;
}
.toc-content .toc-mobile .accordion ul {
  display: none;
  margin: 0;
  padding: 0;
}
.toc-content .toc-mobile .accordion.active ul {
  display: block;
}
.toc-content .toc {
  position: relative;
  padding-top: 0;
  width: 350px;
  max-width: 350px;
}
@media (max-width: 1023px) {
  .toc-content .toc {
    display: none;
  }
}
.toc-content .toc div {
  position: sticky;
  top: 140px;
  left: 0;
}
.toc-content .toc div h5,
.toc-content .toc div .h5 {
  margin: 0;
  font-size: 16px;
}
.toc-content .toc div ul {
  padding: 22px;
  margin: 0;
}
.toc-content .toc div ul ul {
  padding: 0 22px;
}
.toc-content .toc div ul ul li {
  margin-bottom: 0;
}
.toc-content .toc div li::marker {
  color: #4759f5;
}
.toc-content .toc div li {
  line-height: 1.2 !important;
  margin-bottom: 12px;
}
.toc-content .toc div li a {
  color: black;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s;
}
.toc-content .toc div li a.active-link {
  color: #4759f5;
}
.toc-content .toc div li a:hover {
  color: #4759f5;
  transition: all 0.3s;
}
.toc-content .toc div li.new-toc ul {
  padding-left: 20px;
  margin-top: 8px;
}
.toc-content .toc div li.new-toc ul li {
  margin-bottom: 8px;
}
.toc-content .toc div li.new-toc ul li a {
  font-size: 14px;
  color: #666;
}
.toc-content .toc div li.new-toc ul li a.active-link {
  color: #4759f5;
}
.toc-content .toc div li.new-toc ul li a:hover {
  color: #4759f5;
}

.horizontal-scroll {
  max-width: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
  position: relative;
  z-index: 1;
}

.ms-insights-section .blog-cta,
.single-blog-post .blog-cta {
  padding: 24px 0 48px;
  background-color: #fff;
  z-index: 10;
  position: relative;
}
@media (max-width: 1023px) {
  .ms-insights-section .blog-cta .container,
  .single-blog-post .blog-cta .container {
    padding: 0;
  }
}
.ms-insights-section .blog-cta .cta,
.single-blog-post .blog-cta .cta {
  background-color: #F4F8FC;
  padding: 40px 10% 40px 32px;
}
@media (max-width: 1249px) {
  .ms-insights-section .blog-cta .cta,
  .single-blog-post .blog-cta .cta {
    padding: 40px 5% 40px 32px;
  }
}
@media (max-width: 1023px) {
  .ms-insights-section .blog-cta .cta,
  .single-blog-post .blog-cta .cta {
    padding: 199px 16px 38px;
  }
}
.ms-insights-section .blog-cta .cta h5,
.single-blog-post .blog-cta .cta h5 {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0%;
  width: 83%;
  margin: 0;
}
@media (max-width: 1023px) {
  .ms-insights-section .blog-cta .cta h5,
  .single-blog-post .blog-cta .cta h5 {
    font-size: 32px;
    line-height: 42px;
    width: 100%;
  }
}
.ms-insights-section .blog-cta .cta h5 span,
.single-blog-post .blog-cta .cta h5 span {
  color: #024AD8;
}
.ms-insights-section .blog-cta .cta a.btn,
.single-blog-post .blog-cta .cta a.btn {
  text-decoration: none;
}

.ms-insights-section .blog-cta {
  background-color: rgba(77, 82, 229, 0.1019607843);
  padding: 96px 16px;
}
@media (max-width: 767px) {
  .ms-insights-section .blog-cta .cta:after {
    height: 172px;
  }
}
.ms-insights-section .blog-cta .cta .h5 {
  font-size: 40px;
}
@media (max-width: 767px) {
  .ms-insights-section .blog-cta .cta .h5 {
    font-size: 32px;
    margin-bottom: 0;
  }
}
.ms-insights-section .featured-posts .container {
  padding: 0 16px;
}
.ms-insights-section .featured-posts .container .hero::after {
  height: 100%;
}

.blogs-section.from-the-blog {
  padding: 0;
}
.blogs-section.from-the-blog .section-title {
  padding: 0;
}
.blogs-section.from-the-blog .section-title h3 {
  font-size: 36px;
}
.image-caption .image-icon {
  display: inline-block;
  min-width: 22px;
  min-height: 22px;
  width: 22px;
  height: 22px;
  background-image: url("../../images/image_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
}
.image-caption .video-icon {
  display: inline-block;
  min-width: 22px;
  min-height: 22px;
  width: 22px;
  height: 22px;
  background-image: url("../../images/video_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
}

.header-single-author {
  background-color: #F9FAFB;
}
.header-single-author .container {
  padding: 80px 100px 80px 16px;
  display: flex;
  gap: 40px;
}
@media (max-width: 969px) {
  .header-single-author .container {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 80px 16px;
  }
}
.header-single-author .container .hero-img {
  width: 212px;
  height: 212px;
  min-width: 212px;
  min-height: 212px;
}
.header-single-author .container .hero-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.header-single-author .container .title-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
@media (max-width: 969px) {
  .header-single-author .container .title-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    max-width: 100%;
  }
}
.header-single-author .container .title-section .social-links {
  margin: 0;
  display: flex;
  gap: 16px;
  list-style-type: none;
  padding: 0;
}
.header-single-author .container .title-section .social-links .copy {
  display: block;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 969px) {
  .header-single-author .container .title-section .social-links em {
    display: none;
  }
}
.header-single-author .container .title-section .social-links a {
  text-decoration: none;
  color: gray;
  opacity: 0.5;
  transition: all 0.3s;
}
.header-single-author .container .title-section .social-links a:hover {
  opacity: 1;
  transition: all 0.3s;
}
.header-single-author .container .title-section .h2 {
  margin: 0;
}
.header-single-author .container .about-section {
  max-width: 655px;
}
@media (max-width: 969px) {
  .header-single-author .container .about-section {
    width: 655px;
    max-width: 100%;
  }
}
.header-single-author .container .about-section .txt {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 3%;
  color: #656565;
}
.header-single-author .container .about-section .tags {
  color: #000000;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 969px) {
  .header-single-author .container .about-section .tags {
    max-width: 100%;
  }
}

.post-section-title {
  margin-top: 96px;
}
.learning-center-content .post-section-title {
  margin-top: 0;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .learning-center-content .post-section-title {
    margin-bottom: 30px;
  }
}
.post-section-title .h2 {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.4;
  letter-spacing: 3%;
  color: #000000;
  margin: 0;
}

.featured-partner {
  color: #676767;
  font-size: 18px;
  line-height: 1.5556;
  overflow: hidden;
  padding: 120px 0;
  background: #f9fbfd;
}
@media (max-width: 1279px) {
  .featured-partner {
    padding: 100px 0;
  }
}
@media (max-width: 1023px) {
  .featured-partner {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .featured-partner {
    padding: 60px 0;
  }
}
.featured-partner .row {
  margin: -12px -6px;
}
.featured-partner .row [class*=col-] {
  display: flex;
  padding: 12px 6px;
}
.featured-partner .row .holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 8px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 73px 73.1px -66px rgba(16, 24, 40, 0.25), 0 13px 73.1px -66px rgba(16, 24, 40, 0.25);
}
.featured-partner .row .img-hold {
  border-radius: 8px;
  overflow: hidden;
}
.featured-partner .content-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 21px 23px 24px;
  font-size: 18px;
  line-height: 1.444;
  color: #404040;
  letter-spacing: -0.3px;
}
@media (max-width: 1279px) {
  .featured-partner .content-wrap {
    padding: 20px 16px;
  }
}
@media (max-width: 767px) {
  .featured-partner .content-wrap {
    font-size: 16px;
  }
}
.featured-partner .content-wrap p {
  margin-bottom: 16px;
}
.featured-partner .h4,
.featured-partner h4 {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 61px;
}
@media (max-width: 1279px) {
  .featured-partner .h4,
  .featured-partner h4 {
    font-size: 44px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .featured-partner .h4,
  .featured-partner h4 {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
.featured-partner .h4 span,
.featured-partner h4 span {
  display: block;
  color: #024ad8;
}
.featured-partner h3 {
  font-size: 40px;
  line-height: 1.11;
  font-weight: 500;
  margin-bottom: 17px;
}
@media (max-width: 1279px) {
  .featured-partner h3 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .featured-partner h3 {
    font-size: 28px;
  }
}
.featured-partner h4 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 16px;
}
.featured-partner .link-chevron {
  gap: 0 8px;
  color: #4D52E5;
  font-weight: 500;
}
.featured-partner .img-hold img {
  width: 100%;
}

.features {
  padding: 48px 0 80px;
}
.features [class^=col-] {
  padding: 16px;
}
@media screen and (min-width: 1280px) {
  .features [class^=col-] .row {
    margin-left: 15px;
  }
}
.features .row {
  margin: -16px;
}
.features .row .btn {
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .features .row .btn {
    margin: 20px;
  }
}
.features h4 {
  color: #101828;
}

.cta-box .icon {
  width: 56px;
  height: 56px;
  background: #000;
  border-radius: 100px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .cta-box h4 {
    font-size: 30px;
  }
}

.faq {
  margin: 32px 0;
}
.faq .inner {
  text-align: center;
  background: #f7f7f7;
  padding: 48px 0 24px;
  border-radius: 16px;
}
.faq .box {
  max-width: 800px;
  margin: 0 auto;
}
.faq h4 {
  color: #101828;
}
@media (max-width: 767px) {
  .faq h4 {
    font-size: 30px;
  }
}
.faq p {
  margin-bottom: 18px;
}

.speaker-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 19px;
}
.speaker-list li {
  border-radius: 100px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.speaker-list li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.speaker-list li:nth-child(2) {
  width: 60px;
  height: 60px;
  border-width: 2px;
  border-color: #fff;
  margin: -5px -19px 0;
  position: relative;
  z-index: 1;
}

.data {
  padding: 0;
}
@media (max-width: 767px) {
  .data {
    padding: 19px 0 0px;
  }
}
.data .inner {
  border: solid #EAECF0;
  border-width: 1px 0;
  padding: 0 0 48px;
}
.data .data-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -24px -8px;
}
@media (max-width: 767px) {
  .data .data-list {
    flex-direction: column;
    gap: 32px;
  }
}
.data .data-list li {
  width: 20%;
  padding: 24px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1023px) {
  .data .data-list li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .data .data-list li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .data .data-list li {
    width: 100%;
  }
}
.data .data-list strong {
  display: block;
  color: #000;
  font-weight: 700;
  margin-bottom: 11px;
}
.data .data-list span {
  display: block;
  color: #101828;
}

.press-mentions h3 {
  text-align: center;
  margin-bottom: 32px;
  color: #101828;
}
@media (max-width: 767px) {
  .press-mentions h3 {
    font-size: 36px;
    line-height: 1.222;
  }
}
@media (max-width: 767px) {
  .press-mentions .press-mentions-list {
    padding: 0 16px;
  }
}
.press-mentions .press-mentions-list li + li {
  margin-top: 32px;
}
.press-mentions .press-mentions-list .box {
  background: #F9FAFB;
  padding: 32px;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .press-mentions .press-mentions-list h5 {
    font-size: 24px;
    line-height: 1.333;
    margin-bottom: 15px;
  }
}
.press-mentions .press-mentions-list h5 a {
  color: #000;
  text-decoration: none;
}
.press-mentions .press-mentions-list .meta {
  margin-bottom: 15px;
  color: #868686;
}
.press-mentions .press-mentions-list .link {
  font-weight: 700;
  color: #4759F5;
  display: inline-flex;
  align-items: center;
  gap: 0 13px;
}
.press-mentions .press-mentions-list .link:after {
  content: "\E90E";
  font: 12px/1 "icomoon";
}

.our-story {
  padding: 48px 0 0;
}
@media (max-width: 767px) {
  .our-story {
    padding: 32px 0 0;
  }
}
.our-story + .our-story {
  padding-top: 0;
}
@media (max-width: 767px) {
  .our-story + .our-story {
    padding-bottom: 154px;
  }
}
.our-story + .hp-workforce-section {
  padding-top: 22px;
}
.our-story .header {
  max-width: 768px;
  margin-bottom: 64px;
  text-align: left !important;
}
@media (max-width: 767px) {
  .our-story .header {
    margin-bottom: 31px;
  }
}
.our-story .header:last-child {
  margin-bottom: 0;
}
.our-story .header .eyebrow {
  margin-bottom: 12px;
}
.our-story .header h4 {
  margin-bottom: 20px;
  color: #101828;
}
.our-story .header .meta {
  display: block;
  color: #475467;
}
.our-story .header .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: rgba(71, 89, 245, 0.2);
  border-radius: 50%;
  margin: 0 0 24px;
}
@media (max-width: 767px) {
  .our-story .header .icon {
    margin-bottom: 16px;
  }
}
.our-story .header p {
  margin: 0;
}
.our-story .header p + p {
  margin-top: 1rem;
}
.our-story .desc {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 60px;
       column-gap: 60px;
  margin-bottom: 82px;
}
@media (max-width: 767px) {
  .our-story .desc {
    -moz-column-count: 1;
         column-count: 1;
    margin-bottom: 14px;
  }
}
.our-story .desc p {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  display: table;
}
.our-story .foot {
  text-align: center;
}

.faq-section {
  background: #F9FAFB;
  padding: 64px 0;
}
@media (max-width: 767px) {
  .faq-section {
    padding: 48px 0 48px;
  }
}
.faq-section .holder {
  max-width: 768px;
  margin: 0 auto;
}
.faq-section .header {
  text-align: center;
  margin-bottom: 39px;
}
@media (max-width: 767px) {
  .faq-section .header {
    margin-bottom: 48px;
  }
}
.faq-section .header h4 {
  margin-bottom: 20px;
  color: #101828;
}
@media (max-width: 767px) {
  .faq-section .header h4 {
    font-size: 30px;
    line-height: 1.26777;
    margin-bottom: 14px;
  }
}
.faq-section.mobile-cta {
  margin-top: 20px;
  display: none;
}
@media (max-width: 767px) {
  .faq-section.mobile-cta {
    display: block;
    padding: 1px 0 20px;
  }
  .faq-section.mobile-cta p {
    margin: 0;
  }
}

.faq-accordion li + li {
  border-top: 1px solid #eaecf0;
}
.faq-accordion ul li + li {
  border-top: none;
}
.faq-accordion .opener {
  display: block;
  position: relative;
  padding: 24px 114px 32px 0;
  text-decoration: none;
  color: #101828;
  font-weight: 500;
  position: relative;
}
@media (max-width: 1023px) {
  .faq-accordion .opener {
    padding-right: 80px;
  }
}
@media (max-width: 767px) {
  .faq-accordion .opener {
    padding-right: 32px;
  }
}
.faq-accordion .opener.active span:after {
  opacity: 0;
  visibility: hidden;
}
.faq-accordion .opener span {
  position: absolute;
  right: 0;
  top: 29px;
  width: 22px;
  height: 22px;
  border: 2px solid #98a2b3;
  border-radius: 100px;
}
.faq-accordion .opener span:before, .faq-accordion .opener span:after {
  content: "";
  width: 10px;
  height: 2px;
  background: #98a2b3;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.faq-accordion .opener span:after {
  width: 2px;
  height: 10px;
}
.faq-accordion .slide {
  margin-top: -24px;
  padding: 0 114px 32px 0;
}
@media (max-width: 1023px) {
  .faq-accordion .slide {
    padding-right: 80px;
  }
}
@media (max-width: 767px) {
  .faq-accordion .slide {
    padding-right: 32px;
  }
}
.faq-accordion .slide p {
  margin: 0;
}
.faq-accordion .slide p + p {
  margin-top: 1rem;
}

.cta-learn-more-container {
  padding: 24px 0;
}
@media (max-width: 767px) {
  .cta-learn-more-container {
    padding: 32px 0;
  }
}
.cta-learn-more-container.bg-white {
  background: transparent;
}

@media (max-width: 767px) {
  .cta-learn-more-container.hide-mobile {
    display: none;
  }
}

.cta-learn-more {
  background: #F2F4F7;
  padding: 64px;
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 20px;
}
@media (max-width: 767px) {
  .cta-learn-more {
    padding: 40px 24px;
    display: block;
    background: transparent;
    border: 1px solid #000;
  }
}
.cta-learn-more .text-col {
  flex: 1;
}
@media (max-width: 767px) {
  .cta-learn-more .text-col {
    margin-bottom: 20px;
  }
}
.cta-learn-more .text-col h5 {
  margin-bottom: 16px;
  color: #101828;
}
.cta-learn-more .text-col p {
  margin: 0;
}
.cta-learn-more .text-col p + p {
  margin-top: 1rem;
}
.cta-learn-more .btn {
  min-width: 124px;
}
@media (max-width: 767px) {
  .cta-learn-more .btn {
    display: flex;
  }
}

@media (min-width: 768px) {
  .hide-desktop {
    display: none;
  }
}

.get-in-touch {
  background: #fff;
  padding: 32px 20px;
  background: #fff;
  text-align: center;
  border-radius: 16px;
  margin-top: 16px;
}
.get-in-touch .avatar-group {
  margin-bottom: 24px;
}
.get-in-touch .avatar-group img {
  display: inline-block;
}
.get-in-touch .title {
  color: #101828;
  font-weight: 700;
}

.core-capabilities {
  padding: 24px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .core-capabilities {
    padding: 32px 0;
  }
}
.core-capabilities + .core-capabilities {
  padding-top: 0;
}
.core-capabilities.alt {
  padding-bottom: 24px;
}
.core-capabilities.alt .content {
  padding-top: 0;
  gap: 38px 0;
}
.core-capabilities.alt .content .img-col {
  margin: 0 !important;
  padding: 0 !important;
  background: none;
}
@media (max-width: 767px) {
  .core-capabilities.alt .content .img-col {
    margin: 32px 0 0 !important;
  }
}
.core-capabilities.alt .content .row {
  align-items: center;
}
.core-capabilities.style--1.alt, .core-capabilities.style--1 {
  background: #f9fafb;
  padding: 80px 0;
}
@media (max-width: 1279px) {
  .core-capabilities.style--1.alt, .core-capabilities.style--1 {
    padding: 60px 0;
  }
}
@media (max-width: 1023px) {
  .core-capabilities.style--1.alt, .core-capabilities.style--1 {
    padding: 40px 0;
  }
}
.section-title + .core-capabilities.style--1.alt, .our-story + .core-capabilities.style--1.alt, .section-title + .core-capabilities.style--1, .our-story + .core-capabilities.style--1 {
  padding-top: 0 !important;
}
.core-capabilities.style--1.alt .content, .core-capabilities.style--1 .content {
  font-size: 20px;
  line-height: 1.5;
  color: #000;
}
.core-capabilities.style--1.alt .content .row, .core-capabilities.style--1 .content .row {
  flex-direction: row;
  gap: 0 68px;
  margin: 0;
}
@media (max-width: 1023px) {
  .core-capabilities.style--1.alt .content .row, .core-capabilities.style--1 .content .row {
    gap: 0 30px;
  }
}
.core-capabilities.style--1.alt .content .row [class*=col-], .core-capabilities.style--1 .content .row [class*=col-] {
  padding: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 1280px) {
  .core-capabilities.style--1.alt .content .row [class*=col-], .core-capabilities.style--1 .content .row [class*=col-] {
    width: auto;
  }
}
.core-capabilities.style--1.alt .content .row [class*=col-]:first-child, .core-capabilities.style--1 .content .row [class*=col-]:first-child {
  flex: 1;
}
@media (min-width: 1280px) {
  .core-capabilities.style--1.alt .content .row [class*=col-]:nth-child(even), .core-capabilities.style--1 .content .row [class*=col-]:nth-child(even) {
    width: 701px;
  }
}
.core-capabilities.style--1.alt .content .row .img-col, .core-capabilities.style--1 .content .row .img-col {
  overflow: hidden;
  background: #f1f1f1;
  border-radius: 16px;
  border: 0.5px solid rgba(134, 134, 134, 0.5);
}
.core-capabilities.style--1.alt .content .icon, .core-capabilities.style--1 .content .icon {
  display: none;
}
.core-capabilities.style--1.alt .content .h5,
.core-capabilities.style--1.alt .content h5, .core-capabilities.style--1 .content .h5,
.core-capabilities.style--1 .content h5 {
  font-weight: 500;
}
@media (min-width: 1024px) {
  .core-capabilities.style--1.alt .content .h5,
  .core-capabilities.style--1.alt .content h5, .core-capabilities.style--1 .content .h5,
  .core-capabilities.style--1 .content h5 {
    font-size: 40px;
    line-height: 1.105;
    margin-bottom: 24px;
  }
}
.core-capabilities.style--1.alt .content .list, .core-capabilities.style--1 .content .list {
  padding-left: 10px;
  margin-top: 24px;
}
.core-capabilities.style--1.alt .content .list > li + li, .core-capabilities.style--1 .content .list > li + li {
  margin-top: 24px;
}
.core-capabilities.style--1.alt .content .list .check, .core-capabilities.style--1 .content .list .check {
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 2px;
  flex: 0 0 5px;
  margin-top: 13px;
}
.core-capabilities.style--1.alt .content .list .check i, .core-capabilities.style--1 .content .list .check i {
  display: none;
}
.core-capabilities .header .h4,
.core-capabilities .header h4 {
  max-width: 518px;
  text-align: left;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 60px;
  letter-spacing: 0%;
}
.core-capabilities .header .h4 span,
.core-capabilities .header h4 span {
  color: #4D52E5;
}
@media (max-width: 767px) {
  .core-capabilities .header .h4,
  .core-capabilities .header h4 {
    font-size: 36px;
    line-height: 40px;
  }
}
.core-capabilities .header p {
  margin: 0;
}
.core-capabilities .header p + p {
  margin-top: 1rem;
}
.core-capabilities h2 {
  font-weight: 400;
  text-align: center;
  margin-bottom: 58px;
  color: #101828;
}
@media (max-width: 767px) {
  .core-capabilities h2 {
    font-size: 36px;
    margin-bottom: 33px;
    font-weight: 700;
  }
}
.core-capabilities h5 {
  color: #101828;
}
.core-capabilities .content {
  display: flex;
  flex-direction: column;
  gap: 96px 0;
}
@media (max-width: 1279px) {
  .core-capabilities .content {
    gap: 60px 0;
  }
}
@media (max-width: 767px) {
  .core-capabilities .content {
    gap: 47px 0;
  }
}
.core-capabilities .content .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -48px;
}
@media (max-width: 1279px) {
  .core-capabilities .content .row {
    margin: 0 -30px;
  }
}
@media (max-width: 1023px) {
  .core-capabilities .content .row {
    margin: 0 -15px;
  }
}
@media (min-width: 768px) {
  .core-capabilities .content .row.alt {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .core-capabilities .content .row.alt .img-col {
    margin: 0 0 0 -112px;
    padding: 24px 0 0 0;
  }
}
.core-capabilities .content .row [class*=col-] {
  padding: 0 48px;
}
@media (max-width: 1279px) {
  .core-capabilities .content .row [class*=col-] {
    padding: 0 30px;
  }
}
@media (max-width: 1023px) {
  .core-capabilities .content .row [class*=col-] {
    padding: 0 15px;
  }
}
.core-capabilities .content .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #dadefd;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.core-capabilities .content .list {
  padding-left: 16px;
  margin: 32px 0 0;
}
@media (max-width: 1023px) {
  .core-capabilities .content .list {
    padding-left: 10px;
  }
}
.core-capabilities .content .list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 14px;
}
.core-capabilities .content .list > li + li {
  margin-top: 20px;
}
.core-capabilities .content .list ol {
  padding: 8px 0 0 74px;
}
@media (max-width: 1023px) {
  .core-capabilities .content .list ol {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .core-capabilities .content .list ol {
    padding-left: 0;
    margin-left: -17px;
  }
}
.core-capabilities .content .list .check {
  width: 28px;
  flex: 0 0 28px;
  display: flex;
  align-items: flex-start;
  color: #4759F5;
  font-size: 28px;
}
.core-capabilities .content .list .text {
  flex: 1;
}
.core-capabilities .content .list p {
  margin: 0;
}
.core-capabilities .content .list p + p {
  margin-top: 1rem;
}
.core-capabilities .content .list .text p {
  margin: 0;
}
.core-capabilities .content .img-col {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .core-capabilities .content .img-col {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .core-capabilities .content .img-col {
    margin-top: 40px;
  }
}
.core-capabilities .content .img-col img {
  width: 100%;
}
.core-capabilities .btn {
  margin-top: 32px;
}

.thin-title {
  font-weight: 400;
  text-align: center;
  margin-bottom: 58px;
  color: #101828;
}
@media (max-width: 767px) {
  .thin-title {
    font-size: 36px;
    margin-bottom: 33px;
    font-weight: 700;
  }
}
.thin-title:last-child {
  margin-bottom: 0;
}

#hp-vyopta-outcomes h2.h4 {
  max-width: 550px !important;
}

#hp-vyopta-features h2.h4 {
  max-width: 600px !important;
}

.explore-related-content {
  padding: 80px 0;
  position: relative;
  margin-bottom: -1px;
  background: #F9FAFB;
}
@media (max-width: 767px) {
  .explore-related-content {
    padding: 60px 0;
  }
}
.platform-overview + .explore-related-content {
  padding-top: 0;
}
.explore-related-content .header {
  margin-bottom: 80px;
}
@media (max-width: 1279px) {
  .explore-related-content .header {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .explore-related-content .header {
    margin-bottom: 40px;
  }
}
.explore-related-content .h4,
.explore-related-content h4 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
  margin-bottom: 30px;
  color: var(--erc-header-text, #212121);
}
@media (max-width: 1279px) {
  .explore-related-content .h4,
  .explore-related-content h4 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .explore-related-content .h4,
  .explore-related-content h4 {
    font-size: 36px;
  }
}
.explore-related-content .h4 span,
.explore-related-content h4 span {
  display: block;
  color: #4D52E5;
}
.explore-related-content .header .h4 {
  font-size: 56px;
  line-height: 60px;
}
.explore-related-content .header .h4 span {
  display: block;
  color: var(--erc-header-highlight, #4D52E5);
}
.explore-related-content .row {
  margin: -16px;
  display: flex;
}
@media (max-width: 1279px) {
  .explore-related-content .row {
    margin: -12px;
  }
}
.explore-related-content .row [class*=col-] {
  display: flex;
  padding: 16px;
}
@media (max-width: 1279px) {
  .explore-related-content .row [class*=col-] {
    padding: 12px;
  }
}
.explore-related-content .row .content {
  border: 1px solid var(--erc-box-border, #ccdbf9);
  background: var(--erc-box-bg, #fff);
  padding: 35px 24px 29px;
  border-radius: 16px;
  font-size: 20px;
  line-height: 1.3;
  color: var(--erc-box-text, #393939);
  min-height: 345px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px 0;
  letter-spacing: -0.2px;
}
@media (max-width: 767px) {
  .explore-related-content .row .content {
    font-size: 18px;
    min-height: none;
    width: 100%;
  }
}
.explore-related-content .row .img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
  height: 240px;
}
@media (max-width: 767px) {
  .explore-related-content .row .img {
    height: 240px;
  }
}
.explore-related-content .row .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.explore-related-content .row .h4,
.explore-related-content .row h6 {
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
}
@media (max-width: 767px) {
  .explore-related-content .row .h4,
  .explore-related-content .row h6 {
    font-size: 26px;
    margin-bottom: 18px;
  }
}
.explore-related-content .row p {
  margin: 0;
}
.explore-related-content .row p + p {
  margin-top: 24px;
}
.explore-related-content .row a {
  text-decoration: none;
}
.explore-related-content .row .link-chevron {
  font-size: 20px;
  font-weight: 500;
}
.explore-related-content .row .link-chevron:hover::after {
  margin-left: 10px;
}
.explore-related-content .row .link-chevron::after {
  transition: margin-left 0.3s ease;
}

hr.border {
  border: none;
  height: 1px;
  background: #eaecf0;
  max-width: 1216px;
  margin: 0 auto;
}

.explore-related-content--new {
  padding: 121px 0;
  background-color: #000;
  color: #fff;
  --erc-header-text: #fff;
  --erc-header-highlight: #FF5050;
  --text-xl-color: #fff;
  --erc-box-text: #fff;
  --erc-box-bg: #1F1F1F;
  --erc-box-border: #1F1F1F;
  --erc-box-bg-hover: #024AD8;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .explore-related-content--new {
    padding: 66px 0;
  }
}
.explore-related-content--new .h4,
.explore-related-content--new h4 {
  line-height: 1;
  font-size: 36px;
}
.explore-related-content--new .header {
  font-size: 18px;
  margin-bottom: 62px;
  gap: 30px;
  display: flex;
}
@media (min-width: 768px) {
  .explore-related-content--new .header {
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .explore-related-content--new .header {
    flex-direction: column;
    margin-bottom: 56px;
  }
}
.explore-related-content--new .header .h4 {
  margin-bottom: 0;
  flex: 1;
  font-size: 58px;
  line-height: 1;
}
@media (max-width: 1279px) {
  .explore-related-content--new .header .h4 {
    font-size: 48px;
  }
}
.explore-related-content--new .header .h4 span {
  margin-top: 14px;
}
@media (max-width: 767px) {
  .explore-related-content--new .header .h4 span {
    margin-top: 8px;
  }
}
.explore-related-content--new .header p {
  margin-bottom: 0;
}
.explore-related-content--new .row {
  margin: 0 -8px;
}
.explore-related-content--new .row .col-md-4 {
  padding: 8px;
}
@media (min-width: 1024px) {
  .explore-related-content--new .row .col-md-4 {
    width: 50%;
  }
}
.explore-related-content--new .row .img {
  height: auto;
  border-radius: 0;
  margin-bottom: 10px;
}
.explore-related-content--new .row .img img {
  height: auto;
  width: auto;
}
.explore-related-content--new .row .content {
  border-radius: 12px;
  padding: 24px;
  min-height: 356px;
  gap: 30px 0;
}
.explore-related-content--new .row .content:hover {
  background-color: var(--erc-box-bg-hover);
  border-color: var(--erc-box-bg-hover);
  transition: all 0.3s ease-in-out;
}
.explore-related-content--new .row .content-t {
  flex: 1;
  flex-direction: column;
}
.explore-related-content--new .row .content-t,
.explore-related-content--new .row .content-t p {
  display: flex;
}
.explore-related-content--new .row .content-t p {
  flex: 1;
  align-items: flex-end;
}
.explore-related-content--new .row .link-chevron {
  font-size: 16px;
  padding: 7px 17px;
  border: 1px solid var(--erc-box-text);
  border-radius: 8px;
  color: var(--erc-box-text);
  transition: all 0.3s ease-in-out;
}
.explore-related-content--new .row .link-chevron:hover {
  background-color: #fff;
  color: #101828;
  transition: all 0.3s ease-in-out;
}
.explore-related-content--new .row .link-chevron:after {
  display: none;
}

.modules-features {
  padding: 93px 0;
}
@media (max-width: 767px) {
  .modules-features {
    padding: 63px 0;
  }
}
.modules-features .header {
  max-width: 768px;
}
@media (max-width: 767px) {
  .modules-features .header {
    margin-bottom: 26px;
  }
}
.modules-features .eyebrow {
  display: inline-flex;
  align-items: center;
  height: 28px;
  border: 1px solid #b5bcfb;
  background: #dadefd;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 16px;
}

.metrics {
  padding: 83px 0;
}
@media (max-width: 767px) {
  .metrics {
    padding: 73px 0 64px;
  }
}
.metrics .header {
  max-width: 768px;
}
@media (max-width: 767px) {
  .metrics .header {
    font-size: 18px;
    line-height: 1.555;
    margin-bottom: 31px;
  }
}
@media (max-width: 767px) {
  .metrics .header h4 {
    font-size: 30px;
    line-height: 1.2677;
  }
}
.metrics .data-row {
  display: flex;
  justify-content: center;
}
.metrics .data-row .data-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.metrics .data-row .data-list li {
  min-width: 272px;
  text-align: center;
  border-right: 1px solid #eaecf0;
  padding: 0 16px;
  margin: 16px 0;
}
.metrics .data-row .data-list li:last-child {
  border: none;
}
@media (max-width: 767px) {
  .metrics .data-row .data-list li {
    border: none;
  }
}
.metrics .data-row .data-list li strong {
  display: block;
  color: #4759F5;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .metrics .data-row .data-list li strong {
    font-size: 48px;
    line-height: 1.25;
    margin-bottom: 12px;
  }
}
.metrics .data-row .data-list li span {
  display: block;
  color: #101828;
  font-weight: 700;
}
.metrics + .data {
  padding: 0 0 96px;
}
@media (max-width: 767px) {
  .metrics + .data {
    padding-bottom: 64px;
  }
}
.metrics + .data .inner {
  padding: 0;
}
.metrics + .data .data-list li {
  padding: 0 20px;
}
.metrics + .data .data-list li + li {
  border-left: 1px solid #eaecf0;
}
@media (max-width: 767px) {
  .metrics + .data .data-list li + li {
    border: none;
  }
}
@media (max-width: 767px) {
  .metrics + .data .data-list li strong {
    font-size: 48px;
  }
}
.metrics + .data .data-list li span {
  font-size: 18px;
  font-weight: 700;
}

.tab-content {
  margin-bottom: 80px;
  height: 512px;
}
@media (max-width: 767px) {
  .tab-content {
    height: 266px;
  }
}
@media (max-width: 767px) {
  .tab-content {
    margin-bottom: 48px;
  }
}
.tab-content .tab {
  display: none;
}
.tab-content .tab.active {
  display: block;
}
.tab-content .img {
  text-align: center;
  height: 512px;
}
@media (max-width: 767px) {
  .tab-content .img {
    height: 266px;
  }
}
.tab-content .img img {
  display: inline-block;
}
@media (max-width: 767px) {
  .tab-content .img img {
    height: 100%;
    width: auto;
  }
}

.tab-list {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
@media (max-width: 767px) {
  .tab-list {
    display: block;
  }
}
.tab-list li {
  width: 33.33%;
}
@media (max-width: 1023px) {
  .tab-list li {
    width: 100%;
  }
}
.tab-list a {
  transition: border-color 0.3s ease-in-out;
  display: block;
  text-decoration: none;
  border-top: 4px solid #f2f4f7;
  padding: 20px 16px 0;
}
@media (max-width: 767px) {
  .tab-list a {
    padding: 20px 16px 25px;
  }
}
.tab-list a.active {
  border-color: #4759F5;
}
.tab-list .title {
  display: block;
  color: #101828;
  margin-bottom: 8px;
  font-weight: 700;
}

.events-section {
  margin-bottom: 76px;
}
.events-section h2 {
  text-align: center;
  margin-bottom: 32px;
  color: #101828;
}
@media (max-width: 767px) {
  .events-section h2 {
    font-size: 36px;
    line-height: 1.222;
  }
}
.events-section .container {
  max-width: 1308px;
}
.events-section .img-banner {
  margin: 0 1px 32px;
}
@media (max-width: 767px) {
  .events-section .img-banner {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.events-section .img-banner img {
  width: 100%;
}
.events-section .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-size: 14px;
  padding-top: 20px;
  border-top: 1px solid #EAECF0;
  color: #344054;
}
.events-section .pager b {
  font-weight: 500;
}
.events-section .pager a {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-decoration: none;
  color: #344054;
}
.events-section .pager .arrow {
  width: 36px;
  height: 36px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #344054;
  cursor: pointer;
}
@media (max-width: 767px) {
  .events-section .event-foot {
    margin: 0 -16px;
  }
}

.events-list {
  overflow: hidden;
}
@media (max-width: 767px) {
  .events-list {
    margin: 0 20px;
  }
}
.events-list .row {
  margin: -16px;
}
.events-list [class^=col-] {
  padding: 16px;
  box-sizing: border-box;
}
.event-item {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 35px 26px 68px;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  height: 100%;
  color: #344054;
}
.event-item .calendar-icon {
  width: 38px;
  height: 42px;
  position: relative;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzNy41IDQxLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3LjUgNDEuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTM2LjgsNy43Yy0wLjctMS4zLTEuNy0yLjMtMi45LTNDMzIuNCw0LDMwLjcsNCwyNy41LDRWMC44YzAtMC40LTAuMy0wLjgtMC44LTAuOFMyNiwwLjMsMjYsMC44VjRIMTEuNVYwLjgNCgljMC0wLjQtMC4zLTAuOC0wLjgtMC44UzEwLDAuMywxMCwwLjhWNEM2LjgsNCw1LjEsNCwzLjcsNC43Yy0xLjMsMC43LTIuMywxLjctMywzQzAsOS4xLDAsMTAuOSwwLDE0LjR2MTYuOGMwLDMuNSwwLDUuMiwwLjcsNi43DQoJYzAuNywxLjMsMS43LDIuMywyLjksMi45YzEuNCwwLjcsMy4yLDAuNyw2LjcsMC43aDE2LjhjMy41LDAsNS4yLDAsNi43LTAuN2MxLjMtMC43LDIuMy0xLjcsMi45LTIuOWMwLjctMS40LDAuNy0zLjIsMC43LTYuN1YxNC40DQoJQzM3LjUsMTAuOSwzNy41LDkuMSwzNi44LDcuN3ogTTM2LDMxLjJjMCwzLjIsMCw0LjktMC42LDZjLTAuNSwxLTEuMywxLjgtMi4zLDIuM0MzMiw0MCwzMC40LDQwLDI3LjIsNDBIMTAuNGMtMy4yLDAtNC45LDAtNi0wLjYNCgljLTEtMC41LTEuOC0xLjMtMi4zLTIuM2MtMC42LTEuMS0wLjYtMi43LTAuNi02VjE3LjVIMzZWMzEuMnogTTM2LDE2SDEuNXYtMS42YzAtMy4yLDAtNC45LDAuNi02YzAuNS0xLDEuMy0xLjgsMi4zLTIuMw0KCUM1LjQsNS41LDcsNS41LDEwLDUuNXYzLjJjMCwwLjQsMC4zLDAuOCwwLjgsMC44czAuOC0wLjMsMC44LTAuOFY1LjVIMjZ2My4yYzAsMC40LDAuMywwLjgsMC44LDAuOHMwLjgtMC4zLDAuOC0wLjhWNS41DQoJYzMsMCw0LjYsMCw1LjYsMC42YzEsMC41LDEuOCwxLjMsMi4zLDIuM2MwLjYsMS4xLDAuNiwyLjcsMC42LDZWMTZ6Ii8+DQo8L3N2Zz4NCg==");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 16px;
}
.event-item .calendar-icon > span {
  display: block;
  position: absolute;
  left: 3px;
  right: 3px;
  bottom: 3px;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: black;
}
.event-item .icon {
  margin-bottom: 13px;
  width: 57px;
}
.event-item .h5, .event-item h5 {
  color: black;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .event-item .h5, .event-item h5 {
    font-size: 30px;
    line-height: 1.267;
  }
}
.event-item .h5 a, .event-item h5 a {
  color: black;
  text-decoration: none;
  display: block;
}
.event-item a.title-link {
  color: black;
  text-decoration: none;
  display: block;
}
.event-item .info-list {
  margin-bottom: 16px;
}
.event-item .info-list li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 32px;
}
.event-item .info-list li .ico-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-item .info-list li .ico-wrap i {
  font-size: 20px;
}
.event-item p {
  margin-bottom: 0;
}
.event-item .link-hold {
  left: 26px;
  bottom: 32px;
  position: absolute;
}

.key-outcomes {
  padding: 68px 0;
}
@media (max-width: 767px) {
  .key-outcomes {
    padding: 33px 16px;
  }
}
.hero-module-details + .key-outcomes {
  padding-top: 48px;
}
@media (max-width: 767px) {
  .hero-module-details + .key-outcomes {
    padding-top: 33px;
  }
}
.key-outcomes h2 {
  font-weight: 400;
  text-align: center;
  margin-bottom: 68px;
  color: #101828;
}
@media (max-width: 767px) {
  .key-outcomes h2 {
    font-size: 36px;
    margin-bottom: 33px;
  }
}
.key-outcomes .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -32px;
}
@media (max-width: 1023px) {
  .key-outcomes .row {
    margin: 0 -16px;
  }
}
.key-outcomes .row [class*=col-] {
  padding: 0 32px;
}
@media (max-width: 1023px) {
  .key-outcomes .row [class*=col-] {
    padding: 16px;
  }
}
.key-outcomes .list {
  font-size: 18px;
  line-height: 1.555;
}
.key-outcomes .list li {
  margin-bottom: 40px;
}
.key-outcomes .eyebrow {
  color: #4759f5;
}
.key-outcomes h4 {
  color: #101828;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .key-outcomes h4 {
    font-size: 30px;
    line-height: 1.266;
  }
}

.fleet-demos {
  padding: 24px 0;
  color: #475467;
}
@media (max-width: 767px) {
  .fleet-demos {
    padding: 24px 0;
  }
}
.our-story + .fleet-demos {
  padding-top: 0;
}
.fleet-demos .heading {
  margin-bottom: 0px;
}
@media (max-width: 1023px) {
  .fleet-demos .heading {
    margin-bottom: 18px;
  }
}
.fleet-demos .heading h2 {
  margin-bottom: 18px;
  color: #101828;
}
@media (max-width: 1023px) {
  .fleet-demos .heading h2 {
    font-size: 30px;
    line-height: 1.266;
  }
}
.fleet-demos .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -32px;
  gap: 53px 0;
}
@media (max-width: 1279px) {
  .fleet-demos .row {
    margin: 0 -16px;
  }
}
.fleet-demos .row [class*=col-] {
  padding: 0 32px;
}
@media (max-width: 1279px) {
  .fleet-demos .row [class*=col-] {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .fleet-demos .row {
    gap: 18px 0;
  }
}

.video-thumb {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  cursor: pointer;
}
@media (max-width: 1279px) {
  .video-thumb {
    gap: 15px;
  }
}
.video-thumb .thumb {
  position: relative;
  width: 176px;
  height: 104px;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .video-thumb .thumb {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .video-thumb .thumb {
    max-width: 314px;
    height: 178px;
  }
}
.video-thumb .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-thumb .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 55px;
  color: white;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 50%;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
}
.video-thumb .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.5;
  color: #101828;
}
@media (max-width: 767px) {
  .video-thumb .title {
    font-size: 24px;
    line-height: 1.333;
  }
}
.video-thumb .desc {
  flex: 1;
}
@media (max-width: 1279px) {
  .video-thumb .desc {
    flex: initial;
    width: 100%;
  }
}

.col-sm-6 .video-thumb .thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
@media (max-width: 767px) {
  .col-sm-6 .video-thumb .thumb {
    max-width: 100%;
    height: auto;
  }
}

body.video-active {
  overflow: hidden;
}

#video-wrap {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: auto;
  z-index: 9999;
  display: flex;
}
#video-wrap.active {
  opacity: 1;
  visibility: visible;
}
#video-wrap .video-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#video-wrap .video-holder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: auto;
}
#video-wrap .video-wrap {
  max-width: 1331px;
  width: 100%;
  padding: 50px 30px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #video-wrap .video-wrap {
    padding: 50px 20px;
  }
}
#video-wrap .video-frame {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
#video-wrap .close-video {
  position: absolute;
  right: 0;
  top: -40px;
  width: 24px;
  height: 24px;
  padding: 0;
  line-height: 1;
  background: none;
  border: none;
}
@media (max-width: 767px) {
  #video-wrap .close-video {
    top: -30px;
  }
}
#video-wrap .close-video:hover:before {
  color: #F97066;
}
#video-wrap .close-video:before {
  transition: color 0.3s ease-in-out;
  content: "\E907";
  font: 24px/1 "icomoon";
  color: #fff;
}
#video-wrap video,
#video-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.full-width-image {
  padding: 42px 0;
}
.full-width-image.flexible-height {
  padding-bottom: 0 !important;
  background: #000;
}
.full-width-image.flexible-height .img {
  height: auto !important;
}
.full-width-image .img {
  width: 100%;
  height: 556px;
  max-height: 100%;
}
@media (max-width: 767px) {
  .full-width-image .img {
    height: 140px;
    max-height: 100%;
  }
}
.full-width-image .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.cta-banner {
  background: #f7f7f7;
  padding: 96px 0;
}
@media (max-width: 767px) {
  .cta-banner {
    background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, rgb(247, 247, 247) 24%);
  }
}
.cta-banner + .feature-section {
  padding-top: 96px;
}
@media (max-width: 767px) {
  .cta-banner + .feature-section {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .video-block + .cta-banner {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .cta-banner .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.cta-banner .row {
  align-items: center;
}
.cta-banner .banner-desc {
  max-width: 510px;
}
@media (max-width: 767px) {
  .cta-banner .banner-desc {
    margin-bottom: 64px;
  }
}
.cta-banner .logo-wrp {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  margin-bottom: 44px;
}
@media (max-width: 767px) {
  .cta-banner .logo-wrp {
    gap: 14px;
    margin-bottom: 3px;
  }
}
.cta-banner .logo-wrp .logo-ferrari {
  width: 48px;
}
@media (max-width: 767px) {
  .cta-banner .logo-wrp .logo-ferrari {
    width: 35px;
  }
}
.cta-banner .logo-wrp .logo-hp {
  width: 58px;
}
@media (max-width: 767px) {
  .cta-banner .logo-wrp .logo-hp {
    width: 42px;
  }
}
.cta-banner .divider {
  transform: translateY(5px);
  width: 25px;
}
@media (max-width: 767px) {
  .cta-banner .divider {
    width: 18px;
  }
}
.cta-banner .divider svg {
  width: 100%;
}
.cta-banner .divider:last-child {
  display: none;
}
.cta-banner .h4 {
  line-height: 1.39;
  margin-bottom: 29px;
}
@media (max-width: 767px) {
  .cta-banner .h4 {
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 41px;
  }
}

.platform-hero {
  padding: 250px 0 191px;
  position: relative;
  min-height: var(--vh);
}
@media screen and (max-width: 768px) {
  .platform-hero {
    padding: 60px 0;
    min-height: var(--vh);
    display: flex;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .platform-hero > .container-lg {
    width: 100%;
  }
}
.platform-hero .bg-block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.platform-hero .bg-block::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%);
}
.platform-hero .bg-block img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.platform-hero .content {
  max-width: 880px;
}
.platform-hero h1 {
  font-weight: 400;
  font-size: 76px;
  line-height: 113%;
  color: #fff;
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .platform-hero h1 {
    font-size: 65px;
  }
}
@media screen and (max-width: 768px) {
  .platform-hero h1 {
    font-size: 58px;
    line-height: 110%;
    margin-bottom: 35px;
  }
}
.platform-hero p {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  color: #fff;
  max-width: 535px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .platform-hero p {
    margin-bottom: 11px;
  }
}
.platform-hero .button-group {
  display: flex;
  align-items: center;
  margin: -5px;
  padding-top: 13px;
}
@media screen and (max-width: 768px) {
  .platform-hero .button-group {
    margin: 0 -5px;
  }
}
.platform-hero .btn-wrap {
  padding: 5px;
}
@media screen and (max-width: 768px) {
  .platform-hero .btn-wrap {
    padding: 0 5px;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .platform-hero .btn-wrap .btn {
    width: 100%;
    min-height: 40px;
  }
}

.platform-modules {
  padding: 120px 0;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .platform-modules {
    padding: 60px 0;
  }
}
.platform-modules .top-text {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #024ad8;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .platform-modules .top-text {
    font-size: 16px;
    letter-spacing: 0.06em;
  }
}
.platform-modules h2 {
  font-weight: 500;
  font-size: 58px;
  letter-spacing: 0.03em;
  color: #000;
}
@media screen and (max-width: 768px) {
  .platform-modules h2 {
    font-size: 48px;
    margin-bottom: 16px;
  }
}
.platform-modules .flex-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
@media screen and (max-width: 992px) {
  .platform-modules .flex-top {
    flex-direction: column;
  }
}
.platform-modules .text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  color: #212121;
  max-width: 565px;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .platform-modules .text p {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .platform-modules .text p {
    line-height: 140%;
  }
}
.platform-modules .flex {
  display: flex;
  margin: 0 -8px;
  row-gap: 16px;
  flex-wrap: wrap;
}
.platform-modules .flex .col {
  padding: 0 8px;
  flex-basis: 33.333%;
  max-width: 33.333%;
}
@media screen and (max-width: 768px) {
  .platform-modules .flex .col {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.platform-modules .flex .col:nth-child(1), .platform-modules .flex .col:nth-child(2) {
  flex-basis: 50%;
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .platform-modules .flex .col:nth-child(1), .platform-modules .flex .col:nth-child(2) {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.platform-modules .modules-item {
  min-height: 412px;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  transition: 0.3s ease-out;
}
@media (max-width: 767px) {
  .platform-modules .modules-item {
    min-height: 300px;
  }
}
.platform-modules .modules-item .icon {
  margin-bottom: 9px;
}
.platform-modules .modules-item .icon img {
  filter: invert(36%) sepia(100%) saturate(6377%) hue-rotate(213deg) brightness(94%) contrast(102%);
}
.platform-modules .modules-item .icon svg {
  height: 40px;
  width: auto;
}
.platform-modules .modules-item h3 {
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0.03em;
  color: #000;
}
.platform-modules .modules-item p {
  font-weight: 400;
  font-size: 18px;
  line-height: 133%;
  color: #212121;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .platform-modules .modules-item p br {
    display: none;
  }
}
.platform-modules .modules-item .btn {
  min-height: 40px;
  min-width: 117px;
}
.platform-modules .modules-item:hover {
  box-shadow: 0 36px 21px -22px rgba(62, 65, 184, 0.25);
  background: #024ad8;
}
.platform-modules .modules-item:hover img {
  filter: brightness(0) invert(1);
}
.platform-modules .modules-item:hover svg path {
  fill: #fff;
}
.platform-modules .modules-item:hover svg path[stroke="#024AD8"] {
  fill: none;
  stroke: #fff;
}
.platform-modules .modules-item:hover h3,
.platform-modules .modules-item:hover p {
  color: #fff;
}
.platform-modules .modules-item:hover .btn:hover {
  border: 1px solid #fff;
  background: #fff;
  color: #101828;
}

.platform-score {
  padding: 128px 0 144px;
  background: #fafafa;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .platform-score {
    padding: 60px 0;
  }
}
.platform-score .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media screen and (max-width: 992px) {
  .platform-score .flex {
    flex-direction: column-reverse;
    row-gap: 65px;
  }
}
.platform-score .content {
  max-width: 471px;
}
@media screen and (max-width: 992px) {
  .platform-score .content {
    max-width: 100%;
  }
}
.platform-score h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 117%;
  color: #000;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .platform-score h2 {
    font-size: 40px;
  }
}
.platform-score p {
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #404040;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .platform-score p {
    margin-bottom: 43px;
  }
}
.platform-score ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.platform-score ul li {
  font-weight: 400;
  font-size: 18px;
  color: #212121;
  line-height: normal;
  padding-left: 36px;
  position: relative;
}
.platform-score ul li::before {
  content: "";
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 2px;
  background-image: url(../../images/check-black.svg);
  background-size: cover;
  background-position: center;
}
.platform-score ul li strong {
  font-weight: 500;
}
.platform-score ul li p {
  display: inline;
  margin: 0;
}
.platform-score ul li:not(:last-child) {
  margin-bottom: 24px;
}
.platform-score .image-box {
  width: 628px;
  margin-right: 16px;
}
@media screen and (max-width: 1266px) {
  .platform-score .image-box {
    width: 520px;
  }
}
@media screen and (max-width: 992px) {
  .platform-score .image-box {
    width: 100%;
    margin-right: 0;
  }
}
.platform-score .image-box .image {
  border-radius: 21px;
  overflow: hidden;
  height: auto;
}
.platform-score .image-box .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.platform-score .image-box .image1 {
  width: 630px;
  margin-left: 129px;
  margin-bottom: -108px;
}
@media screen and (max-width: 1266px) {
  .platform-score .image-box .image1 {
    width: 520px;
  }
}
@media screen and (max-width: 992px) {
  .platform-score .image-box .image1 {
    width: 100%;
    margin-left: 50px;
  }
}
@media screen and (max-width: 768px) {
  .platform-score .image-box .image1 {
    margin-left: 36px;
    margin-bottom: -86px;
    margin-right: -107px;
    width: auto;
  }
}
.platform-score .image-box .image2 {
  box-shadow: 0 32px 18px -19px rgba(62, 65, 184, 0.25);
}
@media screen and (max-width: 768px) {
  .platform-score .image-box .image2 {
    margin-right: -69px;
  }
}

.platform-overview-v2 {
  padding: 120px 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .platform-overview-v2 {
    padding: 0 0 40px;
  }
}
.platform-overview-v2 h2 {
  font-weight: 500;
  font-size: 58px;
  letter-spacing: 0.03em;
  color: #212121;
  margin-bottom: 38px;
}
@media screen and (max-width: 768px) {
  .platform-overview-v2 h2 {
    font-size: 40px;
    margin-bottom: 32px;
  }
}
.platform-overview-v2 p {
  font-weight: 500;
  font-size: 18px;
  line-height: 144%;
  color: #404040;
  margin-bottom: 27px;
}
@media screen and (max-width: 768px) {
  .platform-overview-v2 p {
    margin-bottom: 18px;
  }
}
.platform-overview-v2 ul {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  .platform-overview-v2 ul {
    padding-left: 0;
  }
}
.platform-overview-v2 ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #404040;
  padding-left: 36px;
  position: relative;
}
.platform-overview-v2 ul li::before {
  content: "";
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  background-image: url(../../images/check-blue.svg);
  background-size: cover;
  background-position: center;
}
.platform-overview-v2 ul li strong {
  font-weight: 500;
}
.platform-overview-v2 ul li:not(:last-child) {
  margin-bottom: 16px;
}
.platform-overview-v2 .flex {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .platform-overview-v2 .flex {
    flex-direction: column-reverse;
    row-gap: 64px;
  }
}
.platform-overview-v2 .content {
  width: 495px;
  flex-shrink: 0;
}
@media screen and (max-width: 992px) {
  .platform-overview-v2 .content {
    width: 100%;
  }
}
.platform-overview-v2 .overview-group {
  margin-bottom: 32px;
}
.platform-overview-v2 .overview-item {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.platform-overview-v2 .overview-item:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .platform-overview-v2 .overview-item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.platform-overview-v2 .overview-item h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #404040;
  margin-bottom: 10px;
}
.platform-overview-v2 .overview-item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #404040;
  margin-bottom: 0;
}
.platform-overview-v2 .overview-item .icon img {
  width: 32px;
  height: 32px;
  max-width: 32px;
}
.platform-overview-v2 .btn {
  min-height: 40px;
  min-width: 157px;
}
.platform-overview-v2 .image-box {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .platform-overview-v2 .image-box {
    width: auto;
    margin: 0 -50px;
  }
}
.platform-overview-v2 .image {
  height: 830px;
  background: red;
  width: auto;
  -webkit-clip-path: polygon(29% 0, 100% 0, 69% 104%, 0 100%);
          clip-path: polygon(29% 0, 100% 0, 69% 104%, 0 100%);
  margin-right: -252px;
  margin-left: -10px;
}
@media screen and (max-width: 992px) {
  .platform-overview-v2 .image {
    margin-left: 0;
    margin-right: 0;
    height: 500px;
    margin: 0 -50px;
  }
}
@media screen and (max-width: 768px) {
  .platform-overview-v2 .image {
    height: 466px;
    -webkit-clip-path: polygon(30% 0, 100% 0, 69% 104%, 0 100%);
            clip-path: polygon(30% 0, 100% 0, 69% 104%, 0 100%);
  }
}
.platform-overview-v2 .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.platform-overview-v2.platform-prising {
  padding: 0;
}

.platform-demos {
  padding: 32px;
  position: relative;
}
@media screen and (max-width: 1266px) {
  .platform-demos {
    padding: 0;
  }
}
.platform-demos .container {
  max-width: 1320px;
  padding: 0 24px;
}
.platform-demos .platform-inner {
  border-radius: 12px;
  width: 100%;
  padding: 65px 32px;
  background: radial-gradient(210.97% 97.69% at 30.41% 44.51%, #ededf7 0%, #f4f4f4 100%), #f4f4f4;
  overflow: hidden;
}
@media screen and (max-width: 1266px) {
  .platform-demos .platform-inner {
    border-radius: 0;
    padding: 65px 0;
  }
}
.platform-demos .flex-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 64px;
  gap: 30px;
}
@media screen and (max-width: 992px) {
  .platform-demos .flex-top {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 24px;
  }
}
@media screen and (max-width: 992px) {
  .platform-demos .flex-top .title {
    width: 100%;
  }
}
.platform-demos .flex-top h2 {
  font-weight: 500;
  font-size: 64px;
  line-height: 103%;
  color: #000;
  max-width: 505px;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .platform-demos .flex-top h2 {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .platform-demos .flex-top h2 {
    font-size: 48px;
    line-height: 110%;
  }
}
.platform-demos .flex-top h2 span {
  color: #7099a6;
}
.platform-demos .text {
  max-width: 505px;
}
@media screen and (max-width: 992px) {
  .platform-demos .text {
    max-width: 100%;
  }
}
.platform-demos .text p {
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #000;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .platform-demos .text p {
    line-height: 139%;
  }
}
.platform-demos .video-block {
  width: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
}
.platform-demos .video-block.storylane {
  height: 100%;
  padding-top: 0;
}
.platform-demos .video-block.storylane .video-container {
  padding-top: 0;
  height: 100%;
}
.platform-demos .video-block.playing .video-img {
  opacity: 0;
}
.platform-demos .video-block.playing .video {
  opacity: 1;
}
.platform-demos .video-block .video-img {
  transition: all 0.3s ease-in-out;
  position: absolute;
  inset: 0;
}
.platform-demos .video-block .video-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .platform-demos .video-block .video-img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.platform-demos .video-block .video {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 513px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
  line-height: 100%;
  display: block;
  opacity: 0;
}
@media screen and (max-width: 992px) {
  .platform-demos .video-block .video {
    height: 450px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 768px) {
  .platform-demos .video-block .video {
    height: 463px;
  }
}
.platform-demos .video-block .play-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #fff;
  -moz-column-gap: 18px;
       column-gap: 18px;
  cursor: pointer;
}
.platform-demos .video-block .video-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(2, 74, 216, 0) 0%, rgb(2, 74, 216) 100%);
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .platform-demos .video-block .video-preview {
    padding: 24px;
  }
}
.platform-demos .video-block .video-preview h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0.03em;
  color: #fff;
  margin-bottom: 16px;
  max-width: 472px;
}
@media screen and (max-width: 768px) {
  .platform-demos .video-block .video-preview h3 {
    font-size: 32px;
  }
}
.platform-demos .video-block .video-preview p {
  font-weight: 400;
  font-size: 18px;
  line-height: 144%;
  letter-spacing: 0.03em;
  color: #fff;
  max-width: 420px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .platform-demos .video-block .video-preview p {
    line-height: normal;
  }
}
.platform-demos .swiper-button-prev,
.platform-demos .swiper-button-next {
  display: none;
}
.platform-demos .thumb-swiper {
  margin-top: 16px;
  overflow: visible;
  max-width: 1280px;
}
@media screen and (max-width: 768px) {
  .platform-demos .thumb-swiper {
    margin-bottom: 32px;
  }
}
.platform-demos .video-preview-thumb .image-box {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.platform-demos .video-preview-thumb .play-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #fff;
  -moz-column-gap: 18px;
       column-gap: 18px;
  background: rgba(2, 74, 216, 0.7);
  cursor: pointer;
}
.platform-demos .video-preview-thumb .image {
  height: 227px;
  overflow: hidden;
}
.platform-demos .video-preview-thumb .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.platform-demos .video-preview-thumb .info {
  padding: 32px 16px 0;
}
@media screen and (max-width: 768px) {
  .platform-demos .video-preview-thumb .info {
    padding: 32px 0 0;
  }
}
.platform-demos .video-preview-thumb .info h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.03em;
  color: #212121;
  margin-bottom: 16px;
}
.platform-demos .video-preview-thumb .info p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: normal;
  color: #212121;
}
.platform-demos .swiper-scrollbar {
  height: 6px;
  background: #fff;
  border-radius: 6px;
  margin: 35px 0 16px;
}
@media screen and (max-width: 768px) {
  .platform-demos .swiper-scrollbar {
    display: none;
  }
}
.platform-demos .swiper-scrollbar .swiper-scrollbar-drag {
  height: 4px;
  border-radius: 4px;
  background: #d9d9d9;
  top: 1px;
  cursor: pointer;
}
.platform-demos .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative;
}
.platform-demos .btn {
  min-width: 150px;
}
.platform-demos .demos-swiper .swiper-wrapper .swiper-slide {
  display: flex;
  height: auto;
}
.platform-demos .demos-swiper .video-img {
  pointer-events: none;
}
.platform-demos .demos-swiper .video-container.storylane {
  min-height: 513px;
}
@media screen and (max-width: 768px) {
  .platform-demos .demos-swiper .video-container.storylane {
    min-height: 463px;
  }
}
@media screen and (max-width: 768px) {
  .platform-demos .demos-swiper .video-container.storylane button {
    display: none;
  }
}

.platform-cta {
  padding: 58px 0;
  overflow: hidden;
}
.platform-cta .cta-box {
  background: radial-gradient(372.14% 129.09% at 12.42% 9.31%, #989898 0%, #fff 100%);
  border-radius: 12px;
  padding: 48px 64px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .platform-cta .cta-box {
    background: radial-gradient(186.27% 94.3% at 65.05% 16.34%, #fff 0%, #989898 100%);
    padding: 32px 20px;
  }
}
.platform-cta h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 112%;
  color: #fff;
  max-width: 430px;
  margin-bottom: 9px;
}
@media screen and (max-width: 768px) {
  .platform-cta h2 {
    font-size: 40px;
    margin-bottom: 14px;
  }
}
.platform-cta p {
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #000;
  max-width: 415px;
  margin-bottom: 21px;
}
@media screen and (max-width: 768px) {
  .platform-cta p {
    margin-bottom: 36px;
  }
}
.platform-cta .btn {
  min-height: 40px;
}
@media screen and (max-width: 768px) {
  .platform-cta .btn {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .platform-cta .image-box {
    position: relative;
    height: 355px;
  }
}
.platform-cta .bg-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -147px;
  margin-top: 22px;
}
@media screen and (max-width: 1266px) {
  .platform-cta .bg-image {
    right: -250px;
  }
}
@media screen and (max-width: 992px) {
  .platform-cta .bg-image {
    right: auto;
    left: 50%;
    top: -120px;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .platform-cta .bg-image {
    top: -100px;
    margin-left: 31px;
  }
}
.platform-cta .bg-image img {
  width: 975px;
  max-width: none;
}
@media screen and (max-width: 992px) {
  .platform-cta .bg-image img {
    width: 800px;
  }
}
@media screen and (max-width: 768px) {
  .platform-cta .bg-image img {
    width: 759px;
  }
}

.accordion .acc-btn {
  display: block;
  width: 100%;
  border: 0;
  background: 0;
  padding: 0;
  border-top: 0.5px solid #666;
  min-height: 85px;
  border-radius: 0;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .accordion .acc-btn {
    min-height: 76px;
  }
}
.accordion .acc-btn.active .acc-icon::after {
  opacity: 0;
}
.accordion .acc-btn .acc-icon {
  position: relative;
  width: 24px;
  height: 24px;
}
.accordion .acc-btn .acc-icon::before, .accordion .acc-btn .acc-icon::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  width: 16px;
  background: #000;
  position: absolute;
  border-radius: 4px;
  transition: 0.3s linear;
}
.accordion .acc-btn .acc-icon::after {
  height: 16px;
  width: 2px;
}
.accordion .acc-btn span {
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0.03em;
  color: #000;
}
@media screen and (max-width: 768px) {
  .accordion .acc-btn span {
    font-size: 24px;
  }
}
.accordion .acc-btn .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion .acc-content {
  display: none;
}

[data-appear-block] {
  will-change: opacity, transform;
  backface-visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.7s cubic-bezier(0.37, 0.01, 0, 0.98), transform 1.5s cubic-bezier(0.37, 0.01, 0, 0.98);
}
[data-appear-block].is-appeared {
  opacity: 1;
  transform: none;
}
[data-appear-block][data-appear-block=zoom-in] {
  transform: scale(0.8);
  transition: transform 1s cubic-bezier(0.37, 0.01, 0, 0.98) 0.5s;
}
[data-appear-block][data-appear-block=zoom-in].is-appeared {
  transform: none;
}
[data-appear-block][data-appear-block=zoom-fade-in] {
  transform: scale(0.3);
  transition: opacity 0.5s cubic-bezier(0.37, 0.01, 0, 0.98), transform 1s cubic-bezier(0.37, 0.01, 0, 0.98);
}
[data-appear-block][data-appear-block=zoom-fade-in].is-appeared {
  opacity: 1;
  transform: none;
}
[data-appear-block][data-appear-block=from-right] {
  transform: translateX(30px);
}
[data-appear-block][data-appear-block=from-right].is-appeared {
  opacity: 1;
  transform: none;
}
[data-appear-block][data-appear-block=from-left] {
  transform: translateX(-30px);
}
[data-appear-block][data-appear-block=from-left].is-appeared {
  opacity: 1;
  transform: none;
}
[data-appear-block][data-appear-block=fade-in] {
  transform: none;
}
[data-appear-block][data-appear-block=fade-in].is-appeared {
  opacity: 1;
  transform: none;
}

[data-appear-stagger] > * {
  will-change: opacity, transform;
  backface-visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s cubic-bezier(0.37, 0.01, 0, 0.98), transform 1s cubic-bezier(0.37, 0.01, 0, 0.98);
}
[data-appear-stagger].is-appeared > * {
  opacity: 1;
  transform: none;
}
[data-appear-stagger][data-appear-stagger=companies] > * {
  transition: opacity 0.5s cubic-bezier(0.37, 0.01, 0, 0.98), transform 0.5s cubic-bezier(0.37, 0.01, 0, 0.98);
}
[data-appear-stagger][data-appear-stagger=companies].is-appeared > * {
  opacity: 1;
  transform: none;
}
[data-appear-stagger][data-appear-stagger=zoom-in] > * {
  transform: scale(0.8);
  transition: opacity 1.2s cubic-bezier(0.37, 0.01, 0, 0.98), transform 1s cubic-bezier(0.37, 0.01, 0, 0.98);
}
[data-appear-stagger][data-appear-stagger=zoom-in].is-appeared > * {
  opacity: 1;
  transform: none;
}
[data-appear-stagger][data-appear-stagger=from-left] > * {
  transform: translateX(-30px);
}
[data-appear-stagger][data-appear-stagger=from-left].is-appeared > * {
  opacity: 1;
  transform: none;
}
[data-appear-stagger][data-appear-stagger=from-right] > * {
  transform: translateX(30px);
}
[data-appear-stagger][data-appear-stagger=from-right].is-appeared > * {
  opacity: 1;
  transform: none;
}
[data-appear-stagger][data-appear-stagger=fade-in] > * {
  transform: none;
}
[data-appear-stagger][data-appear-stagger=fade-in].is-appeared > * {
  opacity: 1;
  transform: none;
}

[data-appear-group] [data-appear-group-item] {
  will-change: opacity, transform;
  backface-visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s cubic-bezier(0.37, 0.01, 0, 0.98), transform 1s cubic-bezier(0.37, 0.01, 0, 0.98);
}
[data-appear-group].is-appeared [data-appear-group-item] {
  opacity: 1;
  transform: none;
}
[data-appear-group][data-appear-group=zoom-in] [data-appear-group-item] {
  transform: scale(0.8);
  transition: opacity 1.2s cubic-bezier(0.37, 0.01, 0, 0.98), transform 1s cubic-bezier(0.37, 0.01, 0, 0.98);
}
[data-appear-group][data-appear-group=zoom-in].is-appeared [data-appear-group-item] {
  opacity: 1;
  transform: none;
}
[data-appear-group][data-appear-group=from-left] [data-appear-group-item] {
  transform: translateX(-30px);
}
[data-appear-group][data-appear-group=from-left].is-appeared [data-appear-group-item] {
  opacity: 1;
  transform: none;
}
[data-appear-group][data-appear-group=from-right] [data-appear-group-item] {
  transform: translateX(30px);
}
[data-appear-group][data-appear-group=from-right].is-appeared [data-appear-group-item] {
  opacity: 1;
  transform: none;
}
[data-appear-group][data-appear-group=fade-in] [data-appear-group-item] {
  transform: none;
}
[data-appear-group][data-appear-group=fade-in].is-appeared [data-appear-group-item] {
  opacity: 1;
  transform: none;
}

[data-split-text] .js-letter {
  overflow: hidden;
  vertical-align: bottom;
}
[data-split-text] .js-word {
  overflow: hidden;
  vertical-align: bottom;
}
[data-split-text] .js-inner {
  display: block;
  transform: translate(0, 100%);
  transition: transform 1.2s cubic-bezier(0.37, 0.01, 0, 0.98);
}
[data-split-text].is-appeared .js-inner {
  transform: none;
}

.news {
  background: #fff;
  color: #212121;
  padding: 116px 0 60px;
  font-size: 18px;
  line-height: 1.667;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .news {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .news {
    padding-bottom: 84px;
  }
}
.news .container,
.news .container-lg {
  display: flex;
  flex-direction: column;
  gap: 111px;
}
@media (max-width: 1023px) {
  .news .container,
  .news .container-lg {
    gap: 100px;
  }
}
@media (max-width: 767px) {
  .news .container,
  .news .container-lg {
    gap: 31px;
  }
}
.news .header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .news .header {
    display: block;
  }
}
.news .header h2 {
  color: #000;
  line-height: 1;
  margin: 0;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .news .header h2 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .news .header h2 {
    font-size: 36px;
    line-height: 1.333;
  }
}
.news .desc {
  max-width: 350px;
}
@media (max-width: 767px) {
  .news .desc {
    max-width: none;
  }
}

.news-slider {
  font-size: 20px;
  line-height: 1.2;
  padding-right: 62px;
}
@media (max-width: 1023px) {
  .news-slider {
    padding-right: 100px;
  }
}
@media (max-width: 767px) {
  .news-slider {
    padding-right: 14px;
    font-size: 18px;
  }
}
.news-slider .swiper-wrapper {
  box-sizing: border-box;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .news-slider .swiper-wrapper {
    margin-bottom: 83px;
  }
}
.news-slider .swiper-slide {
  display: flex;
  height: auto;
  padding-right: 64px;
  margin-right: 64px;
  border-right: 2px solid #024ad8;
}
@media (max-width: 1279px) {
  .news-slider .swiper-slide {
    padding-right: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 1023px) {
  .news-slider .swiper-slide {
    padding-right: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .news-slider .swiper-slide {
    padding-right: 16px;
    margin-right: 16px;
  }
}
.news-slider .slide-logo {
  height: 56px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.news-slider .slide-logo img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.news-slider h3 {
  font-size: 32px;
  line-height: 1.3125;
  font-weight: 400;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .news-slider h3 {
    font-size: 28px;
    line-height: 1.285;
    margin-bottom: 29px;
  }
}
.news-slider p {
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .news-slider p {
    margin-bottom: 32px;
  }
}
.news-slider .link {
  text-decoration: none;
  color: #212121;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.news-slider .link:hover {
  text-decoration: underline;
}
.news-slider .swiper-nav {
  display: flex;
  gap: 32px;
}
@media (max-width: 767px) {
  .news-slider .swiper-nav {
    gap: 34px;
    justify-content: center;
  }
}
.news-slider .swiper-nav .swiper-button-prev,
.news-slider .swiper-nav .swiper-button-next {
  position: static;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  margin-top: 0;
}
.news-slider .swiper-nav .swiper-button-prev:after,
.news-slider .swiper-nav .swiper-button-next:after {
  content: none;
}
.news-slider .swiper-nav .swiper-button-prev:hover i,
.news-slider .swiper-nav .swiper-button-next:hover i {
  color: #024ad8;
}
.news-slider .swiper-nav .swiper-button-prev i,
.news-slider .swiper-nav .swiper-button-next i {
  transition: color 0.3s ease-in-out;
  font-size: 16px;
  color: #212121;
}
.news-slider .swiper-nav .swiper-button-prev.swiper-button-disabled,
.news-slider .swiper-nav .swiper-button-next.swiper-button-disabled {
  opacity: 0.6 !important;
}

.integrations {
  background: #000;
  padding: 120px 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.667;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .integrations {
    padding-bottom: 0;
  }
}
@media (max-width: 1279px) {
  .integrations {
    padding: 80px 0;
  }
}
@media (max-width: 1023px) {
  .integrations {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .integrations {
    padding: 72px 0;
  }
}
.integrations .container-lg,
.integrations .container {
  display: flex;
  flex-direction: column;
  gap: 64px 0;
}
@media (max-width: 767px) {
  .integrations .container-lg,
  .integrations .container {
    gap: 32px 0;
  }
}
.integrations .top-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
@media (max-width: 1023px) {
  .integrations .top-row {
    display: block;
  }
}
.integrations .top-row .content-holder {
  width: 396px;
}
@media (max-width: 1023px) {
  .integrations .top-row .content-holder {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .integrations .top-row .content-holder {
    margin-bottom: 36px;
  }
}
.integrations .top-row .content-holder h2 {
  font-size: 56px;
  line-height: 1.178;
  font-weight: 500;
  line-height: 1.178;
  color: #fff;
  margin-bottom: 27px;
}
@media (max-width: 1365px) {
  .integrations .top-row .content-holder h2 {
    font-size: 48px;
    line-height: 1.375;
  }
}
@media (max-width: 767px) {
  .integrations .top-row .content-holder h2 {
    margin-bottom: 38px;
    font-size: 36px;
  }
}

.product-slider {
  overflow: hidden;
  max-width: 794px;
}
@media (max-width: 1023px) {
  .product-slider {
    width: 100%;
    max-width: none;
  }
}
.product-slider .slide-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 90px;
}
@media (max-width: 1023px) {
  .product-slider .slide-wrap {
    display: block;
  }
}
.product-slider .img {
  width: 100%;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.product-slider .img picture {
  position: absolute;
  inset: 0;
}
.product-slider .img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
}
.product-slider .img .overlay-content {
  position: relative;
  min-height: 537px;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  padding: 40px;
  font-size: 24px;
  line-height: 1.54;
  letter-spacing: 0.2px;
  box-sizing: border-box;
}
@media (max-width: 1439px) {
  .product-slider .img .overlay-content {
    min-height: 437px;
    font-size: 19.38px;
    line-height: 1.54;
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .product-slider .img .overlay-content {
    padding: 20px;
    font-size: 18px;
    line-height: 1.444;
    min-height: 304px;
  }
}
.product-slider .img .overlay-content .desc {
  max-width: 605px;
}
@media (max-width: 1439px) {
  .product-slider .img .overlay-content .desc {
    max-width: 480px;
  }
}
.product-slider .img .overlay-content .content-logo {
  width: 320px;
  margin: 0 0 70px 44px;
}
@media (max-width: 767px) {
  .product-slider .img .overlay-content .content-logo {
    width: 142px;
    margin: 0 0 55px 11px;
  }
}
.product-slider .img .overlay-content p {
  margin: 0;
}
.product-slider .img .overlay-content p + p {
  margin-top: 1rem;
}

.product-slider-thumbnail {
  overflow: hidden;
}
@media (max-width: 559px) {
  .product-slider-thumbnail {
    overflow: visible;
    padding: 0 20px;
  }
}
.product-slider-thumbnail .swiper-wrapper {
  box-sizing: border-box;
}
.product-slider-thumbnail .swiper-slide {
  width: 16.66%;
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  padding: 20px;
}
@media (max-width: 1279px) {
  .product-slider-thumbnail .swiper-slide {
    height: 120px;
    width: 20%;
  }
}
@media (max-width: 1023px) {
  .product-slider-thumbnail .swiper-slide {
    height: 100px;
    width: 25%;
  }
}
@media (max-width: 767px) {
  .product-slider-thumbnail .swiper-slide {
    height: 80px;
    width: 33.33%;
  }
}
@media (max-width: 559px) {
  .product-slider-thumbnail .swiper-slide {
    width: 50%;
  }
}
.product-slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  background: #1a1a1a;
}
.product-slider-thumbnail .swiper-slide.swiper-slide-thumb-active img {
  filter: none;
}
.product-slider-thumbnail .swiper-slide.swiper-slide-thumb-active:before {
  opacity: 1;
}
.product-slider-thumbnail .swiper-slide:after {
  content: "";
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0.3) 0%, rgba(153, 153, 153, 0) 95%, rgba(153, 153, 153, 0) 100%);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.product-slider-thumbnail .swiper-slide:before {
  transition: opacity 0.3s ease-in-out;
  content: "";
  background: linear-gradient(to right, rgb(52, 211, 255) 50%, rgb(125, 185, 232) 100%);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.product-slider-thumbnail .swiper-slide img {
  width: 100%;
  filter: blur(1.2px) invert(58%) sepia(0%) saturate(0%) hue-rotate(187deg) brightness(86%) contrast(80%);
}

.collaboration {
  padding: 80px 0;
  background: #000;
  color: #fff;
  text-align: left;
}
@media (max-width: 1023px) {
  .collaboration {
    padding: 60px 0;
  }
}
.collaboration h2 {
  font-size: 50px;
  line-height: 1.12;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 1365px) {
  .collaboration h2 {
    font-size: 48px;
    line-height: 1.167;
  }
}
@media (max-width: 1023px) {
  .collaboration h2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .collaboration h2 {
    text-align: left;
    font-size: 36px;
    line-height: 1.222;
    margin-bottom: 68px;
  }
}
.collaboration h2 span {
  color: #4D52E5;
}
.collaboration .logos-wrap {
  padding: 73px 0;
}
@media (max-width: 1279px) {
  .collaboration .logos-wrap {
    padding: 30px 0;
  }
}
@media (max-width: 1023px) {
  .collaboration .logos-wrap {
    padding: 0;
  }
}
.collaboration .logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px 91px;
}
@media (max-width: 1279px) {
  .collaboration .logos {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .collaboration .logos {
    gap: 20px 48px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .collaboration .logos img {
    transform: scale(0.7);
  }
}
.collaboration .js-marquee-wrapper {
  overflow: hidden;
}
.collaboration .wide-container {
  padding: 0;
}

.cta-style-a {
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .cta-style-a {
    padding: 60px 0;
  }
}
.cta-style-a .box {
  background: #EBEBEB;
  border-radius: 24px;
  overflow: hidden;
  padding: 96px 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
  font-size: 20px;
  line-height: 1.5;
  color: #212121;
}
@media (max-width: 1279px) {
  .cta-style-a .box {
    padding: 60px 32px;
  }
}
@media (max-width: 1023px) {
  .cta-style-a .box {
    display: grid;
    padding: 50px 32px;
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .cta-style-a .box {
    padding: 32px 20px;
    font-size: 18px;
    line-height: 1.6667;
    gap: 55px;
  }
}
.cta-style-a .box .content {
  flex: 1;
  max-width: 700px;
}
.cta-style-a .box h3 {
  font-size: 48px;
  line-height: 1.083;
  font-weight: 500;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .cta-style-a .box h3 {
    font-size: 36px;
    line-height: 1.222;
    margin-bottom: 25px;
  }
}
.cta-style-a .box p {
  margin: 0;
}
.cta-style-a .box p + p {
  margin-top: 1rem;
}
.cta-style-a .box .btn {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  padding: 4px 16px;
  min-height: 50px;
}
@media (max-width: 767px) {
  .cta-style-a .box .btn {
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 16px;
  }
}
.cta-style-a .box.centered {
  padding: 56px 16px;
  text-align: center;
  justify-content: center;
}
.cta-style-a .box.centered .content {
  text-align: center;
}
.cta-style-a .box.centered .btn-wrap {
  margin-top: 32px;
}

.quote {
  padding: 120px 0;
  background: #f9fafb;
  color: #404040;
  --swiper-pagination-bullet-inactive-color: #667085;
  --swiper-pagination-: #4D52E5;
}
@media (max-width: 1279px) {
  .quote {
    padding: 100px 0;
  }
}
@media (max-width: 1023px) {
  .quote {
    padding: 60px 0;
  }
}
.quote .quote-swiper {
  overflow: hidden;
}
.quote .quote-swiper .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.quote .quote-swiper .swiper-pagination .swiper-pagination-bullet {
  transition: all 0.3s ease-in-out;
  width: 10px;
  height: 10px;
}
.quote .quote-swiper .swiper-pagination .swiper-pagination-bullet:hover, .quote .quote-swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.quote .swiper-wrapper {
  display: flex;
  align-items: center;
}
.quote blockquote {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 32px;
  color: inherit;
  margin: 0;
  padding: 0 16px;
}
@media (max-width: 1023px) {
  .quote blockquote {
    display: block;
  }
}
@media (max-width: 767px) {
  .quote blockquote {
    padding: 0 16px;
  }
}
.quote blockquote q {
  flex: 1;
  font-size: 36px;
  line-height: 1.47;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .quote blockquote q {
    display: block;
    margin-bottom: 26px;
  }
}
@media (max-width: 767px) {
  .quote blockquote q {
    line-height: 1.222;
    margin-bottom: 33px;
  }
}
.quote blockquote q:before {
  content: "\201C";
}
.quote blockquote q:after {
  content: "\201D";
}
.quote blockquote cite {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 20px;
  line-height: 1.5;
  font-style: normal;
  margin-top: 6px;
}
.quote blockquote cite span {
  max-width: 323px;
}
.quote.bg-black {
  background: #000;
  color: #fff;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.7;
}
.quote.bg-black cite img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7470%) hue-rotate(116deg) brightness(109%) contrast(109%);
}

.container-lg {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1535px) {
  .container-lg {
    max-width: 1300px;
  }
}
@media (max-width: 1439px) {
  .container-lg {
    max-width: 1360px;
  }
}
@media (max-width: 1279px) {
  .container-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.stripe-banner {
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 15px 0;
  background: #000;
}
@media (max-width: 767px) {
  .stripe-banner {
    padding: 30px 0;
  }
}
.stripe-banner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 0;
     object-position: 0 0;
  z-index: -1;
}
.stripe-banner .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .stripe-banner .container {
    gap: 15px;
    flex-direction: column;
    text-align: center;
  }
}
.stripe-banner .title {
  display: block;
  font-weight: 400;
  font-size: 22px;
}
@media (max-width: 1023px) {
  .stripe-banner .title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .stripe-banner .title {
    width: 100%;
  }
}

.home-hero {
  background: #ccc linear-gradient(135deg, rgb(255, 255, 255) 20%, rgb(219, 221, 255) 100%);
  font-size: 22px;
  line-height: 1.36;
  color: #212121;
  overflow: hidden;
  padding: 159px 0;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
  min-height: calc(var(--vh) - 80px);
}
@media (max-width: 1439px) {
  .home-hero {
    font-size: 20px;
    line-height: 1.5;
  }
}
@media (max-width: 1023px) {
  .home-hero {
    padding: 80px 0;
    min-height: 1px;
  }
}
@media (max-width: 767px) {
  .home-hero {
    padding: 50px 0;
    font-size: 18px;
    line-height: 1.444;
  }
}
.home-hero.v2 {
  padding: 0 0 66px;
}
@media (min-width: 1024px) {
  .home-hero.v2 {
    min-height: 804px;
    background: linear-gradient(135deg, #FFFFFF 27%, #A1A4F7 100%);
    align-items: stretch;
    padding: 0;
  }
}
.home-hero.v2 .container-lg {
  display: flex;
  max-width: 1310px;
}
@media (min-width: 1024px) {
  .home-hero.v2 .container-lg {
    position: relative;
    padding-top: 155px;
    padding-bottom: 210px;
    align-items: center;
  }
}
@media (max-width: 1023px) {
  .home-hero.v2 .container-lg {
    flex-direction: column;
  }
}
@media (max-width: 1279px) {
  .home-hero.v2 .container-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  .home-hero.v2 .lottie {
    top: 9%;
    transform: none;
    right: -55px;
    max-width: 740px;
  }
}
@media (min-width: 1024px) {
  .home-hero.v2 .txt {
    max-width: 581px;
  }
}
@media (max-width: 1023px) {
  .home-hero.v2 .txt {
    padding-top: 40px;
  }
}
.home-hero.v2 h1 {
  font-size: 96px;
  line-height: 1.041;
}
@media (max-width: 1023px) {
  .home-hero.v2 h1 {
    font-size: 62px;
    line-height: 0.903;
    margin-bottom: 38px;
  }
}
@media (max-width: 429px) {
  .home-hero.v2 h1 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .home-hero.v2 .button-group {
    padding-top: 14px;
    margin-top: 0;
  }
}
@media (max-width: 1023px) {
  .home-hero.v2 .button-group .btn-wrap {
    width: auto;
  }
}
@media (max-width: 1023px) {
  .home-hero.v2 .btn-2sm {
    min-height: 40px;
    width: auto !important;
  }
}
.home-hero.alt {
  padding: 80px 0;
  font-size: 20px;
  line-height: 1.5;
  min-height: 1px;
}
.home-hero.alt h1 {
  font-size: 80px;
  line-height: 1.075;
  margin-bottom: 10px;
}
.home-hero.alt h1 span {
  display: block;
  color: #4d52e5;
}
@media (max-width: 767px) {
  .home-hero.alt h1 {
    font-size: 48px;
    line-height: 1.167;
    margin-bottom: 11px;
  }
}
.home-hero.alt .img {
  top: 0;
  bottom: 0;
}
@media (max-width: 1023px) {
  .home-hero.alt .img {
    margin-top: 5.7%;
  }
}
.home-hero.alt .img img {
  height: 100%;
  width: 100%;
}
.home-hero > .container-lg {
  width: 100%;
}
.home-hero .img {
  position: absolute;
  right: 0;
  top: -81px;
  max-width: 58.1%;
  z-index: -1;
}
@media (max-width: 1279px) {
  .home-hero .img {
    top: 0;
  }
}
@media (max-width: 1023px) {
  .home-hero .img {
    margin-top: -13.3%;
    margin-bottom: -37px;
    position: relative;
    top: auto;
    right: auto;
    z-index: 1;
    max-width: none;
    transform: none;
  }
}
.home-hero .lottie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  max-width: 58.1%;
  z-index: -1;
  width: 100%;
}
@media (max-width: 1023px) {
  .home-hero .lottie {
    margin: 37px 0;
    position: relative;
    top: auto;
    right: auto;
    z-index: 1;
    max-width: none;
    transform: none;
  }
}
.home-hero .lottie.lottie-platform_hero {
  max-width: 45%;
}
@media (max-width: 1023px) {
  .home-hero .lottie.lottie-platform_hero {
    max-width: 100%;
  }
}
.home-hero .lottie.lottie-platform_hero svg {
  max-width: 800px;
  height: auto !important;
}
.home-hero .lottie canvas {
  width: 100%;
}
.home-hero .inner {
  padding: 182px 0 428px;
}
.home-hero .txt {
  max-width: 866px;
}
@media (max-width: 1023px) {
  .home-hero .txt {
    max-width: none;
    position: relative;
    z-index: 2;
  }
}
.home-hero .inner-txt {
  max-width: 541px;
  letter-spacing: -0.3px;
}
@media (max-width: 1023px) {
  .home-hero .inner-txt {
    max-width: none;
  }
}
.home-hero p {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .home-hero p {
    margin-bottom: 17px;
  }
}
.home-hero .button-group {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  padding-top: 13px;
}
.home-hero .button-group .btn-wrap {
  padding: 5px;
}
@media (max-width: 767px) {
  .home-hero .button-group .btn-wrap {
    width: 50%;
  }
}
.home-hero .button-group .btn {
  width: 100%;
}
.home-hero h1 {
  font-size: 80px;
  line-height: 1.075;
  margin-bottom: 37px;
}
@media (max-width: 1439px) {
  .home-hero h1 {
    font-size: 64px;
    line-height: 1.156;
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .home-hero h1 {
    font-size: 48px;
    line-height: 1.167;
    margin-bottom: 11px;
  }
}
@media (max-width: 1023px) {
  .home-hero h1 br {
    display: none;
  }
}
.home-hero.pricing-hero {
  padding: 80px 0;
  display: block;
}

#demo_hero {
  min-height: 538px;
  background: linear-gradient(165.18deg, #FFFFFF 44.49%, #DBDDFF 97.3%);
}
#demo_hero .btn {
  background: #101828;
}
#demo_hero .btn:hover {
  background: #182230 !important;
  border-color: #182230 !important;
}
@media (min-width: 1024px) {
  #demo_hero .lottie {
    max-width: 46.1%;
  }
}
@media (max-width: 1023px) {
  #demo_hero .lottie {
    margin-bottom: -30px;
  }
}

.future-work {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  padding: 41px 0;
  color: #000;
  overflow: hidden;
}
@media (max-width: 1534px) {
  .future-work {
    padding: 83px 0 15px;
  }
}
@media (max-width: 1439px) {
  .future-work {
    padding: 92px 0;
  }
}
@media (max-width: 1023px) {
  .future-work {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .future-work {
    font-size: 18px;
    line-height: 1.667;
    padding: 60px 0;
  }
}
.future-work .container,
.future-work .container-lg {
  display: flex;
  align-items: center;
  gap: 52px;
}
@media (max-width: 1023px) {
  .future-work .container,
  .future-work .container-lg {
    display: grid;
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .future-work .container,
  .future-work .container-lg {
    gap: 19px;
  }
}
.future-work .txt {
  flex: 1;
  padding-bottom: 56px;
}
@media (max-width: 1023px) {
  .future-work .txt {
    padding-bottom: 62px;
  }
}
@media (max-width: 767px) {
  .future-work .txt {
    padding-bottom: 28px;
  }
}
.future-work .txt p {
  margin: 0;
}
.future-work .txt p + p {
  margin-top: 1rem;
}
.future-work .info-col {
  width: 50.479%;
  position: relative;
  box-shadow: 0 40px 105px -61px #4285F4;
  border-radius: 22px;
}
@media (max-width: 1023px) {
  .future-work .info-col {
    width: 100%;
    margin: 0;
  }
}
.future-work .info-col .img {
  border-radius: 22px;
  border: 1px solid #eaecf0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .future-work .info-col .img {
    padding: 0 11px;
  }
}
.future-work .info-col .img img {
  width: 100%;
}
.future-work .info-col.animation {
  box-shadow: none;
}
.future-work .info-col.animation [data-lottie] {
  position: relative;
}
.future-work .info-col.animation [data-lottie] canvas {
  position: relative;
  width: 100%;
  aspect-ratio: 1764/1246;
}
.future-work .info-col.animation iframe {
  position: absolute;
  top: -414px;
  left: -169px;
  width: 990px;
  height: 738px;
}
@media (max-width: 1389px) {
  .future-work .info-col.animation iframe {
    width: 956px;
  }
}
@media (max-width: 1323px) {
  .future-work .info-col.animation iframe {
    width: 890px;
  }
}
@media (max-width: 1214px) {
  .future-work .info-col.animation iframe {
    width: 848px;
  }
}
@media (max-width: 1141px) {
  .future-work .info-col.animation iframe {
    width: 788px;
  }
}
@media (max-width: 1023px) {
  .future-work .info-col.animation iframe {
    position: initial;
    width: 100%;
    height: 100%;
    transform: scale(4.5);
  }
}
@media (max-width: 767px) {
  .future-work .info-col.animation iframe {
    transform: scale(3.5);
  }
}
@media (max-width: 569px) {
  .future-work .info-col.animation iframe {
    transform: scale(2.5);
  }
}
@media (max-width: 394px) {
  .future-work .info-col.animation iframe {
    transform: scale(2);
  }
}
.future-work h2 {
  font-size: 64px;
  line-height: 1;
  font-weight: 500;
  padding-right: 40px;
  margin-bottom: 68px;
}
@media (max-width: 1439px) {
  .future-work h2 {
    font-size: 56px;
    line-height: 1.178;
    margin-bottom: 64px;
  }
}
@media (max-width: 1365px) {
  .future-work h2 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 42px;
  }
}
@media (max-width: 1023px) {
  .future-work h2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .future-work h2 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 17px;
  }
}
.future-work h2 span {
  color: #024AD8;
}

.three-blocks {
  padding: 33px 0 120px;
}
@media (max-width: 1279px) {
  .three-blocks {
    padding-bottom: 80px;
  }
}
@media (max-width: 1023px) {
  .three-blocks {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .three-blocks {
    padding: 40px 0 60px;
  }
}
.three-blocks .container-lg {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
@media (max-width: 1023px) {
  .three-blocks .container-lg {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .three-blocks .container-lg {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .three-blocks .container-lg {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.three-blocks .box {
  border: 1px solid #CCDBF9;
  border-radius: 16px;
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  padding: 10px 23px 121px;
  font-weight: 400;
  overflow: hidden;
  color: #000;
}
@media (max-width: 1023px) {
  .three-blocks .box {
    border-radius: 10px;
    padding: 10px 16px 121px;
  }
}
@media (max-width: 767px) {
  .three-blocks .box {
    min-height: 300px;
    border-radius: 16px;
    padding: 15px 23px 82px;
    font-size: 18px;
    line-height: 1.444;
  }
}
.three-blocks .count {
  display: block;
  font-size: 64px;
  color: #024AD8;
  font-weight: 700;
  margin-bottom: 4px;
}
@media (max-width: 1279px) {
  .three-blocks .count {
    font-size: 56px;
    margin-bottom: 1px;
  }
}
.three-blocks p {
  max-width: 260px;
}
.three-blocks .logo {
  position: absolute;
  bottom: 23px;
  left: 23px;
}
.three-blocks .progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #DAF8FE;
  z-index: -1;
  pointer-events: none;
  transform-origin: 50% 100%;
  transform: scaleY(0);
  will-change: transform;
}
.three-blocks .progress-bar:before {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  background: #36C5F0;
  content: "";
  height: 1px;
}

.home-video {
  background: #F8FAFF;
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .home-video {
    padding: 60px 0;
  }
}
.home-video#is-full, .home-video.is-full {
  padding: 0;
  background: transparent;
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
  background: black;
}
.home-video#is-full .container,
.home-video#is-full .container-lg, .home-video.is-full .container,
.home-video.is-full .container-lg {
  padding: 0;
  max-width: none;
  height: 100%;
}
.home-video#is-full .video-container, .home-video.is-full .video-container {
  border-radius: 0;
  padding: 0;
  height: 100%;
}
.home-video#is-full iframe, .home-video.is-full iframe {
  height: 100%;
  aspect-ratio: auto;
}
.home-video.transparent-bg {
  background: transparent;
}
.home-video .video-container:hover .video-control.playing .pause {
  display: flex !important;
}
.home-video .icon-play-2 {
  width: 80px;
  height: 80px;
  border: 3px solid #fff;
  border-radius: 100px;
  font-size: 29px;
  color: #fff;
  padding: 1px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .home-video .icon-play-2 {
    width: 54px;
    height: 54px;
    font-size: 22px;
  }
}
.home-video .h3,
.home-video h3 {
  font-size: 50px;
  line-height: 1.32;
  margin-bottom: 25px;
  color: #212121;
}
@media (max-width: 1439px) {
  .home-video .h3,
  .home-video h3 {
    font-size: 48px;
    line-height: 1.35;
  }
}
@media (max-width: 767px) {
  .home-video .h3,
  .home-video h3 {
    font-size: 36px;
    line-height: 1.194;
    margin-bottom: 35px;
  }
}
.home-video .h3 span,
.home-video h3 span {
  color: #4d52e5;
}
.home-video .head {
  max-width: 694px;
  margin-bottom: 41px;
}
@media (max-width: 767px) {
  .home-video .head {
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .home-video .head .btn {
    width: 100%;
    background: #024AD8;
  }
}
.home-video .video-container {
  max-width: none;
  background: #001336;
  padding-top: 48.4%;
  box-shadow: none;
}
.home-video .button-wrap {
  display: flex;
  justify-content: center;
  padding: 34px 0 80px;
}
.home-video .btn-blue {
  background: #444CE7;
  min-height: 48px;
}
.home-video.style--01 {
  background: #F9FAFB;
  padding: 0;
}
.home-video iframe {
  aspect-ratio: 16/9;
}

.section-buttons .container,
.section-buttons .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.section-buttons .container {
  height: 200px;
}
@media (max-width: 767px) {
  .section-buttons .container {
    height: 160px;
  }
}
.section-buttons .btn {
  min-width: 150px;
}

@media (min-width: 1024px) {
  #tour-video {
    padding: 80px 0;
  }
}
#tour-video video,
#tour-video iframe {
  width: 100%;
  aspect-ratio: 1.74;
}

@media (max-width: 767px) {
  #vyopta_collab .button-group .btn-wrap {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.dex {
  position: relative;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  background: #F8FAFF;
  color: #000;
  padding: 120px 0;
}
@media (max-width: 1279px) {
  .dex {
    padding: 100px 0;
  }
}
@media (max-width: 1023px) {
  .dex {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .dex {
    padding: 60px 0;
    font-size: 18px;
    line-height: 1.444;
  }
}
.dex .inner {
  overflow: clip;
  position: relative;
}
.dex h2 {
  font-size: 64px;
  line-height: 0.96875;
  font-weight: 500;
  margin-bottom: 35px;
}
@media (max-width: 1439px) {
  .dex h2 {
    font-size: 56px;
    line-height: 1.107;
  }
}
@media (max-width: 1365px) {
  .dex h2 {
    font-size: 48px;
    line-height: 1.29;
  }
}
@media (max-width: 767px) {
  .dex h2 {
    font-size: 36px;
    line-height: 1.167;
    letter-spacing: -0.8px;
    margin-bottom: 19px;
  }
}
.dex .txt {
  flex: 1;
}
.dex .txt p {
  margin-bottom: 33px;
}
@media (max-width: 767px) {
  .dex .txt p {
    margin-bottom: 26px;
  }
}
@media (max-width: 767px) {
  .dex .txt .btn {
    width: 100%;
  }
}
.dex .container,
.dex .container-lg {
  display: flex;
  gap: 68px;
}
@media (max-width: 1439px) {
  .dex .container,
  .dex .container-lg {
    gap: 50px;
  }
}
@media (max-width: 1023px) {
  .dex .container,
  .dex .container-lg {
    gap: 50px;
    display: grid;
  }
}
@media (max-width: 767px) {
  .dex .container,
  .dex .container-lg {
    gap: 65px;
  }
}

.info-blocks {
  width: 650px;
  margin-top: 3px;
}
@media (max-width: 1279px) {
  .info-blocks {
    width: 560px;
  }
}
@media (max-width: 1023px) {
  .info-blocks {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .info-blocks {
    margin-top: 0;
  }
}

.info-block {
  min-height: 500px;
  width: 100%;
  background: #f5f5f5;
  border: 1px solid #b5b5b5;
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 1.51;
  color: #212121;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .info-block {
    min-height: 370px;
  }
}
@media (max-width: 767px) {
  .info-block {
    min-height: 360px;
    flex-direction: column;
    justify-content: space-between;
  }
}
.info-block + .info-block {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .info-block + .info-block {
    margin-top: 32px;
  }
}
.info-block .content-col {
  width: 313px;
  padding: 20px 20px 38px 31px;
  display: flex;
  align-items: center;
}
@media (max-width: 1279px) {
  .info-block .content-col {
    width: 253px;
  }
}
@media (max-width: 767px) {
  .info-block .content-col {
    width: 100%;
    padding: 21px 18px;
    align-items: flex-start;
  }
}
.info-block .content-col h3 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 12px;
  background-image: linear-gradient(to right, #4D52E5, #4285F4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .info-block .content-col h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .info-block .content-col h3 br {
    display: none;
  }
}
.info-block .content-col p {
  margin: 0;
}
.info-block .content-col p + p {
  margin-top: 1rem;
}
.info-block .content-col p span {
  color: #4D52E5;
}
.info-block .img-col {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: -79px;
}
@media (max-width: 1279px) {
  .info-block .img-col {
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .info-block .img-col {
    width: 100%;
    flex: none;
    display: block;
  }
}
.info-block .img-col img {
  width: 100%;
}
.info-block.animation-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 10/8;
  min-height: 0;
}
@media (max-width: 767px) {
  .info-block.animation-box {
    display: block;
    aspect-ratio: 1;
  }
}
.info-block.animation-box .lottie {
  height: 100%;
  width: 100%;
}
.info-block.animation-box .lottie [data-lottie] {
  width: 100%;
  height: 100%;
}
.info-block.animation-box .lottie [data-lottie] canvas {
  position: relative;
  display: block;
  margin-left: auto;
  height: 100%;
  aspect-ratio: 512/816;
}
.info-block.animation-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.14);
}

.dex-scroll-slider {
  position: relative;
}
.dex-scroll-slider.is-initialized:not(.is-mobile-mode) .dex-scroll-slider--item {
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: none;
  border: 0 none;
}
.dex-scroll-slider.is-initialized:not(.is-mobile-mode) .dex-scroll-slider--item:first-child {
  background: #f5f5f5;
}
.dex-scroll-slider.is-initialized:not(.is-mobile-mode) .dex-scroll-slider--item:last-child {
  border: 1px solid #b5b5b5;
}

.dex-scroll-slider--container {
  position: relative;
}
@media (max-width: 767px) {
  .dex-scroll-slider--container {
    height: auto !important;
  }
}

.dex-scroll-slider--item-content {
  will-change: transform;
}
.dex-scroll-slider--item-img {
  will-change: opacity;
  height: 100%;
  width: calc(100% - 313px);
}

.is-scroller-mode .dex-scroll-slider--sticky {
  position: sticky;
  top: var(--sticky-top, 100px);
  width: 100%;
  will-change: transform;
}

.dex-scroll-slider--expander {
  width: 100%;
}

.dex-custom-lottie {
  aspect-ratio: 326/520;
  width: auto !important;
  margin-left: auto;
}

.platform-tour {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  background: #F9FAFB;
  color: #000;
  padding: 120px 0;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .platform-tour {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .platform-tour {
    background: #f8faff;
    padding: 59px 0;
    font-size: 18px;
    line-height: 1.444;
  }
}
.platform-tour .container-lg,
.platform-tour .container {
  display: flex;
  align-items: center;
  gap: 68px;
}
@media (max-width: 1023px) {
  .platform-tour .container-lg,
  .platform-tour .container {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .platform-tour .container-lg,
  .platform-tour .container {
    display: grid;
  }
}
.platform-tour .txt {
  flex: 1;
}
.platform-tour .img {
  width: 57.479%;
  border: 1px solid rgba(134, 134, 134, 0.57);
  background: #F6F6FE;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .platform-tour .img {
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .platform-tour .img {
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .platform-tour .img {
    width: 100%;
  }
}
.platform-tour .lottie {
  width: 59%;
  overflow: hidden;
  max-width: 748px;
}
@media (max-width: 1279px) {
  .platform-tour .lottie {
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .platform-tour .lottie {
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .platform-tour .lottie {
    width: 100%;
  }
}
.platform-tour .lottie canvas {
  display: block;
  width: 100%;
}
.platform-tour .button-group {
  padding-top: 17px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .platform-tour .button-group {
    padding: 0;
    flex-wrap: nowrap;
  }
}
.platform-tour .button-group .btn {
  min-width: 150px;
}
@media (max-width: 767px) {
  .platform-tour .button-group .btn {
    width: 100%;
    min-height: 40px;
  }
}
.platform-tour h2 {
  font-size: 50px;
  line-height: 1.105;
  font-weight: 500;
  margin-bottom: 25px;
}
@media (max-width: 1365px) {
  .platform-tour h2 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .platform-tour h2 {
    font-size: 36px;
    margin-bottom: 12px;
  }
}
.platform-tour h2 span {
  color: #4D52E5;
}
@media (max-width: 767px) {
  .platform-tour p {
    margin-bottom: 10px;
  }
}

.ai-native {
  padding: 120px 0;
  overflow: clip;
}
@media (max-width: 1365px) {
  .ai-native {
    padding: 60px 0;
  }
}
.ai-native h2 {
  font-size: 56px;
  line-height: 1.0715;
  font-weight: 500;
  margin-bottom: 40px;
}
@media (max-width: 1365px) {
  .ai-native h2 {
    font-size: 56px;
    line-height: 1.0715;
  }
}
@media (max-width: 1279px) {
  .ai-native h2 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .ai-native h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
.ai-native .content-row {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 74px;
}
@media (max-width: 1279px) {
  .ai-native .content-row {
    gap: 50px;
  }
}
@media (max-width: 1023px) {
  .ai-native .content-row {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .ai-native .content-row {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
.ai-native .content-row .content-col {
  width: 572px;
}
@media (max-width: 1535px) {
  .ai-native .content-row .content-col {
    width: 568px;
  }
}
@media (max-width: 1439px) {
  .ai-native .content-row .content-col {
    width: 674px;
  }
}
@media (max-width: 1365px) {
  .ai-native .content-row .content-col {
    width: 598px;
  }
}
@media (max-width: 1279px) {
  .ai-native .content-row .content-col {
    width: 450px;
  }
}
@media (max-width: 1023px) {
  .ai-native .content-row .content-col {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .ai-native .content-row .content-col {
    width: 100%;
  }
}
.ai-native .content-row .decor {
  width: 58px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .ai-native .content-row .decor {
    width: 32px;
  }
}
.ai-native .img-col {
  flex: 1;
  max-width: 598px;
  position: relative;
  margin: 51px 0 0 0;
  right: -36px;
}
@media (max-width: 1535px) {
  .ai-native .img-col {
    margin: 51px 0 0 -21px;
    right: 0;
  }
}
@media (max-width: 1023px) {
  .ai-native .img-col {
    margin: 0 auto;
    right: auto;
  }
}
@media (max-width: 1023px) {
  .ai-native .img-col {
    width: 50%;
    max-width: none;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .ai-native .img-col {
    flex: none;
    margin-top: 50px;
    width: 100%;
    max-width: 320px;
  }
}
@media screen and (orientation: portrait) and (max-height: 790px) {
  .ai-native .img-col {
    max-width: 35vh;
  }
}
@media screen and (orientation: portrait) and (max-height: 660px) {
  .ai-native .img-col {
    max-width: 32vh;
  }
}
.ai-native .img-col .img {
  position: absolute;
  overflow: hidden;
  z-index: 4;
}
.ai-native .img-col .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.stacked-scroll-slider--images {
  aspect-ratio: 274/254;
  position: relative;
  pointer-events: none;
}
.stacked-scroll-slider--images:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  box-shadow: 0 46px 51.1px rgba(16, 24, 40, 0.25);
  border-radius: 22px;
}
@media (max-width: 767px) {
  .stacked-scroll-slider--images:before {
    border-radius: 14px;
  }
}

.ai-native-accordion {
  font-size: 20px;
  line-height: 1.4;
  color: #212121;
}
.ai-native-accordion li + li {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .ai-native-accordion li + li {
    margin-top: 32px;
  }
}
.ai-native-accordion .opener {
  display: block;
  font-size: 24px;
  line-height: 1.315;
  font-weight: 500;
  color: #393939;
  text-decoration: none;
  max-width: 510px;
}
@media (min-width: 768px) {
  .ai-native-accordion .opener {
    font-size: 32px;
  }
}
.ai-native-accordion .decor img {
  display: block;
  height: 52px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .ai-native-accordion .decor img {
    height: 82px;
    padding-bottom: 24px;
  }
}
@media (max-width: 639px) {
  .ai-native-accordion .decor {
    display: none;
  }
}
.ai-native-accordion .content-slide {
  overflow: hidden;
}
.ai-native-accordion p {
  padding-top: 25px;
  margin: 0;
}
.ai-native-accordion p + p {
  padding-top: 0;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .ai-native-accordion p {
    padding-top: 9px;
  }
}

.stacked-scroll-slider.is-initialized .stacked-scroll-slider--accordion {
  position: sticky;
  top: var(--sticky-top, 100px);
}
@media (max-width: 767px) {
  .stacked-scroll-slider.is-initialized .stacked-scroll-slider--accordion {
    top: 50px;
  }
}

.stacked-scroll-slider--image {
  will-change: transform, opacity;
}

.resources {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  background: #F9FAFB;
  padding: 96px 0;
  color: #000;
  overflow: hidden;
}
@media (max-width: 1365px) {
  .resources {
    padding: 80px 0 43px;
  }
}
@media (max-width: 1023px) {
  .resources {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .resources {
    padding: 60px 0;
    font-size: 18px;
    line-height: 1.555;
  }
}
.resources .container {
  max-width: 1280px;
}
.resources .head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 44px;
}
@media (max-width: 767px) {
  .resources .head {
    gap: 15px;
    margin-bottom: 61px;
  }
}
.resources .txt {
  max-width: 582px;
  margin-top: -3px;
}
@media (max-width: 767px) {
  .resources .txt {
    margin: 0;
    max-width: none;
  }
}
.resources h2 {
  font-size: 56px;
  line-height: 1.0715;
  font-weight: 500;
  margin-bottom: 26px;
}
@media (max-width: 1365px) {
  .resources h2 {
    font-size: 48px;
    line-height: 1.25;
  }
}
@media (max-width: 767px) {
  .resources h2 {
    font-size: 36px;
    margin-bottom: 37px;
  }
}
.resources .btn {
  min-height: 48px;
  min-width: 150px;
}
.resources .blog-item .img {
  border-radius: 0;
  padding-top: 59.2%;
  margin-bottom: 18px;
}
@media (max-width: 1535px) {
  .resources .blog-item .img {
    padding-top: 62.2%;
  }
}
@media (max-width: 1365px) {
  .resources .blog-item .img {
    padding-top: 63.2%;
  }
}
@media (max-width: 1439px) {
  .resources .blog-item .img {
    padding-top: 59.2%;
  }
}
.resources .blog-item .eyebrow {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #4D52E5;
  letter-spacing: 0.003em;
  margin-bottom: 5px;
}
.resources .blog-item .h6 {
  font-weight: 500;
}
.resources .blog-item .h6 a {
  padding-right: 0;
}
.resources .blog-item .h6 a:after {
  display: none;
}
.resources .resourcesSlider {
  overflow: visible;
}
.resources .resourcesSlider .swiper-wrapper {
  height: auto;
}
.resources .resourcesSlider .slider-control {
  display: flex;
  gap: 32px;
  padding-top: 10px;
}
@media (max-width: 767px) {
  .resources .resourcesSlider .slider-control {
    padding-top: 17px;
  }
}
.resources .resourcesSlider .swiper-button-next,
.resources .resourcesSlider .swiper-button-prev {
  transition: all 0.3s ease-in-out;
  position: static;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  border: 1px solid #EAECF0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  color: #667085;
  cursor: pointer;
  margin: 0;
}
.resources .resourcesSlider .swiper-button-next:hover,
.resources .resourcesSlider .swiper-button-prev:hover {
  color: #024ad8;
}
.resources .resourcesSlider .swiper-button-next:after,
.resources .resourcesSlider .swiper-button-prev:after {
  font-family: icomoon;
  content: "\E90A";
  font-size: 17px;
}
.resources .resourcesSlider .swiper-button-next.swiper-button-disabled,
.resources .resourcesSlider .swiper-button-prev.swiper-button-disabled {
  opacity: 0.6 !important;
}
.resources .resourcesSlider .swiper-button-next:after {
  content: "\E90B";
}

.card-item {
  border: 1px solid #BBBDFB;
  padding: 8px 10px;
  border-radius: 16px;
  font-size: 20px;
  line-height: 1.4;
  color: #000;
}
@media (max-width: 1023px) {
  .card-item {
    border-radius: 10px;
    font-size: 18px;
  }
}
.card-item .img {
  border-radius: 16px;
  overflow: hidden;
  background: #F8FAFF;
  aspect-ratio: 16/6.89;
}
@media (max-width: 1023px) {
  .card-item .img {
    border-radius: 10px;
  }
}
.card-item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: center;
     object-fit: center;
}
.card-item .txt {
  padding: 44px 14px 19px;
}
@media (max-width: 1023px) {
  .card-item .txt {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.card-item h4 {
  font-weight: 500;
  position: relative;
  margin-bottom: 10px;
  line-height: 1.1667;
  padding-left: 73px;
  margin-bottom: 31px;
}
@media (max-width: 1023px) {
  .card-item h4 {
    font-size: 30px;
  }
}
.card-item h4 .icon {
  width: 48px;
  height: 48px;
  background: #000;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1px;
  top: 2px;
}
@media (max-width: 1023px) {
  .card-item h4 .icon {
    top: -5px;
  }
}

.faq-wxp {
  background: #f9fafb;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1439px) {
  .faq-wxp {
    padding: 60px 0;
  }
}
@media (max-width: 1279px) {
  .faq-wxp {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .faq-wxp {
    padding: 60px 0;
  }
}
.faq-wxp.no-top-space {
  padding-top: 0;
}
@media (max-width: 1439px) {
  .faq-wxp.no-top-space {
    padding-top: 0;
  }
}
@media (max-width: 1279px) {
  .faq-wxp.no-top-space {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .faq-wxp.no-top-space {
    padding-top: 0;
  }
}
.faq-wxp.less-space {
  padding: 60px 0;
}
.faq-wxp.less-space .faq-header {
  margin-bottom: 50px;
}
.faq-wxp .faq-header {
  margin-bottom: 145px;
  font-size: 20px;
  line-height: 1.5;
  color: #404040;
}
@media (max-width: 1279px) {
  .faq-wxp .faq-header {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .faq-wxp .faq-header {
    margin-bottom: 63px;
  }
}
.faq-wxp .faq-header h2 {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 1365px) {
  .faq-wxp .faq-header h2 {
    font-weight: 500;
    font-size: 48px;
    line-height: 1.25;
  }
}
@media (max-width: 767px) {
  .faq-wxp .faq-header h2 {
    font-size: 36px;
    line-height: 1.111;
    margin-bottom: 10px;
  }
}
.faq-wxp .faq-header .txt-wrap {
  max-width: 1020px;
}
.faq-wxp .faq-accordion .faq-row {
  border-bottom: 1px solid #000;
  position: relative;
}
.faq-wxp .faq-accordion .faq-row + .faq-row {
  margin-top: 16px;
}
.faq-wxp .faq-accordion .faq-row:after {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  border-left: 4px solid #4D52E5;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.faq-wxp .faq-accordion .faq-row.active-parent {
  border-bottom-color: transparent;
}
.faq-wxp .faq-accordion .faq-row.active-parent:after {
  opacity: 1;
  visibility: visible;
}
.faq-wxp .faq-accordion .faq-opener {
  cursor: pointer;
  padding: 25px 74px 25px 25px;
  font-size: 24px;
  line-height: 1.5;
  color: #212121;
  position: relative;
  z-index: 2;
  display: block;
  text-decoration: none;
}
@media (max-width: 767px) {
  .faq-wxp .faq-accordion .faq-opener {
    font-size: 22px;
    line-height: 1.3636;
    padding: 25px 50px 25px 25px;
  }
}
.faq-wxp .faq-accordion .faq-opener.active {
  font-size: 28px;
}
@media (max-width: 767px) {
  .faq-wxp .faq-accordion .faq-opener.active {
    font-size: 24px;
    font-size: 1.2;
  }
}
.faq-wxp .faq-accordion .faq-opener.active span:after {
  opacity: 0;
  visibility: hidden;
}
.faq-wxp .faq-accordion .faq-opener span {
  position: absolute;
  right: 25px;
  top: 30px;
  width: 24px;
  height: 24px;
}
.faq-wxp .faq-accordion .faq-opener span:after, .faq-wxp .faq-accordion .faq-opener span:before {
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 14px;
  height: 2px;
  border-radius: 100px;
  background: #000;
}
.faq-wxp .faq-accordion .faq-opener span:after {
  width: 2px;
  height: 14px;
}
.faq-wxp .faq-accordion .slide {
  margin-top: -10px;
}
.faq-wxp .faq-accordion .faq-content {
  padding: 0 74px 0 25px;
  font-size: 18px;
  line-height: 1.667;
  color: #393939;
  max-width: 974px;
  position: relative;
  z-index: 2;
  margin-top: -12px;
}
@media (max-width: 767px) {
  .faq-wxp .faq-accordion .faq-content {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 50px 0 25px;
  }
}
.faq-wxp .faq-accordion .faq-content p {
  margin: 0;
}
.faq-wxp .faq-accordion .faq-content p + p {
  margin-top: 1rem;
}

.contact {
  padding: 80px 0;
}
@media (max-width: 767px) {
  .contact {
    padding: 60px;
  }
}
.contact .container-lg {
  max-width: 1320px;
}
.contact .contact-box {
  border-radius: 16px;
  overflow: hidden;
  background: #f9fafb;
  display: flex;
}
@media (max-width: 767px) {
  .contact .contact-box {
    display: block;
  }
}
.contact .contact-box .contact-form-holder {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 64px;
}
@media (max-width: 1279px) {
  .contact .contact-box .contact-form-holder {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .contact .contact-box .contact-form-holder {
    padding: 32px 20px;
  }
}
.contact .contact-box .img-holder {
  width: 584px;
}
@media (max-width: 1279px) {
  .contact .contact-box .img-holder {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .contact .contact-box .img-holder {
    width: 100%;
  }
}
.contact .contact-box .img-holder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-platform {
  height: calc(var(--vh) - 80px);
  max-height: 726px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
}
@media (max-width: 767px) {
  .hero-platform {
    font-size: 18px;
  }
}
.hero-platform:after, .hero-platform:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero-platform:after {
  background: rgba(0, 0, 0, 0.5);
}
.hero-platform:before {
  background: linear-gradient(to right, rgba(127, 86, 217, 0.3) 0%, rgb(66, 133, 244) 100%);
  mix-blend-mode: overlay;
  z-index: 2;
}
.hero-platform.no-overlay:before, .hero-platform.no-overlay:after {
  content: none;
}
.hero-platform.full_height {
  max-height: 80vh;
  height: auto;
  aspect-ratio: 16/9;
  width: 100%;
}
.hero-platform.full_height .background-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-platform .container-lg {
  width: 100%;
  position: relative;
  z-index: 2;
}
.hero-platform .hero-content {
  max-width: 816px;
}
.hero-platform .hero-content h1 {
  font-size: 80px;
  line-height: 1.075;
  color: #fff;
  margin-bottom: 13px;
}
@media (max-width: 1335px) {
  .hero-platform .hero-content h1 {
    font-size: 64px;
  }
}
@media (max-width: 1279px) {
  .hero-platform .hero-content h1 {
    font-size: 58px;
  }
}
@media (max-width: 1023px) {
  .hero-platform .hero-content h1 {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .hero-platform .hero-content h1 {
    font-size: 48px;
  }
}
.hero-platform .hero-content .txt-wrap {
  margin-bottom: 34px;
}
.hero-platform .hero-content p {
  margin: 0;
}
.hero-platform .hero-content p + p {
  margin-top: 1rem;
}
.hero-platform .hero-content .button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .hero-platform .hero-content .button-group {
    margin: -5px;
    gap: 0;
  }
}
@media (max-width: 767px) {
  .hero-platform .hero-content .button-group .btn-wrap {
    width: 50%;
    padding: 5px;
  }
}
@media (max-width: 767px) {
  .hero-platform .hero-content .button-group .btn-wrap .btn-2sm {
    min-height: 50px;
    padding: 4px;
    display: flex;
  }
}
.hero-platform .hero-content .button-group .btn-blue {
  background: #024AD8;
  border-color: #024AD8;
}

.background-video {
  position: absolute;
  inset: 0;
  z-index: -1;
  vertical-align: top;
  width: 100%;
}
@media (max-width: 1399px) {
  .background-video {
    width: auto;
  }
}
.background-video[poster] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-eyebrow {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.13;
  text-transform: uppercase;
  color: #4D52E5;
}

[data-lottie] {
  opacity: 0;
  transition: opacity 0.75s ease-out;
}
[data-lottie].is-loaded {
  opacity: 1;
}
[data-lottie] canvas {
  display: block;
}
[data-lottie].lottie-fit canvas {
  max-width: 100%;
}

.learning-center-hero {
  background: #ccc linear-gradient(135deg, rgb(255, 255, 255) 50%, var(--category-color, #9bb7f0) 100%);
}
.learning-center-hero .container,
.learning-center-hero .container-lg {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 40px;
}
@media (max-width: 1023px) {
  .learning-center-hero .container,
  .learning-center-hero .container-lg {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .learning-center-hero .container,
  .learning-center-hero .container-lg {
    gap: 10px;
  }
}
.learning-center-hero.component {
  background: #ccc linear-gradient(135deg, rgb(255, 255, 255) 50%, rgb(234, 234, 234));
}
@media (min-width: 1024px) {
  .learning-center-hero.component .img {
    width: 60%;
  }
}
.learning-center-hero.component .img-inner {
  margin-right: 0;
  position: relative;
}
@media (max-width: 767px) {
  .learning-center-hero.article {
    padding: 80px 0;
  }
}
.learning-center-hero.style--2 {
  padding: 84px 0 71px;
}
@media (max-width: 767px) {
  .learning-center-hero.style--2 {
    padding: 60px 0;
  }
}
.learning-center-hero.style--2 .content .inner {
  max-width: 865px;
}
@media (min-width: 1024px) {
  .learning-center-hero.style--2 .content h1 {
    font-size: 80px;
    line-height: 1.2;
    margin-bottom: 22px;
  }
}
.learning-center-hero.style--2 .content p {
  max-width: 573px;
  margin: 0;
}
.learning-center-hero.style--2 .content p + p {
  margin-top: 1em;
}
.learning-center-hero .content {
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  color: #000;
  padding: 80px 0;
}
@media (max-width: 767px) {
  .learning-center-hero .content {
    font-size: 18px;
    line-height: 1.444;
    padding: 50px 0 0;
  }
}
.learning-center-hero .content .inner {
  max-width: 450px;
  min-height: 270px;
}
.learning-center-hero .content .inner.lg {
  max-width: 600px;
}
@media (max-width: 1023px) {
  .learning-center-hero .content .inner {
    max-width: none;
    min-height: unset;
  }
}
.learning-center-hero .content .eyebrow {
  color: #4759f5;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.8px;
}
@media (min-width: 1024px) {
  .learning-center-hero .content .eyebrow {
    margin-bottom: 4px;
  }
}
.learning-center-hero .content h1 {
  font-size: 64px;
  line-height: 1.16;
  font-weight: 500;
  margin-bottom: 13px;
}
@media (max-width: 1023px) {
  .learning-center-hero .content h1 {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  .learning-center-hero .content h1 {
    font-size: 48px;
    line-height: 1.02;
  }
}
.learning-center-hero .content h2 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 500;
}
@media (max-width: 767px) {
  .learning-center-hero .content h2 {
    font-size: 40px;
    line-height: 1.225;
  }
}
.learning-center-hero .img {
  width: 634px;
  position: relative;
}
@media (max-width: 1023px) {
  .learning-center-hero .img {
    width: 100%;
  }
}
.learning-center-hero .img img {
  width: 100%;
}
@media (min-width: 768px) {
  .learning-center-hero .img.has-1 .learning-center-hero__expert {
    max-width: 400px;
  }
}
.learning-center-hero .img.has-1 .feature-col {
  width: 100%;
}
.learning-center-hero .img.has-2 .learning-center-hero__expert {
  min-height: 110px;
}
@media (min-width: 768px) {
  .learning-center-hero .img.has-2 .learning-center-hero__expert {
    max-width: 546px;
  }
}
.learning-center-hero .img.has-2 .learning-center-hero__expert .feature-col {
  width: 50%;
}
.learning-center-hero .img.has-2 .author-image {
  width: calc(50% + 29px);
}
.learning-center-hero .img.has-2 .author-images {
  transform: translate(17px, -112px);
}
@media (max-width: 1023px) {
  .learning-center-hero .img.has-2 .author-images {
    transform: translate(17px, -55px);
  }
}
@media (max-width: 767px) {
  .learning-center-hero .img.has-2 .author-images {
    transform: translate(21px, -35px);
  }
}
@media (max-width: 767px) {
  .learning-center-hero .img.has-3 .feature-col {
    padding-top: 12px;
  }
}
@media (max-width: 1023px) {
  .learning-center-hero.category {
    padding: 0;
  }
}
.learning-center-hero.category .img {
  max-height: 340px;
}
@media (min-width: 768px) {
  .learning-center-hero.category .img {
    max-height: none;
    max-width: 546px;
  }
}
@media (max-width: 767px) {
  .learning-center-hero.category .img {
    max-height: 100%;
    align-self: end;
    margin: auto;
    width: 100%;
  }
}
.learning-center-hero.category .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.learning-center-hero__expert {
  padding: 7px 20px;
  line-height: 1.2;
  background: #fff;
  font-size: 0.82rem;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 6px;
  z-index: 1;
}
@media (max-width: 1023px) {
  .learning-center-hero__expert {
    position: relative;
    margin-top: -50px;
  }
}
@media (max-width: 767px) {
  .learning-center-hero__expert {
    margin-bottom: 8px;
    left: 0;
    right: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  }
}
.learning-center-hero__expert .feature-title {
  padding: 4px 15px;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  background: #E7E7E7;
  margin-bottom: 8px;
  border-radius: 2px;
  font-size: 0.65rem;
}
.learning-center-hero__expert .feature-title i {
  font-size: 10px;
}
.learning-center-hero__expert h3 {
  font-size: 0.55rem;
  font-weight: 500;
  margin-bottom: 3px;
  font-size: 1.02rem;
}
.learning-center-hero__expert h3 a {
  text-decoration: none;
  color: inherit;
}
.learning-center-hero__expert h3 a:hover {
  color: var(--category-color);
}
.learning-center-hero__expert .feature-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2rem;
}
@media (max-width: 767px) {
  .learning-center-hero__expert .feature-row.col-3 .feature-col:not(:first-child):before {
    left: 33px;
    right: 33px;
    bottom: 0;
    height: 1px;
    width: auto;
  }
}
.learning-center-hero__expert .feature-col {
  padding: 0 2rem;
  width: 30%;
  position: relative;
}
.category .learning-center-hero__expert .feature-col {
  width: 40%;
}
@media (max-width: 767px) {
  .category .learning-center-hero__expert .feature-col {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .learning-center-hero__expert .feature-col {
    width: 100%;
  }
}
.learning-center-hero__expert .feature-col:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5%;
  bottom: 5%;
  width: 1px;
  background: #000;
}
.learning-center-hero__expert .feature-col:first-child {
  padding-top: 0;
}
.learning-center-hero__expert .feature-col:first-child:before {
  content: none;
}
@media (min-width: 1280px) {
  .learning-center-hero__expert .feature-col.w-lg {
    width: auto;
    flex: 1;
  }
}

.learning-center-content {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .learning-center-content.category {
    padding: 60px 0 80px;
  }
}
.learning-center-content .back-row {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .learning-center-content .back-row {
    margin-bottom: 56px;
  }
}
.learning-center-content .row {
  display: flex;
  flex-wrap: wrap;
  margin: -32px -16px;
}
@media (max-width: 1279px) {
  .learning-center-content .row {
    margin: -20px -10px;
  }
}
@media (max-width: 1023px) {
  .learning-center-content .row {
    margin: -16px -10px;
  }
}
.learning-center-content .row .col {
  width: 33.33%;
  padding: 32px 16px;
  display: flex;
}
@media (max-width: 1279px) {
  .learning-center-content .row .col {
    padding: 20px 10px;
  }
}
@media (max-width: 1023px) {
  .learning-center-content .row .col {
    width: 50%;
    padding: 16px 10px;
  }
}
@media (max-width: 767px) {
  .learning-center-content .row .col {
    width: 100%;
  }
}
.learning-center-content .row .box {
  width: 100%;
  border: 1px solid #ccdbf9;
  padding: 21px 22px 24px;
  border-radius: 16px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #000;
  transition: all 0.3s;
  position: relative;
}
.learning-center-content .row .box:hover {
  box-shadow: 0px 52px 30px -43px rgba(57, 57, 57, 0.25);
}
.learning-center-content .row .box::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 1;
  border-radius: 15px;
  z-index: 9;
  transition: all 0.3s;
}
.learning-center-content .row .box:hover::after {
  opacity: 0;
  transition: all 0.3s;
}
.learning-center-content .row .box .icon-star {
  position: absolute;
  color: inherit;
  top: 16px;
  right: 15px;
  z-index: 10;
}
.learning-center-content .row .box .h3,
.learning-center-content .row .box h3,
.learning-center-content .row .box p,
.learning-center-content .row .box ul,
.learning-center-content .row .box a {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .learning-center-content .row .box.in-viewport {
    box-shadow: 0px 52px 30px -43px rgba(57, 57, 57, 0.25);
  }
  .learning-center-content .row .box.in-viewport::after {
    opacity: 0;
    transition: all 0.3s;
  }
}
.learning-center-content .h3,
.learning-center-content h3 {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
  color: #000;
  margin-bottom: 11px;
}
.learning-center-content h4 {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
  color: #000;
  margin-bottom: 11px;
}
@media (max-width: 767px) {
  .learning-center-content h4 {
    font-size: 24px;
    margin-bottom: 22px;
  }
}
.learning-center-content h4 a {
  text-decoration: none;
  color: #000;
}
.learning-center-content p {
  margin-bottom: 20px;
}
.learning-center-content .list {
  font-size: 18px;
  line-height: 1.444;
  margin-bottom: 20px;
}
.learning-center-content .list li + li {
  margin-top: 16px;
}
.learning-center-content .list li a {
  display: block;
  position: relative;
  color: #024ad8;
  text-decoration: underline;
  padding-left: 16px;
}
.learning-center-content .list li a:hover {
  text-decoration: none;
}
.learning-center-content .list li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
}
.learning-center-content .list li a:not(.has-star):before {
  top: 2px;
  background: var(--bar-bg, #024ad8);
  width: 2px;
}
.learning-center-content .list li a.has-star {
  padding-left: 26px;
}
.learning-center-content .list li a.has-star:before {
  content: "\E92A";
  font: 14px/1 icomoon;
  top: 4px;
  color: var(--category-color, inherit);
}
.learning-center-content .link-view {
  font-size: 18px;
  line-height: 1.444;
  color: #024ad8;
  text-decoration: underline;
  padding-right: 26px;
  position: relative;
}
.learning-center-content .link-view:after {
  transition: top 0.3s ease-in-out;
  content: "\E90C";
  font: 12px/1 "icomoon";
  position: absolute;
  right: 0;
  top: 6px;
}
.learning-center-content .link-view:hover {
  text-decoration: none;
}
.learning-center-content .link-view:hover:after {
  top: 3px;
}
.learning-center-content .back {
  position: relative;
  font-size: 18px;
  line-height: 1.444;
  color: #393939;
  padding-left: 29px;
}
.learning-center-content .back:before {
  transition: left 0.3s ease-in-out;
  content: "\E90A";
  font: 14px/1 "icomoon";
  position: absolute;
  left: 0;
  top: 4px;
}
.learning-center-content .back:hover {
  text-decoration: none;
}
.learning-center-content .back:hover:before {
  left: -4px;
}

.learning-post {
  padding-bottom: 50px;
}
.learning-post .breadcrumbs-nav {
  padding: 11px 0;
  justify-content: flex-start;
}
.learning-post .breadcrumbs {
  font-size: 16px;
  font-weight: 400;
  gap: 0;
}
.learning-post .breadcrumbs,
.learning-post .breadcrumbs a:hover,
.learning-post .breadcrumbs li + li:has(span):before {
  color: #393939;
}
.learning-post .breadcrumbs li + li {
  padding-left: 7px;
}
.learning-post .breadcrumbs li + li:before {
  left: -2px;
  font-size: 14px;
}
.learning-post .breadcrumbs a,
.learning-post .breadcrumbs span {
  padding: 8px 13px;
  display: block;
  font-weight: 400;
}
.learning-post .breadcrumbs a {
  color: #b0b0b0;
}
.learning-post .toc-content {
  display: flex;
  flex-direction: row-reverse;
  gap: 79px;
  padding-top: 17px;
  font-size: 16px;
  line-height: 1.625;
  color: #000;
}
@media (max-width: 1023px) {
  .learning-post .toc-content {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .learning-post .toc-content {
    padding-bottom: 40px;
  }
}
.learning-post .toc-content .toc-mobile {
  z-index: 10;
  display: none;
}
@media (max-width: 1023px) {
  .learning-post .toc-content .toc-mobile {
    display: flex;
  }
}
.learning-post .toc-content .toc-mobile div.accordion li a:hover {
  color: #024ad8;
}
.learning-post .toc-content .toc-mobile div.accordion li a:hover {
  color: #024ad8;
}
.learning-post .toc-content .toc-mobile div.accordion li a.active-link {
  color: #024ad8;
  font-weight: 500;
}
.learning-post .toc-content .toc-mobile div.accordion li.new-toc ul {
  padding-left: 20px;
  margin-top: 8px;
}
.learning-post .toc-content .toc-mobile div.accordion li.new-toc ul li {
  margin-bottom: 8px;
  padding: 4px 0;
}
.learning-post .toc-content .toc-mobile div.accordion li.new-toc ul li a {
  font-size: 14px;
  color: #666;
}
.learning-post .toc-content .toc-mobile div.accordion li.new-toc ul li a.active-link {
  color: #024ad8;
}
.learning-post .toc-content .toc-mobile div.accordion li.new-toc ul li a:hover {
  color: #024ad8;
}
.learning-post .toc-content .toc-mobile.new-toc ul ul {
  display: block !important;
}
.learning-post .single-blog-post {
  font-size: 18px;
  line-height: 28px;
  flex: 1;
  display: block;
  color: #000;
}
.learning-post .single-blog-post h2,
.learning-post .single-blog-post h3 {
  color: #000;
  font-weight: 500;
}
.learning-post .single-blog-post > h2:first-child {
  font-size: 40px;
  margin: 65px 0 69px;
}
@media (max-width: 1023px) {
  .learning-post .single-blog-post > h2:first-child {
    margin: 0 0 32px;
  }
}
.learning-post .single-blog-post h2 {
  font-size: 28px;
  margin: 65px 0 19px;
}
@media (max-width: 767px) {
  .learning-post .single-blog-post h2 {
    margin: 32px 0 19px;
  }
}
.learning-post .single-blog-post h3 {
  font-size: 24px;
  margin-top: 29px;
  margin-bottom: 16px;
}
.learning-post .single-blog-post p {
  margin-bottom: 29px;
}
.learning-post .single-blog-post blockquote {
  margin: 29px 0;
  padding: 24px 32px 24px 20px;
  background: #f8faff;
  border-left: 4px solid var(--category-color, #024ad8);
  font-weight: 500;
  position: relative;
}
.learning-post .single-blog-post blockquote .icon-star {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: var(--category-color, #024ad8);
}
.learning-post .single-blog-post blockquote p {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.4;
  margin-bottom: 10px;
}
.learning-post .single-blog-post blockquote cite {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.learning-post .single-blog-post blockquote cite p {
  font-size: 16px;
}
.learning-post .single-blog-post blockquote cite span {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
}
.learning-post .single-blog-post .image-caption p {
  margin: 0;
}
@media (min-width: 1024px) {
  .learning-post .sidebar {
    width: 290px;
  }
}
@media (max-width: 1023px) {
  .learning-post .sidebar {
    order: 3;
  }
}
.learning-post .sidebar .share {
  text-align: right;
  margin-bottom: 42px;
}
.learning-post .sidebar h2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 16px;
  color: #393939;
}
.learning-post .sidebar .sticky-box {
  position: sticky;
  top: 100px;
  width: auto;
  height: 82vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.learning-post .sidebar .sticky-box::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1023px) {
  .learning-post .sidebar .sticky-box {
    height: auto;
  }
}
.learning-post .sidebar .toc {
  width: auto;
  display: block;
}
@media (max-width: 1023px) {
  .learning-post .sidebar .toc {
    display: none;
  }
}
.learning-post .sidebar .toc h2 {
  font-weight: 500;
  font-size: 21px;
  line-height: 1.14;
}
.learning-post .sidebar .toc ul {
  padding: 16px 0 0 17px;
}
.learning-post .sidebar .toc ul li {
  line-height: 1.333 !important;
}
.learning-post .sidebar .toc ul li a:hover {
  color: #024ad8;
}
.learning-post .sidebar .toc ul li a.active-link {
  color: #024ad8;
  font-weight: 500;
}
.learning-post .sidebar .toc ul li.new-toc ul {
  padding-left: 20px;
  margin-top: 8px;
}
.learning-post .sidebar .toc ul li.new-toc ul li {
  margin-bottom: 8px;
}
.learning-post .sidebar .toc ul li.new-toc ul li a {
  font-size: 14px;
  color: #666;
}
.learning-post .sidebar .toc ul li.new-toc ul li a.active-link {
  color: #024ad8;
}
.learning-post .sidebar .toc ul li.new-toc ul li a:hover {
  color: #024ad8;
}
.learning-post .sidebar .toc ul ul {
  padding: 4px 22px;
}
.learning-post .sidebar .toc ul ul li {
  margin-bottom: 4px;
}
.learning-post .sidebar .social-links {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
  font-size: 20px;
  color: #393939;
}
.learning-post .sidebar .social-links a {
  text-decoration: none;
  color: inherit;
}
.learning-post .sidebar .social-links a:hover {
  color: #024ad8;
}
.learning-post .cta-blue {
  margin: 64px 0;
}
@media (max-width: 1023px) {
  .learning-post .cta-blue {
    margin: 32px 0;
  }
}
.learning-post .cta-blue h3 {
  font-size: 36px;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .learning-post .cta-blue h3 {
    font-size: 32px;
  }
}
.learning-post .cta-blue p {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .learning-post {
    padding-bottom: 0;
  }
}

.cta-blue {
  background: linear-gradient(99.74deg, #f4f8fc 24.35%, #9bb7f0 119.56%);
  box-shadow: 0px 60px 27.8px -54px rgba(0, 0, 0, 0.2509803922);
  border-radius: 16px;
  padding: 32px;
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .cta-blue {
    font-size: 18px;
    padding: 32px 20px;
  }
}
.cta-blue .subtitle {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.06em;
  margin-bottom: 18px;
}
.cta-blue h3 {
  margin-top: 0 !important;
  font-size: 36px;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .cta-blue h3 {
    font-size: 32px;
  }
}
.cta-blue h3 span {
  color: #024ad8;
}
.cta-blue p {
  max-width: 600px;
  margin-bottom: 24px;
}
.cta-blue .btn-sm {
  text-decoration: none;
  min-height: 40px;
  min-width: 131px;
  padding: 4px 10px;
  font-weight: 500;
  background: #024ad8;
  border-color: #024ad8;
}
.cta-blue .btn-sm:hover {
  background: #0239a5;
  border-color: #0239a5;
}
@media (max-width: 767px) {
  .cta-blue .btn-sm {
    width: 100%;
  }
}

.sidebar-cta {
  margin-top: 21px;
}
.sidebar-cta .box .eyebrow {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.14;
}
.sidebar-cta .box .h3 {
  font-weight: 500;
  font-size: 32px;
  line-height: 34px;
  letter-spacing: 0;
  color: #000;
}
.sidebar-cta .box .description {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
}
.sidebar-cta .box .cta-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff !important;
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.03;
}
.sidebar-cta .box .cta-button:hover {
  background: #182230;
}
@media (max-width: 1023px) {
  .sidebar-cta {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .sidebar-cta {
    width: 100%;
  }
}

.toc-custom {
  margin-top: 21px;
}
.toc-custom .h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2667;
  letter-spacing: 0;
  color: #000;
}
.toc-custom ul {
  padding: 0 0 0 17px;
  color: #000;
}
.toc-custom ul li {
  margin-bottom: 12px;
}
.toc-custom ul li:last-child {
  margin-bottom: 0;
}
.toc-custom ul a {
  color: #000;
  text-decoration: none;
}
.toc-custom li {
  line-height: 1.333 !important;
}
@media (max-width: 1023px) {
  .toc-custom {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .toc-custom {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .toc-content .sidebar .sticky-box {
    display: flex;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .toc-content .sidebar .sticky-box {
    display: block;
  }
}

.author-images {
  display: flex;
  align-items: center;
  width: 96%;
  transform: translateY(-120px);
}
@media (max-width: 767px) {
  .author-images {
    transform: translateY(-35px);
  }
}
.author-images .author-image {
  margin-right: -69px;
  width: calc(33% + 60px);
}

@media (max-width: 1023px) {
  .has-3 .author-images {
    transform: translateY(-55px);
  }
}
@media (max-width: 767px) {
  .has-3 .author-images {
    transform: translate(-13px, -35px);
  }
}

.expert-tags {
  margin-top: 48px;
}
.expert-tags .h5 {
  display: block;
  font-size: 21px;
  line-height: 1.14;
  margin-bottom: 16px;
}
.expert-tags .list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.expert-tags .list a {
  border: 1px solid var(--tag-theme);
  min-height: 24px;
  padding: 2px 3px 2px 4px;
  border-radius: 6px;
  text-decoration: none;
  color: #344054;
  gap: 5px;
}
.expert-tags .list a:hover {
  background-color: var(--tag-theme);
  color: #fff;
}
.expert-tags .list a:hover:before {
  background-color: #fff;
}
.expert-tags .list a:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--tag-theme);
  border-radius: 5px;
}
.expert-tags .list a,
.expert-tags .list a span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.expert-tags .list a span {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background-color: #F2F4F7;
  font-size: 12px;
  color: #344054;
}

.author-hero {
  overflow: hidden;
}
.author-hero .container-lg {
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .author-hero .container-lg {
    flex-direction: column;
  }
}
.author-hero .content {
  padding: 51px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .author-hero .content {
    padding-bottom: 0;
  }
}
.author-hero .content h2 {
  font-size: 64px;
  line-height: 1.156;
}
@media (max-width: 1023px) {
  .author-hero .content h2 {
    font-size: 46px;
    line-height: 1.17;
  }
}
.author-hero .img {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 567px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .author-hero .img {
    align-self: flex-end;
  }
}
@media (max-width: 1023px) {
  .author-hero .img {
    width: auto;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .author-hero .img {
    align-self: center;
  }
}
.author-hero .author-image {
  flex: 1;
}
.author-hero .author-image div {
  margin: 0 0 0 0;
}
@media (max-width: 1023px) {
  .author-hero .author-image div {
    display: flex;
    align-items: flex-end;
    height: 262px;
    max-width: 300px;
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .author-hero .author-image div img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.author-hero .learning-center-hero__expert {
  background: none;
  position: static;
  width: 234px;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  margin-right: -18px;
  min-height: 110px;
}
@media (max-width: 1023px) {
  .author-hero .learning-center-hero__expert {
    font-size: 14px;
    line-height: 1.27;
    width: 210px;
  }
}
@media (max-width: 767px) {
  .author-hero .learning-center-hero__expert {
    box-shadow: none;
  }
}
.author-hero .learning-center-hero__expert .feature-title {
  padding: 3px 6px;
  display: inline-flex;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .author-hero .learning-center-hero__expert .feature-title {
    margin-bottom: 7px;
  }
}
.author-hero .learning-center-hero__expert .feature-title .icon-star {
  color: var(--category-color);
}
.author-hero .learning-center-hero__expert h3 {
  font-size: 24px;
  line-height: 1;
}
@media (max-width: 1023px) {
  .author-hero .learning-center-hero__expert h3 {
    font-size: 20px;
  }
}

.home-hero.pricing-hero .pricing-section {
  margin-top: 88px;
}
.home-hero.pricing-hero .img {
  top: 0;
}
@media (max-width: 1023px) {
  .home-hero.pricing-hero .img {
    margin-top: unset;
    margin-bottom: unset;
    position: absolute;
    right: -499px;
    top: 60px;
    z-index: -1;
    max-width: none;
    transform: none;
  }
}
@media (max-width: 767px) {
  .home-hero.pricing-hero .img {
    top: 130px;
  }
}
@media (max-width: 519px) {
  .home-hero.pricing-hero .img {
    top: 161px;
  }
}
@media (max-width: 402px) {
  .home-hero.pricing-hero .img {
    top: 200px;
  }
}
@media (max-width: 349px) {
  .home-hero.pricing-hero .img {
    top: 250px;
  }
}
.home-hero.pricing-hero .txt .eyebrow {
  font-size: 16px;
  font-weight: 500;
  color: #4d52e5;
  text-transform: uppercase;
  line-height: 100%;
  letter-spacing: 0.13em;
}
@media (max-width: 767px) {
  .home-hero.pricing-hero .txt .eyebrow {
    width: 370px;
  }
}
.home-hero.pricing-hero .txt .inner-txt {
  max-width: 688px;
  letter-spacing: -0.3px;
}
@media (max-width: 1023px) {
  .home-hero.pricing-hero .txt .inner-txt {
    max-width: none;
  }
}
.home-hero.pricing-hero .txt .inner-txt p {
  color: #101828;
  font-size: 20px;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .home-hero.pricing-hero .txt .inner-txt p {
    font-size: 18px;
    line-height: 26px;
  }
}
.home-hero.pricing-hero .txt h1 {
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .home-hero.pricing-hero .txt h1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .home-hero.pricing-hero .button-group {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .home-hero.pricing-hero .button-group .btn-wrap {
    width: auto;
  }
}
@media (max-width: 767px) {
  .home-hero.pricing-hero .button-group .btn-wrap .btn-2sm {
    min-height: 40px;
  }
}
.home-hero.pricing-hero .pricing-section {
  background-color: #ffffff;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .home-hero.pricing-hero .pricing-section {
    display: none;
  }
}
.home-hero.pricing-hero .pricing-table {
  width: 100%;
  padding: 32px;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.home-hero.pricing-hero .pricing-table th,
.home-hero.pricing-hero .pricing-table td {
  padding: 22px;
  text-align: center;
}
.home-hero.pricing-hero .pricing-table tr:last-child td {
  border-bottom: none;
}
.home-hero.pricing-hero .pricing-table th {
  background-color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 24px 16px;
  letter-spacing: 0;
}
.home-hero.pricing-hero .pricing-table td:first-child {
  font-size: 16px;
  text-align: left;
  font-weight: 500;
  padding-left: 24px;
}
.home-hero.pricing-hero .pricing-table tr {
  background-color: #f9fafb;
}
.home-hero.pricing-hero .pricing-table tr:nth-child(even) {
  background-color: #ffffff;
}
.home-hero.pricing-hero .description {
  font-size: 15px;
  color: #475467;
  max-width: 265px;
  margin: 8px auto;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
.home-hero.pricing-hero .checkmark {
  color: #4c6ef5;
  font-size: 20px;
}
.home-hero.pricing-hero .dash {
  color: #475467;
}
.home-hero.pricing-hero .limited {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
}
.home-hero.pricing-hero .special-note {
  font-size: 12px;
  color: #475467;
  margin-top: 20px;
  margin-left: 24px;
}
.home-hero.pricing-hero .checkmark-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
.home-hero.pricing-hero .footnote {
  font-size: 14px;
  font-weight: 500;
  color: #4d52e5;
}
.home-hero.pricing-hero .highlight-top {
  border-top: solid 2px #4d52e5;
  border-left: solid 2px #4d52e5;
  border-right: solid 2px #4d52e5;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
}
.home-hero.pricing-hero .hihglight-cell {
  border-top: none;
  border-left: solid 2px #4d52e5;
  border-right: solid 2px #4d52e5;
  border-bottom: none;
}
.home-hero.pricing-hero tr:nth-last-child(2) .hihglight-cell {
  border-top: none;
  border-left: solid 2px #4d52e5;
  border-right: solid 2px #4d52e5;
  border-bottom: solid 2px #4d52e5;
  border-radius: 0 0 16px 16px;
}
.home-hero.pricing-hero tr.button-row {
  background-color: #ffffff;
}
.home-hero.pricing-hero tr.button-row td {
  padding: 0;
}
.home-hero.pricing-hero tr td span {
  color: #4d52e5;
}
.home-hero.pricing-hero .btn-2sm.btn-blue {
  background: #4d52e5;
}

.pricing-tabs.mobile {
  display: none;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  margin: 0 auto;
  max-width: 100%;
  border-radius: 8px 8px 16px 16px;
  overflow: hidden;
  background-color: transparent;
}
@media (max-width: 767px) {
  .pricing-tabs.mobile {
    display: block;
    margin-top: 90px;
  }
}
.pricing-tabs.mobile .tab-navigation {
  display: flex;
  padding: 6px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 32px;
  height: 48px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.pricing-tabs.mobile .tab-button {
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  flex: 1;
  background: none;
  border: none;
  text-align: center;
  font-weight: 600;
  color: #475467;
  cursor: pointer;
}
@media (max-width: 767px) {
  .pricing-tabs.mobile .tab-button {
    font-weight: 500;
    font-size: 14px;
  }
}
.pricing-tabs.mobile .tab-button.active {
  background-color: #212121;
  color: white;
}
.pricing-tabs.mobile .pricing-panels {
  position: relative;
}
.pricing-tabs.mobile .pricing-panel {
  position: relative;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background-color: white;
  display: none;
  border-radius: 16px;
  padding: 16px;
  z-index: 1;
}
.pricing-tabs.mobile .pricing-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  padding: 1px; /* Border width */
  background: linear-gradient(to top, #ffffff, #a2a5fb);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
.pricing-tabs.mobile .pricing-panel.active {
  display: block;
}
.pricing-tabs.mobile .panel-header {
  padding: 20px 16px;
}
.pricing-tabs.mobile .plan-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px 0;
  line-height: 30px;
}
.pricing-tabs.mobile .plan-description {
  font-size: 15px;
  font-weight: 400;
  color: #475467;
  line-height: 20px;
  margin: 0;
}
.pricing-tabs.mobile .features-list {
  padding: 0;
}
.pricing-tabs.mobile .feature-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
}
.pricing-tabs.mobile .feature-item:nth-child(odd) {
  background-color: #f9fafb;
}
.pricing-tabs.mobile .feature-title {
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #101828;
}
.pricing-tabs.mobile .feature-title span {
  color: #4d52e5;
}
.pricing-tabs.mobile .feature-value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  text-align: right;
}
.pricing-tabs.mobile .checkmark-image {
  width: 20px;
  height: 20px;
}
.pricing-tabs.mobile .dash {
  color: #999;
}
.pricing-tabs.mobile .limited {
  color: #475467;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.pricing-tabs.mobile .special-note {
  font-size: 12px;
  color: #475467;
  padding: 10px 16px;
}
@media (max-width: 480px) {
  .pricing-tabs.mobile .feature-item {
    padding: 12px 14px;
  }
  .pricing-tabs.mobile .feature-title {
    font-size: 14px;
  }
}
.pricing-tabs.mobile .footnote {
  font-size: 14px;
  font-weight: 500;
  color: #4d52e5;
}

.demo-footer,
.pricing-footer {
  display: none;
}

#wrapper:has(.pricing-hero) .pricing-footer {
  display: block;
}

#wrapper:has(#demo_hero) .demo-footer {
  display: block;
}

.section-heading {
  padding-top: 120px;
}
@media (max-width: 767px) {
  .section-heading {
    padding-top: 60px;
  }
}
.section-heading.bg-gray {
  background: #F9FBFD;
}
.section-heading h2 {
  font-size: 56px;
  line-height: 1.071;
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .section-heading h2 {
    font-size: 36px;
    line-height: 1.22;
  }
}
.section-heading h2 > span {
  color: #4D52E5;
}

.section-video-slider {
  padding: 80px 0;
}
@media (max-width: 767px) {
  .section-video-slider {
    padding: 32px 0 60px;
  }
}
.section-video-slider.bg-gray {
  background: #F9FBFD;
}

.video-slider .swiper-slide {
  width: 500px;
  flex-shrink: 0;
  margin-right: 32px;
}
@media (max-width: 767px) {
  .video-slider .swiper-slide {
    width: 360px;
    margin-right: 16px;
  }
}
@media (max-width: 401px) {
  .video-slider .swiper-slide {
    width: 100%;
  }
}
.video-slider .swiper-control-nav {
  padding-top: 14px;
}

.video-thumbnail:hover .thumb {
  box-shadow: 0px 37px 83px -38px rgba(77, 82, 229, 0.25), 0px 37px 83px -38px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .video-thumbnail:hover .thumb {
    box-shadow: 0px 26.25px 58.89px -26.96px rgba(77, 82, 229, 0.25), 0px 26.25px 58.89px -26.96px rgba(0, 0, 0, 0.25);
  }
}
.video-thumbnail .thumb {
  width: 100%;
  height: 312px;
  position: relative;
  border-radius: 12px;
  border: 1px solid rgba(134, 134, 134, 0.37);
  margin-bottom: 40px;
  cursor: pointer;
  box-sizing: border-box;
  transition: box-shadow 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .video-thumbnail .thumb {
    height: 225px;
    margin-bottom: 28px;
  }
}
.video-thumbnail .thumb img {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
}
.video-thumbnail .btn {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 103px;
  gap: 8px;
  min-height: 40px;
}
.video-thumbnail .btn > i {
  font-size: 20px;
}
.video-thumbnail .desc {
  font-size: 18px;
  line-height: 1.555;
  color: #000;
  padding-right: 10%;
}
@media (max-width: 767px) {
  .video-thumbnail .desc {
    font-size: 16px;
    line-height: 1.25;
  }
}
.video-thumbnail .title {
  display: block;
  font-size: 40px;
  font-weight: 500;
  color: #000;
  line-height: 1.11;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .video-thumbnail .title {
    font-size: 32px;
    margin-bottom: 10px;
  }
}

.swiper-control-nav {
  display: flex;
  gap: 32px;
}
@media (max-width: 767px) {
  .swiper-control-nav {
    gap: 34px;
    justify-content: center;
  }
}
.swiper-control-nav .swiper-button-prev,
.swiper-control-nav .swiper-button-next {
  position: static;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  margin-top: 0;
}
.swiper-control-nav .swiper-button-prev:after,
.swiper-control-nav .swiper-button-next:after {
  content: none;
}
.swiper-control-nav .swiper-button-prev:hover i,
.swiper-control-nav .swiper-button-next:hover i {
  color: #024ad8;
}
.swiper-control-nav .swiper-button-prev i,
.swiper-control-nav .swiper-button-next i {
  transition: color 0.3s ease-in-out;
  font-size: 16px;
  color: #212121;
}
.swiper-control-nav .swiper-button-prev.swiper-button-disabled,
.swiper-control-nav .swiper-button-next.swiper-button-disabled {
  opacity: 0.6 !important;
}

.section-title {
  padding: 80px 0;
  font-size: 18px;
  line-height: 1.44;
}
.section-title:not(.bg-gray) + .section-title {
  padding-top: 0;
}
.section-title.bg-gray {
  background: #F9FAFB;
}
.section-title .eyebrow {
  color: #4759f5;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.8px;
}
.section-title h2 {
  font-size: 36px;
  margin-bottom: 16px;
  max-width: 1000px;
}
@media (min-width: 768px) {
  .section-title h2 {
    font-size: 42px;
  }
}
@media (min-width: 1024px) {
  .section-title h2 {
    font-size: 48px;
  }
}

body.hp-demo-experience {
  height: 100vh;
  overflow: hidden;
}

.hp-demo-experience .header-background-blur {
  position: relative;
}
.hp-demo-experience .header-background-blur:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #024AD8;
  position: absolute;
  left: 0;
  right: 0;
  filter: blur(50px);
  z-index: -1;
}

.de-frame {
  height: 100vh;
}

.de-front-page {
  width: 100%;
  min-height: 100vh;
  padding-bottom: 40px;
  overflow: auto;
  display: flex;
  align-items: center;
  position: relative;
  overflow-x: hidden;
}
.de-front-page:after {
  content: "";
  background: url("../../images/demo-experience/grad-1.png") no-repeat 0 0/1399px 1080px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1399px;
  height: 100%;
  top: 0;
  z-index: 2;
}
.de-front-page .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.de-front-page .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.de-front-page .container {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1858px;
}
.de-front-page .btm,
.de-front-page .top {
  display: flex;
  justify-content: center;
}
.de-front-page .top {
  margin: -1px -84px 0 0;
}
.de-front-page .btm {
  margin: -168px -90px 0 0;
}
.de-front-page #front-image-1 {
  position: relative;
}
.de-front-page #front-image-2 {
  position: relative;
}
.de-front-page #front-image-3 {
  position: relative;
}
.de-front-page #front-image-4 {
  position: relative;
}
.de-front-page .center {
  display: flex;
  justify-content: space-between;
  margin-top: -126px;
}
.de-front-page .center .left-img {
  margin-top: -20px;
  width: 33.4%;
}
.de-front-page .center .right-img {
  width: 33.5%;
}
.de-front-page .center img {
  width: 100%;
}
.de-front-page .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 27%;
  max-width: 502px;
  text-align: center;
  color: #fff;
  margin-top: 7px;
}
.de-front-page .content .logo {
  width: 105px;
  height: 105px;
  margin: 0 auto 32px;
}
.de-front-page .content h1 {
  font-size: clamp(3.0625rem, 1.5625rem + 2.3438vw, 4.375rem);
  line-height: 1;
  color: #fff;
  margin-bottom: 64px;
}

.button {
  display: inline-flex;
  height: 52px;
  text-align: center;
  border-radius: 100px;
  background: #fff;
  padding: 9px 32px;
  font-size: 26px;
  line-height: 1.23;
  text-decoration: none;
  color: #000;
}

.de-business-impact,
.de-choose-card {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 132px 0;
}
.de-business-impact:after,
.de-choose-card:after {
  content: "";
  background: url("../../images/demo-experience/grad-2.png") no-repeat 0 0/900px 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 900px;
  height: 1080px;
  z-index: 2;
}
.de-business-impact .bg,
.de-choose-card .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.de-business-impact .bg img,
.de-choose-card .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.de-business-impact .container,
.de-choose-card .container {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1758px;
}
.de-business-impact .head,
.de-choose-card .head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 999;
}
.de-business-impact .head .logo,
.de-choose-card .head .logo {
  width: 56px;
  height: 56px;
}
.de-business-impact .head .back,
.de-choose-card .head .back {
  transition: all 0.3s ease-in-out;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  z-index: 3;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  z-index: 11;
}
.de-business-impact .head .back:hover,
.de-choose-card .head .back:hover {
  background: #024ad8;
  color: #fff;
}
.de-business-impact .head .back:hover svg path,
.de-choose-card .head .back:hover svg path {
  fill: #fff;
}
.de-business-impact .head .back svg,
.de-choose-card .head .back svg {
  width: 32px;
}
.de-business-impact .head .back svg path,
.de-choose-card .head .back svg path {
  transition: fill 0.3s ease-in-out;
  fill: #000;
}
.de-business-impact .centered-logo,
.de-choose-card .centered-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170px;
  height: 170px;
  z-index: 3;
}
.de-business-impact .centered-logo img,
.de-choose-card .centered-logo img {
  width: 100%;
  height: 100%;
}

.de-choose-card {
  padding: 206px 0 154px;
}

.de-business-impact {
  padding: 114px 0;
}
.de-business-impact .head {
  padding: 40px 55px;
}
.de-business-impact .head .logo {
  width: 56px;
  height: 56px;
}
.de-business-impact .container {
  width: 100%;
  max-width: none;
  padding-left: 30px;
  padding-right: 30px;
}
.de-business-impact .header {
  text-align: center;
  text-shadow: 0 4px 22px black;
  font-size: clamp(1.25rem, 0.6786rem + 0.8929vw, 1.75rem);
  line-height: 1.167;
  font-weight: 500;
  color: #fff;
  margin-bottom: 51px;
}
.de-business-impact .header h2 {
  color: #fff;
  font-size: clamp(2.625rem, 1.3393rem + 2.0089vw, 3.75rem);
  line-height: 0.99;
  font-weight: 700;
  margin-bottom: 7px;
}
.de-business-impact .data-image {
  border-radius: 30px;
  overflow: hidden;
}
.de-business-impact .data-image img {
  width: 100%;
}

.de-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.de-cards .de-card-holder {
  position: relative;
}
.de-cards .de-card-holder:before {
  content: "";
  position: absolute;
  background: url(../../images/demo-experience/lightning-connector.png) no-repeat 50% 50%/contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 275px;
  height: 195px;
}
.de-cards .de-card-holder:nth-child(even) {
  display: flex;
  justify-content: flex-end;
}
.de-cards .de-card-holder:nth-child(even):before {
  left: 0;
  right: auto;
  transform: translateY(-50%) scaleX(-1);
}
.de-cards .de-card-holder .de-card {
  display: block;
  width: 71.1%;
  max-width: 596px;
  border-radius: 22px;
  overflow: hidden;
  position: relative;
}
.de-cards .de-card-holder .de-card:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  inset: 0;
  border: 5px solid #fff;
  border-radius: 22px;
  z-index: 1;
  opacity: 0;
}
.de-cards .de-card-holder .de-card:hover:before {
  opacity: 1;
}
.de-cards .de-card-holder .de-card img {
  width: 100%;
}
.de-cards .de-card-holder .de-card-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 46px 20px;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 22px black;
  font-size: clamp(1.125rem, 0.8393rem + 0.4464vw, 1.375rem);
  line-height: 1.5;
  font-weight: 500;
}
.de-cards .de-card-holder .de-card-content .title {
  display: block;
  font-size: clamp(1.5rem, 0.9286rem + 0.8929vw, 2rem);
  line-height: 1;
}
.de-cards .de-card-holder .de-card-content p {
  margin: 0;
}
.de-cards .de-card-holder .de-card-content p + p {
  margin-top: 1rem;
}

.btn-exit {
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  height: 52px;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px 30px 10px 18px;
  border: 2px solid #fff;
  border-radius: 100px;
  color: #fff;
  text-decoration: none;
  font-size: 26px;
  line-height: 1.23;
  gap: 12px;
}
.btn-exit:hover {
  background: #024ad8;
}

.de-selected-content {
  overflow: hidden;
  position: relative;
}
.de-selected-content .front-img {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.de-selected-content .front-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.de-selected-content .logo {
  width: 56px;
  height: 56px;
  position: absolute;
  right: 42px;
  top: 40px;
  z-index: 2;
}
.de-selected-content .back {
  transition: all 0.3s ease-in-out;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 54px;
  left: 56px;
  z-index: 3;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  z-index: 11;
}
.de-selected-content .back:hover {
  background: #024ad8;
  color: #fff;
}
.de-selected-content .back:hover svg path {
  fill: #fff;
}
.de-selected-content .back svg {
  width: 32px;
}
.de-selected-content .back svg path {
  transition: fill 0.3s ease-in-out;
  fill: #000;
}
.de-selected-content .next {
  transition: all 0.3s ease-in-out;
  position: absolute;
  z-index: 3;
  right: 56px;
  bottom: 54px;
  height: 56px;
  display: flex;
  align-items: center;
  padding: 10px 23px 10px 30px;
  gap: 18px;
  background: #fff;
  border-radius: 100px;
  text-decoration: none;
  font-size: 28px;
  line-height: 1.25;
  color: #000;
  border: 2px solid #fff;
  z-index: 11;
}
.de-selected-content .next:hover {
  background: #024ad8;
  color: #fff;
}
.de-selected-content .next:hover svg path {
  fill: #fff;
}
.de-selected-content .next svg path {
  transition: fill 0.3s ease-in-out;
  fill: #000;
}
.de-selected-content .clean-up {
  transition: all 0.3s ease-in-out;
  position: absolute;
  z-index: 12;
  left: 42.1%;
  bottom: 440px;
  display: none;
  align-items: center;
  justify-content: center;
  min-height: 88px;
  min-width: 240px;
  padding: 20px 40px;
  border-radius: 110px;
  font-size: 30px;
  line-height: 1.2;
  gap: 16px;
  background: rgba(255, 255, 255, 0.92);
  border: 3px solid rgba(0, 108, 255, 0.65);
  box-shadow: 0 18px 45px rgba(5, 25, 120, 0.25);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #012373;
  text-decoration: none;
  animation: de-cleanup-border-pulse 2.2s ease-in-out infinite;
}
.de-selected-content .clean-up:hover {
  background: rgb(255, 255, 255);
  color: #ffffff;
  border-color: rgba(0, 140, 255, 0.95);
  box-shadow: 0 22px 52px rgba(5, 25, 120, 0.32);
}
.de-selected-content .clean-up::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 3px solid rgba(0, 180, 255, 0.75);
  filter: blur(6px);
  opacity: 0.6;
  animation: de-cleanup-border-glow 1.4s ease-in-out infinite alternate;
  pointer-events: none;
}
.de-selected-content .clean-up.is-visible {
  display: inline-flex;
}
.de-selected-content .content-holder {
  position: relative;
  z-index: 2;
  min-height: 1080px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 114px 32px 132px;
  color: #fff;
}
.de-selected-content .content-holder .header {
  text-align: center;
  text-shadow: 0 4px 22px black;
  font-size: clamp(1.25rem, 0.6786rem + 0.8929vw, 1.75rem);
  line-height: 1.167;
  font-weight: 500;
}
.de-selected-content .content-holder .header.style-1 {
  z-index: 10;
  max-width: 1136px;
  margin: 0 auto;
}
.de-selected-content .content-holder .header.style-1 .text-holder {
  max-width: 920px;
  margin: 0 auto;
}
.de-selected-content .content-holder .header h2 {
  color: #fff;
  font-size: clamp(2.625rem, 1.3393rem + 2.0089vw, 3.75rem);
  line-height: 0.99;
  font-weight: 700;
  margin-bottom: 7px;
}
.de-selected-content .content-holder .bottom-content {
  position: relative;
  z-index: 10;
}
.de-selected-content .content-holder .bottom-content .lightining {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.de-selected-content .content-holder .blocks .block {
  color: #000;
  position: absolute;
  font-size: 16px;
  line-height: 1.25;
}
.de-selected-content .content-holder .blocks .block .inner {
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  width: 100%;
  position: relative;
}
.de-selected-content .content-holder .blocks .block .title {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}
.de-selected-content .content-holder .blocks .block p {
  margin: 0;
}
.de-selected-content .content-holder .blocks .block p + p {
  margin-top: 1rem;
}
.de-selected-content .content-holder .lightining {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.de-selected-content .content-holder .lightining img {
  mix-blend-mode: screen;
  opacity: 0.8;
  filter: brightness(3.2) drop-shadow(0 0 20px rgba(40, 83, 255, 0.2)) drop-shadow(0 0 40px rgba(40, 83, 255, 0.3)) drop-shadow(0 0 60px rgba(40, 83, 255, 0.2)) blur(1px);
}
.de-selected-content .content-holder .bullets-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.de-selected-content .content-holder .bullets-wrap .bullets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  pointer-events: none;
}
.de-selected-content .content-holder .bullets-wrap .bullets li a {
  display: block;
  transition: all 0.3s ease-in-out;
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
  border-radius: 50%;
  background: #898d81;
}
.de-selected-content .content-holder .bullets-wrap .bullets li.active a,
.de-selected-content .content-holder .bullets-wrap .bullets li a:hover {
  background: #fff;
}

@keyframes de-cleanup-border-pulse {
  0% {
    border-color: rgba(0, 108, 255, 0.45);
  }
  50% {
    border-color: rgba(0, 180, 255, 0.95);
  }
  100% {
    border-color: rgba(0, 108, 255, 0.45);
  }
}
@keyframes de-cleanup-border-glow {
  0% {
    opacity: 0.35;
    transform: scale(0.98);
  }
  100% {
    opacity: 0.92;
    transform: scale(1.03);
  }
}
.de-survey-steps {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  overflow: hidden;
  padding: 91px 0;
}
@media (max-width: 1599px) {
  .de-survey-steps {
    padding-top: 140px;
  }
}
.de-survey-steps .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.de-survey-steps .container {
  position: relative;
  z-index: 1;
  max-width: 1440px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
}
.de-survey-steps .eyebrow {
  display: block;
  font-size: clamp(1.5rem, 0.7857rem + 1.1161vw, 2.125rem);
  line-height: 1.176;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}
.de-survey-steps .head {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 46px;
  font-size: clamp(1.5rem, 0.7857rem + 1.1161vw, 2.125rem);
  font-weight: 400;
  color: #fff;
  position: relative;
}
.de-survey-steps .head::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #024AD8;
  position: absolute;
  left: 0;
  right: 0;
  filter: blur(50px);
  z-index: -1;
}
.de-survey-steps .head h2 {
  font-size: clamp(2.8125rem, 1.4554rem + 2.1205vw, 4rem);
  line-height: 1;
  font-weight: 700;
  margin-bottom: 9px;
  color: white;
}
.de-survey-steps .head p {
  margin-bottom: 30px;
}
.de-survey-steps .survey-btn-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 78px;
  align-items: center;
  position: relative;
}
.de-survey-steps .survey-btn-list .survey-btn {
  width: 100%;
  max-width: 675px;
  padding: 16px 1.2px;
  background: #EBEBEB;
  color: #222;
  font-size: clamp(1.75rem, 0.8929rem + 1.3393vw, 2.5rem);
  font-weight: 400;
  border: 5px solid #fff;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.25s ease;
  letter-spacing: -0.7px;
}
.de-survey-steps .survey-btn-list .survey-btn:hover {
  background: #024AD8;
  color: #fff;
}
.de-survey-steps .survey-btn-list .survey-btn.selected {
  background: #024AD8;
  color: #fff;
}
.de-survey-steps .survey-btn-list .btn-next {
  width: 127px;
  height: 127px;
  position: absolute;
  right: 80px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.25s ease;
}
.de-survey-steps .survey-btn-list .btn-next:hover {
  background: #024AD8;
  color: #fff;
  border-color: #85BBEB;
}
.de-survey-steps .survey-btn-list .btn-next svg {
  width: 43px;
}
.de-survey-steps .qr-frame {
  max-width: 631px;
  margin: 0 auto;
  padding-top: 27px;
  margin-bottom: 72px;
}
.de-survey-steps .outcome {
  display: block;
  position: relative;
  max-width: 1046px;
  margin: 0 auto;
  min-height: 586px;
  color: #fff;
  padding: 75px 50px;
  font-size: clamp(1.5rem, 0.7857rem + 1.1161vw, 2.125rem);
  line-height: 1.2;
  border-radius: 22px;
  overflow: hidden;
  margin-top: 71px;
  font-weight: 500;
  border: 10px solid transparent;
  transition: all 0.25s ease;
  text-decoration: none;
  text-shadow: 0px 4px 22px rgba(0, 0, 0, 0.5);
}
.de-survey-steps .outcome:hover {
  border-color: #fff;
  box-shadow: 0px 23.41px 197.1px 0px #265DB3;
}
.de-survey-steps .outcome h3 {
  font-size: clamp(2.125rem, 1.0536rem + 1.6741vw, 3.0625rem);
  line-height: 1;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
}

.de-btn {
  border: 1px solid #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  padding: 6px 24px;
  border-radius: 50px;
  font-size: clamp(1.125rem, 0.5536rem + 0.8929vw, 1.625rem);
  cursor: pointer;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 127px;
  text-decoration: none;
}
.de-btn:hover {
  background: #024AD8;
}
.de-btn > svg {
  width: 24px;
}

.de-header {
  position: fixed;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  z-index: 99;
  padding: 40px;
}

.de-feature-section {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: cente;
  justify-content: center;
  text-align: center;
  color: #fff;
  overflow: hidden;
  padding: 114px 0;
}
@media (max-width: 1499px) {
  .de-feature-section {
    padding: 106px 0;
  }
}
.de-feature-section .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.de-feature-section .container {
  position: relative;
  z-index: 1;
  max-width: 1584px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
}
.de-feature-section .head {
  margin-bottom: 46px;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1499px) {
  .de-feature-section .head {
    margin-bottom: 30px;
  }
}
@media (max-width: 1439px) {
  .de-feature-section .head {
    font-size: clamp(1.0625rem, 0.5625rem + 0.7813vw, 1.5rem);
  }
}
.de-feature-section .head h2 {
  font-size: clamp(2.625rem, 1.3393rem + 2.0089vw, 3.75rem);
  line-height: 1;
  font-weight: 700;
  margin-bottom: 9px;
  color: white;
}
@media (max-width: 1499px) {
  .de-feature-section .head h2 {
    margin-bottom: 31px;
  }
}
.de-feature-section .head p {
  margin-bottom: 34px;
}
.de-feature-section .foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}
.de-feature-section .foot .txt {
  display: block;
  flex: 1;
  font-size: clamp(1.0625rem, 0.5625rem + 0.7813vw, 1.5rem);
  text-align: center;
}
.de-feature-section .foot .de-btn {
  min-width: 255px;
}

.de-card-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -13px 78px;
  gap: 30px 0;
}
@media (max-width: 1499px) {
  .de-card-list {
    margin-bottom: 50px;
  }
}
.de-card-list .de-card {
  width: calc(33.333% - 26px);
  margin: 0 13px;
  background: #fff;
  border-radius: 26px;
  overflow: hidden;
  text-decoration: none;
  padding: 64px 40px 45px;
  position: relative;
  height: 630px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1499px) {
  .de-card-list .de-card {
    padding: 50px 40px 30px;
  }
}
@media (max-width: 1439px) {
  .de-card-list .de-card {
    padding: 50px 30px 30px;
  }
}
.de-card-list .de-card h3 {
  position: relative;
  z-index: 1;
  font-family: "FormaDJRUI", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 700 !important;
  font-size: 45.85px;
  line-height: 99%;
  text-align: center;
  color: #fff;
  text-shadow: 0 2px 8px rgb(0, 0, 0);
}
.de-card-list .de-card .btn-hold {
  position: relative;
  z-index: 1;
}
.de-card-list .de-card .btn-hold .btn {
  border: 1px solid #fff !important;
}
.de-card-list .de-card .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.de-card-list .de-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.de-card-list .de-card h3 {
  font-size: clamp(1.5rem, 0.7143rem + 1.2277vw, 2.1875rem);
  line-height: 1.06;
  font-weight: 500;
  margin-bottom: 0;
}
.de-card-list .de-card .txt-roi {
  display: block;
  font-size: clamp(7.625rem, 3.9107rem + 5.8036vw, 10.875rem);
  line-height: 1;
  color: #024AD8;
  font-weight: 400;
  margin-bottom: 25px;
}
@media (max-width: 1499px) {
  .de-card-list .de-card .txt-roi {
    margin-bottom: 15px;
  }
}
.de-card-list .de-card .btn-hold {
  margin-top: 31px;
}
.de-card-list .de-card .btn {
  border-radius: 100px;
  min-width: 255px;
  background: #024AD8;
  min-height: 52px;
  font-size: clamp(1.125rem, 0.5536rem + 0.8929vw, 1.625rem);
}
.de-card-list .de-card a:not(.btn) {
  font-size: clamp(1.0625rem, 0.5625rem + 0.7813vw, 1.5rem);
  font-weight: 500;
  display: inline-block;
  margin-bottom: 10px;
  text-decoration: none;
}
.de-card-list .de-card a:not(.btn):hover {
  text-decoration: underline;
}

#frame-188 .form-img {
  width: unset;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
#frame-188 .form-img img {
  margin: 0 auto;
}
#frame-188 .form-holder {
  display: block;
  margin: 0;
  max-width: unset;
  height: 517px;
}
#frame-188 .btn-wrap {
  margin-top: 82px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
}
#frame-188 .btn-wrap .de-btn {
  width: -moz-max-content;
  width: max-content;
}

#frame-188 iframe {
  border-radius: 20px;
}

#frame-139 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img10.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-139 .lightining {
  left: 249px;
  bottom: 49px;
  width: 64%;
}
#frame-139 .block:nth-child(1) {
  bottom: 472px;
  left: 106px;
  width: 21%;
}
#frame-139 .block:nth-child(2) {
  bottom: 10px;
  left: 670px;
  width: 28.8%;
}
#frame-139 .block:nth-child(3) {
  bottom: 295px;
  left: 1161px;
  width: 21.1%;
}
#frame-139 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#frame-142 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img09.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-142 .header.style-1 {
  z-index: 10;
  max-width: 798px;
}
#frame-142 .lightining {
  left: 518px;
  bottom: 77px;
  width: 47%;
}
#frame-142 .block:nth-child(1) {
  bottom: 442px;
  left: 595px;
  width: 21.1%;
}
#frame-142 .block:nth-child(2) {
  bottom: 6px;
  left: 370px;
  width: 22.8%;
}
#frame-142 .block:nth-child(3) {
  bottom: 21px;
  left: 1296px;
  width: 24.7%;
}
#frame-142 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#frame-145 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img12.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-145 .text-holder {
  max-width: 784px;
  margin: 0 auto;
}
#frame-145 .lightining {
  left: 384px;
  bottom: 77px;
  width: 69%;
}
#frame-145 .block:nth-child(1) {
  bottom: -2px;
  left: 280px;
  width: 19.9%;
}
#frame-145 .block:nth-child(2) {
  bottom: 499px;
  left: 793px;
  width: 20.9%;
}
#frame-145 .block:nth-child(3) {
  bottom: 336px;
  left: 1313px;
  width: 17.3%;
}
#frame-145 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#frame-145 .de-sign-icon--security {
  width: 176px;
  height: 176px;
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
}
#frame-145 .de-sign-icon--security img {
  opacity: 0.8;
  filter: brightness(1.2);
}

#frame-151 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img11.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-151 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#frame-176 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vw;
  	z-index: 0;
  	background: url('../../images/demo-experience/img05.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-176 .lightining {
  left: 307px;
  bottom: 65px;
  width: 68%;
}
#frame-176 .block:nth-child(1) {
  bottom: 107px;
  left: 107px;
  width: 22%;
}
#frame-176 .block:nth-child(2) {
  bottom: 0;
  left: 726px;
  width: 21.6%;
}
#frame-176 .block:nth-child(3) {
  bottom: 73px;
  left: 1323px;
  width: 20.4%;
}
#frame-176 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#frame-177 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img06.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-177 .lightining {
  left: 288px;
  bottom: 43px;
  width: 70%;
}
#frame-177 .block:nth-child(1) {
  bottom: 273px;
  left: 165px;
  width: 16.8%;
}
#frame-177 .block:nth-child(2) {
  bottom: -4px;
  left: 664px;
  width: 28.4%;
}
#frame-177 .block:nth-child(3) {
  bottom: 263px;
  left: 1402px;
  width: 20.8%;
}
#frame-177 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#frame-183 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img07.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-183 .lightining {
  left: 307px;
  bottom: 86px;
  width: 66%;
}
#frame-183 .block:nth-child(1) {
  bottom: 413px;
  left: 121px;
  width: 22%;
}
#frame-183 .block:nth-child(2) {
  bottom: 37px;
  left: 680px;
  width: 26.9%;
}
#frame-183 .block:nth-child(3) {
  bottom: 360px;
  left: 1440px;
  width: 15.5%;
}
#frame-183 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#items-wrapper-158 {
  position: absolute;
  mix-blend-mode: plus-lighter;
  width: 1302px;
  height: 377px;
  z-index: 4;
  left: 520px;
  top: 200px;
  pointer-events: none;
  perspective: 1600px;
  transform-style: preserve-3d;
}
#items-wrapper-158 img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  max-width: unset;
  left: 0;
  top: 0;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  transform: translate3d(0, 0, -180px) scale3d(0.1, 0.1, 0.1) rotateX(8deg);
  transform-origin: center center;
  will-change: opacity, transform;
}
#items-wrapper-158.is-animate img:not(.img-4) {
  animation-name: de-items-wrapper-158-enter, de-items-wrapper-158-exit;
  animation-duration: 1.53s, 1.83s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
  animation-delay: var(--de-items-enter-delay, 0.135s), 2.15s;
  animation-fill-mode: both, forwards;
  animation-iteration-count: 1, 1;
}
#items-wrapper-158.is-animate .img-2 {
  --de-items-enter-delay: 0.34s;
}
#items-wrapper-158.is-animate .img-3 {
  --de-items-enter-delay: 0.54s;
}
#items-wrapper-158.is-animate .img-4 {
  animation: de-items-wrapper-158-fourth 1.76s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: 2.2s;
}

/******/
/* reverted back phase 2 version */
/*
#items-wrapper-158 {
  position: absolute;
  mix-blend-mode: plus-lighter;
  width: 1302px;
  height: 377px;
  z-index: 4;
  left: 520px;
  top: 200px;
  pointer-events: none;
  perspective: 1600px;
  transform-style: preserve-3d;

  img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    max-width: unset;
    left: 0;
    top: 0;
    object-fit: contain;
    opacity: 0;
    transform: translate3d(0, 0, -180px) scale3d(0.1, 0.1, 0.1) rotateX(8deg);
    transform-origin: center center;
    will-change: opacity, transform;
  }

  &.is-animate {
    img:not(.img-4) {
      animation: de-items-wrapper-158-enter 2.05s cubic-bezier(0.4, 0, 0.2, 1) forwards;
      animation-delay: var(--de-items-enter-delay, 0.18s);
    }

    .img-2 {
      --de-items-enter-delay: 0.45s;
    }

    .img-3 {
      --de-items-enter-delay: 0.72s;
    }
  }

  &.phase-2 {
    img:not(.img-4) {
      animation: de-items-wrapper-158-exit 2.45s cubic-bezier(0.4, 0, 0.2, 1) forwards;
      animation-delay: var(--de-items-exit-delay, 0s);
    }

    .img-2 {
      --de-items-exit-delay: 0.18s;
    }

    .img-3 {
      --de-items-exit-delay: 0.32s;
    }

    .img-4 {
      animation: de-items-wrapper-158-fourth 2.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
      animation-delay: 0.12s;
    }
  }
}

@keyframes de-items-wrapper-158-enter {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, -180px) scale3d(0.1, 0.1, 0.1) rotateX(8deg);
  }

  62% {
    opacity: 1;
    transform: translate3d(0, 0, 42px) scale3d(1, 1, 1) rotateX(2deg);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg);
  }
}

@keyframes de-items-wrapper-158-exit {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 0, 180px) scale3d(1.3, 1.3, 1.3) rotateX(-6deg);
  }
}

@keyframes de-items-wrapper-158-fourth {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, -240px) scale3d(0.65, 0.65, 0.65) rotateX(10deg);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 0, -32px) scale3d(1.04, 1.04, 1.04) rotateX(3deg);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg);
  }
}
 */
@keyframes de-items-wrapper-158-enter {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, -180px) scale3d(0.1, 0.1, 0.1) rotateX(8deg);
  }
  62% {
    opacity: 1;
    transform: translate3d(0, 0, 42px) scale3d(1, 1, 1) rotateX(2deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg);
  }
}
@keyframes de-items-wrapper-158-exit {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 180px) scale3d(1.3, 1.3, 1.3) rotateX(-6deg);
  }
}
@keyframes de-items-wrapper-158-fourth {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, -240px) scale3d(0.65, 0.65, 0.65) rotateX(10deg);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 0, -32px) scale3d(1.04, 1.04, 1.04) rotateX(3deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg);
  }
}
#frame-158 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img08.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-158 .lightining {
  left: 710px;
  bottom: 194px;
}
#frame-158 .block:nth-child(1) {
  bottom: 85px;
  left: 682px;
  width: 22.3%;
}
#frame-158 .block:nth-child(2) {
  bottom: 183px;
  left: 1212px;
  width: 26.4%;
}
#frame-158 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#frame-162 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img09.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-162 .header.style-1 {
  z-index: 10;
  max-width: 798px;
}
#frame-162 .lightining {
  left: 518px;
  bottom: 77px;
  width: 47%;
}
#frame-162 .block:nth-child(1) {
  bottom: 442px;
  left: 595px;
  width: 21.1%;
}
#frame-162 .block:nth-child(2) {
  bottom: 6px;
  left: 370px;
  width: 22.8%;
}
#frame-162 .block:nth-child(3) {
  bottom: 21px;
  left: 1296px;
  width: 24.7%;
}
#frame-162 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#frame-171 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img05.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-171 .lightining {
  left: 307px;
  bottom: 65px;
  width: 68%;
}
#frame-171 .block:nth-child(1) {
  bottom: 107px;
  left: 107px;
  width: 22%;
}
#frame-171 .block:nth-child(2) {
  bottom: 0;
  left: 726px;
  width: 21.6%;
}
#frame-171 .block:nth-child(3) {
  bottom: 107px;
  left: 1323px;
  width: 20.4%;
}
#frame-171 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#frame-152 {
  display: flex;
  align-items: center;
  justify-content: center;
  /*&::before {
  	content: "";
  	position: absolute;
  	top: -3%;
  	left: -2%;
  	width: 104vw;
  	height: 104vh;
  	z-index: 0;
  	background: url('../../images/demo-experience/img07.jpg') no-repeat center center;
  	background-size: cover;
  	pointer-events: none;
  	filter: blur(20px);
  }*/
}
#frame-152 .lightining {
  left: 307px;
  bottom: 86px;
  width: 66%;
}
#frame-152 .block:nth-child(1) {
  bottom: 413px;
  left: 121px;
  width: 22%;
}
#frame-152 .block:nth-child(2) {
  bottom: 37px;
  left: 680px;
  width: 26.9%;
}
#frame-152 .block:nth-child(3) {
  bottom: 360px;
  left: 1440px;
  width: 15.5%;
}
#frame-152 .de-selected-content {
  height: 1080px;
  width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#start-frame h1 {
  text-shadow: 0px 13px 30px #265DB3;
}
#start-frame .button {
  border: 2px solid #fff;
  transition: all 0.25s ease;
}
#start-frame .button:hover {
  background: #024AD8;
  color: #fff;
  transition: all 0.25s ease;
}

.de-frame-card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1080px;
  width: 1920px;
  aspect-ratio: 1920/1080;
  overflow: hidden;
  position: absolute;
  left: 50vw;
  top: 50vh;
  transform: translate(-50%, -50%) scale(var(--selected-content-scale, 1), var(--selected-content-scale, 1));
  z-index: 3;
}
.de-frame-card .form-holder iframe {
  padding: 30px !important;
  background: #fff !important;
}

.de-story-bg-inner {
  height: 1080px;
  width: 1920px;
  aspect-ratio: 1920/1080;
  overflow: hidden;
  position: absolute;
  left: 50vw;
  top: 50vh;
  transform: translate(-50%, -50%) scale(var(--selected-content-scale, 1), var(--selected-content-scale, 1));
  z-index: 2;
}

.de-selected-content {
  height: 1080px;
  width: 1920px;
}
.de-selected-content .content-holder {
  width: 1920px;
  height: 1080px;
}
.de-selected-content .content-holder .header {
  z-index: 10;
}

.de-roi-calculator-wrapper {
  height: 800px;
  overflow-y: auto;
}

.de-story-backgrounds {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.de-story-backgrounds .de-story-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.de-story-backgrounds .de-story-bg > img {
  position: absolute;
  left: -2vw;
  top: -2vh;
  display: block;
  width: 104vw;
  height: 104vh;
  background-size: cover;
  background-position: 50% 50%;
  filter: blur(20px);
  max-width: unset;
}
.de-story-backgrounds .lightining#lightning-171 {
  position: absolute;
  left: 305px;
  bottom: 299px;
  mix-blend-mode: plus-lighter;
  z-index: 4;
  width: 1600px;
}
.de-story-backgrounds .lightining#lightning-171 img {
  display: block;
  width: 100%;
  max-width: unset;
}
.de-story-backgrounds .front-img-secondary {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  will-change: opacity;
}

.de-main-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.de-main-background img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.de-main-background canvas {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

#video-background {
  background: #00005c;
}
#video-background video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.de-frame-canvas-wrapper {
  height: 1080px;
  width: 1920px;
  aspect-ratio: 1920/1080;
  overflow: hidden;
  position: absolute;
  left: 50vw;
  top: 50vh;
  transform: translate(-50%, -50%) scale(var(--selected-content-scale, 1), var(--selected-content-scale, 1));
  z-index: 2;
  mix-blend-mode: plus-lighter;
}
.de-frame-canvas-wrapper canvas {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
}

.de-sign-icon {
  position: absolute;
}
.de-sign-icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#frame-signup .de-frame-card {
  position: unset;
  transform: unset;
  height: 700px;
  width: auto;
  aspect-ratio: unset;
  overflow: visible;
}
#frame-signup .signup-section {
  padding: 0;
}

#frame-68 .head {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 46px;
  text-shadow: 0px 4px 22px rgb(0, 0, 0);
}
#frame-68 .header::before {
  display: none;
}
#frame-68 .btn-hold .btn {
  transition: all 0.25s ease;
}
#frame-68 .btn-hold .btn:hover {
  background: white;
  color: #000;
  transition: all 0.25s ease;
}
#frame-68 .inactive-link {
  pointer-events: none;
}
#frame-68 .foot .back {
  transition: all 0.3s ease-in-out;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  z-index: 11;
}
#frame-68 .foot .back:hover {
  background: #024ad8;
  color: #fff;
}
#frame-68 .foot .back:hover svg path {
  fill: #fff;
}
#frame-68 .foot .back svg {
  width: 32px;
}
#frame-68 .foot .back svg path {
  transition: fill 0.3s ease-in-out;
  fill: #000;
}
#frame-68 .foot .back .txt {
  text-shadow: 0px 4px 22px rgb(0, 0, 0);
}

#frame-roi .header h2,
#frame-69 .header {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 46px;
}
#frame-roi .header h2::before,
#frame-69 .header::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #024AD8;
  position: absolute;
  left: 0;
  right: 0;
  filter: blur(50px);
  z-index: -1;
}

#frame-roi .header h2 {
  position: relative;
}
#frame-roi .header h2::before {
  filter: blur(22px);
}

#frame-69 .back-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.hp-container {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1279px) {
  .hp-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

[class^=hp-] .btn-2sm {
  min-height: 40px;
}

.hp-quick-links {
  background: #000;
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 9;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hp-quick-links::-webkit-scrollbar {
  display: none;
}
.hp-quick-links .quick-links {
  font-size: 16px;
  font-weight: 600;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1279px) {
  .hp-quick-links .quick-links {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .hp-quick-links .quick-links {
    display: flex;
    justify-content: space-around;
    gap: 64px;
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .hp-quick-links .quick-links {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .hp-quick-links .quick-links li {
    display: inline-block;
    margin-right: 64px;
  }
}
.hp-quick-links .quick-links a {
  color: #fff;
  text-decoration: none;
  padding: 22px 0;
  display: block;
  position: relative;
  white-space: nowrap;
}
.hp-quick-links .quick-links a:hover:after, .hp-quick-links .quick-links a.active:after {
  opacity: 1;
}
.hp-quick-links .quick-links a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #fff;
  transform: all 0.25s ease;
  opacity: 0;
}

.hp-future-work {
  padding: 32px 0;
}
@media (max-width: 1023px) {
  .hp-future-work {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .hp-future-work .container-lg {
    padding: 0;
  }
}
.hp-future-work .hp-container {
  max-width: 1440px;
  padding: 0 32px;
}
@media (max-width: 1023px) {
  .hp-future-work .hp-container {
    padding: 0;
  }
}
.hp-future-work .inner-wrap {
  background: linear-gradient(to top right, #FFFFFF 17%, #87AAB5 98%);
  background: linear-gradient(49.99deg, #FFFFFF 25.32%, #7099A6 112.7%);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 117px 0 0 4.3%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  .hp-future-work .inner-wrap {
    border-radius: 0;
    padding: 508px 24px 40px;
  }
}
@media (max-width: 767px) {
  .hp-future-work .inner-wrap {
    padding: 95vw 24px 40px;
  }
}
@media (max-width: 549px) {
  .hp-future-work .inner-wrap {
    padding: 100vw 24px 40px;
  }
}
@media (max-width: 419px) {
  .hp-future-work .inner-wrap {
    padding: 104vw 24px 40px;
  }
}
.hp-future-work .txt-col {
  width: 43.5%;
  padding-bottom: 40px;
  padding-right: 15px;
}
@media (max-width: 1023px) {
  .hp-future-work .txt-col {
    width: 100%;
    padding-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .hp-future-work .txt-col {
    font-size: 18px;
    line-height: 1.444;
  }
}
.hp-future-work .txt-col p {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .hp-future-work .txt-col p {
    margin-bottom: 25px;
  }
}
.hp-future-work .txt-col > .img {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .hp-future-work .txt-col > .img {
    position: absolute;
    top: 20px;
  }
  .hp-future-work .txt-col > .img svg {
    max-width: 100%;
  }
}
.hp-future-work .img-col {
  width: 56.5%;
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .hp-future-work .img-col {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 128px;
  }
}
@media (max-width: 767px) {
  .hp-future-work .img-col {
    right: 37px;
    left: auto;
    transform: none;
    top: 140px;
  }
}
@media (max-width: 494px) {
  .hp-future-work .img-col {
    top: 128px;
  }
}
.hp-future-work .img-col .frame {
  width: 970px;
}
@media (max-width: 1279px) {
  .hp-future-work .img-col .frame {
    width: 800px;
  }
}
@media (max-width: 1023px) {
  .hp-future-work .img-col .frame {
    width: 519px;
  }
}
.hp-future-work .data-card {
  margin-bottom: 70px;
  margin-left: -15px;
  position: relative;
}
@media (max-width: 1023px) {
  .hp-future-work .data-card {
    position: absolute;
    top: 46px;
    left: 50%;
    transform: translateX(-46%);
  }
}
.hp-future-work .data-card .frame {
  width: 695px;
}
@media (max-width: 1279px) {
  .hp-future-work .data-card .frame {
    width: 600px;
  }
}
@media (max-width: 1023px) {
  .hp-future-work .data-card .frame {
    width: 421px;
  }
}
.hp-future-work h2 {
  font-size: 64px;
  line-height: 1.031;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: -1px;
}
@media (max-width: 1279px) {
  .hp-future-work h2 {
    font-size: 48px;
  }
}
@media (max-width: 1023px) {
  .hp-future-work h2 {
    margin-bottom: 32px;
  }
}
.hp-future-work h2 span,
.hp-future-work h2 #word {
  color: #7099A6;
  display: inline-block;
}
.hp-future-work h2 .blink-block {
  display: inline-block;
  min-width: 200px;
}
@media (max-width: 1279px) {
  .hp-future-work h2 .blink-block {
    height: 42px;
  }
}

.collaboration.v2 {
  background: #fff;
  color: #212121;
  padding: 74px 0;
}
@media (max-width: 767px) {
  .collaboration.v2 {
    padding: 74px 0 0;
  }
}
.collaboration.v2 h2 {
  color: #212121;
  margin-bottom: 24px;
  text-align: center;
}
@media (max-width: 1023px) {
  .collaboration.v2 h2 {
    margin-bottom: 0;
  }
}
.collaboration.v2 h2 span {
  color: #7099A6;
}
.collaboration.v2 .logos-wrap {
  padding: 0;
}
.collaboration.v2 .logos {
  gap: 106px;
}
@media (max-width: 767px) {
  .collaboration.v2 .logos {
    gap: 32px;
  }
}
.collaboration.v2 .logos li {
  width: 199px;
  height: 199px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .collaboration.v2 .logos li {
    width: 162px;
    height: 162px;
  }
}
@media (max-width: 767px) {
  .collaboration.v2 .logos li {
    height: auto;
    margin-top: 50px;
  }
}

.hp-platform-tour {
  padding: 32px 0;
  background: #FAFAFA;
}
@media (max-width: 767px) {
  .hp-platform-tour {
    padding: 32px 0 85px;
  }
}
.hp-platform-tour .hp-container {
  max-width: 1440px;
  padding: 0 32px;
}
@media (max-width: 1023px) {
  .hp-platform-tour .hp-container {
    padding: 0 24px;
  }
}
.hp-platform-tour .row {
  margin: 0;
  border-radius: 0 12px 0 0;
  overflow: hidden;
  align-items: center;
}
@media (max-width: 767px) {
  .hp-platform-tour .row {
    flex-direction: column-reverse;
  }
}
.hp-platform-tour .col-txt {
  width: 41%;
}
@media (max-width: 767px) {
  .hp-platform-tour .col-txt {
    width: 100%;
    padding: 0;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .hp-platform-tour .inner-wrap {
    max-width: 474px;
  }
}
.hp-platform-tour h2 {
  font-size: 64px;
  letter-spacing: -1px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .hp-platform-tour h2 {
    font-size: 48px;
    margin-bottom: 30px;
  }
}
.hp-platform-tour .col-img {
  flex: 1;
  height: 778px;
  position: relative;
}
@media (max-width: 767px) {
  .hp-platform-tour .col-img {
    height: 500px;
    flex: initial;
    width: 100%;
    margin-bottom: 30px;
  }
}
.hp-platform-tour .col-img:after {
  content: "";
  width: 100px;
  height: 321px;
  background: #FAFAFA;
  position: absolute;
  left: -65px;
  top: -53px;
  transform: rotate(20deg);
  pointer-events: none;
}
@media (min-width: 768px) {
  .hp-platform-tour .col-img:after {
    display: none;
  }
}
.hp-platform-tour .play-link {
  text-decoration: none;
  position: absolute;
  bottom: 33px;
  right: 57px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
  gap: 17px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .hp-platform-tour .play-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    right: auto;
  }
}
.hp-platform-tour .play-link .icon-play-2 {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 100px;
  font-size: 16px;
  color: #fff;
  padding: 1px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hp-platform-tour .button-group {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  padding-top: 5px;
}
.hp-platform-tour .button-group .btn-wrap {
  padding: 5px;
}
@media (max-width: 767px) {
  .hp-platform-tour .button-group .btn-wrap {
    width: 50%;
  }
}
.hp-platform-tour .button-group .btn {
  width: 100%;
}

.clipped-image-container {
  height: 100%;
  -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(35% 0, 100% 0, 100% 100%, 0% 100%);
  background-color: #0d1a3b;
}
@media (max-width: 767px) {
  .clipped-image-container {
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.clipped-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.hp-slider-section {
  position: relative;
  overflow: clip;
}
@media (max-width: 767px) {
  .hp-slider-section {
    padding: 60px 0 32px;
  }
}
@media (min-width: 1024px) {
  .hp-slider-section.hp-dex .row {
    flex-direction: row-reverse;
  }
}
.hp-slider-section.hp-dex h2 {
  font-weight: 500;
}
@media screen and (min-width: 768px) and (min-height: 760px) {
  .hp-slider-section.hp-dex .txt-col {
    width: 41%;
  }
}
.hp-slider-section.hp-dex .slider-col {
  min-height: 970px;
}
@media (max-width: 1023px) {
  .hp-slider-section.hp-dex .slider-col {
    min-height: 800px;
  }
}
@media (max-width: 767px) {
  .hp-slider-section.hp-dex .slider-col {
    min-height: 475px;
  }
}
.hp-slider-section.hp-dex .decor {
  left: 0;
  margin-bottom: -466px;
}
@media (max-width: 1279px) {
  .hp-slider-section.hp-dex .decor {
    margin-bottom: -300px;
  }
}
@media (max-width: 767px) {
  .hp-slider-section.hp-dex .decor {
    margin-bottom: -35px;
    left: auto;
    right: -158px;
  }
}
.hp-slider-section .row {
  margin: 0 -32px;
}
@media (max-width: 1023px) {
  .hp-slider-section .row {
    margin: 0 -16px;
  }
}
.hp-slider-section .txt-col {
  width: 50%;
  padding: 0 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .hp-slider-section .txt-col {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .hp-slider-section .txt-col {
    width: 100%;
  }
}
.hp-slider-section .txt-col p {
  margin-bottom: 33px;
}
.hp-slider-section .slider-col {
  flex: 1;
  padding: 0 32px;
  min-height: var(--vh);
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .hp-slider-section .slider-col {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .hp-slider-section .slider-col {
    min-height: 475px;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .hp-slider-section .slider-col {
    flex: initial;
    width: 100%;
  }
}
.hp-slider-section .thumb-card {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #C2C3DE;
  box-shadow: 0px 97px 47.4px -59px rgba(102, 102, 102, 0.39);
}
.hp-slider-section .thumb-card .desc {
  background: #FAFAFA;
  padding: 17px 32px 25px;
  font-size: 18px;
}
@media (max-width: 1023px) {
  .hp-slider-section .thumb-card .desc {
    font-size: 12px;
    padding: 13px 19px 20px;
  }
}
.hp-slider-section .thumb-card h3 {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 11px;
}
@media (max-width: 1023px) {
  .hp-slider-section .thumb-card h3 {
    font-size: 22px;
  }
}
.hp-slider-section .thumb-card p {
  margin-bottom: 0;
}
.hp-slider-section h2 {
  font-size: 56px;
  font-weight: 400;
  margin-bottom: 40px;
  letter-spacing: -1px;
}
@media (max-width: 1023px) {
  .hp-slider-section h2 {
    font-size: 40px;
  }
}
.hp-slider-section .inner-wrap {
  padding: 60px 0;
  position: relative;
}
@media (max-width: 1023px) {
  .hp-slider-section .inner-wrap {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .hp-slider-section .inner-wrap {
    position: static;
  }
}
.hp-slider-section .decor {
  width: 181px;
  height: 1000px;
  background: #024AD8;
  transform: skewX(-20deg);
  position: absolute;
  left: 183px;
  bottom: 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .hp-slider-section .decor {
    margin-bottom: -35px;
    left: auto;
    right: -158px;
  }
}
.hp-slider-section .decor.type-2 {
  height: 600px;
  bottom: -47px;
  right: -114px;
  left: auto;
  margin: 0;
}
@media (max-width: 1279px) {
  .hp-slider-section .decor.type-2 {
    right: -200px;
  }
}
@media (max-width: 767px) {
  .hp-slider-section .decor.type-2 {
    display: none;
  }
}
.hp-slider-section:not(.hp-dex) .decor:not(.type-2) {
  display: none;
}

.hp-counter {
  padding: 174px 0 123px;
}
@media (max-width: 1279px) {
  .hp-counter {
    padding: 120px 0 100px;
  }
}
@media (max-width: 767px) {
  .hp-counter {
    padding: 57px 0;
  }
}
.hp-counter .row {
  margin: 0 -30px;
}
@media (max-width: 1023px) {
  .hp-counter .row {
    margin: 0 -15px;
  }
}
@media (max-width: 767px) {
  .hp-counter .row {
    gap: 75px;
  }
}
.hp-counter .col {
  padding: 0 30px;
  width: 33.333%;
}
@media (max-width: 1023px) {
  .hp-counter .col {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .hp-counter .col {
    width: 100%;
  }
}
.hp-counter .counter-wrap {
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .hp-counter .counter-wrap {
    margin-bottom: 10px;
  }
}
.hp-counter .counter-wrap svg {
  width: 100%;
  height: auto;
}
.hp-counter .inner-wrap {
  height: 100%;
  position: relative;
  padding-bottom: 64px;
}
@media (max-width: 767px) {
  .hp-counter .inner-wrap {
    max-width: 365px;
    margin: 0 auto;
    padding-bottom: 0;
  }
}
.hp-counter .count {
  line-height: 1;
  color: #212121;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: clamp(2.8125rem, 0.8839rem + 4.0179vw, 4.5rem);
}
@media (max-width: 767px) {
  .hp-counter .count {
    font-size: clamp(3.4375rem, 0.6042rem + 14.1667vw, 4.5rem);
  }
}
@media (min-width: 768px) {
  .hp-counter .logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.hp-home-video {
  position: relative;
}
.hp-home-video:has(.playing, .pause) .hp-container {
  display: none;
}
.hp-home-video:has(.playing, .pause) video {
  -o-object-fit: contain;
     object-fit: contain;
}
.hp-home-video .hp-container {
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 767px) {
  .hp-home-video .hp-container {
    flex-direction: column;
    text-align: center;
    gap: 12px;
    align-items: flex-start;
  }
}
.hp-home-video .video-container:hover .video-control.playing .pause {
  display: flex !important;
}
.hp-home-video .icon-play-2 {
  width: 68px;
  height: 68px;
  border: 2px solid #fff;
  border-radius: 100px;
  font-size: 27px;
  color: #fff;
  padding: 1px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hp-home-video h2 {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -1px;
  margin-bottom: 0;
  color: #fff;
  max-width: 450px;
  text-align: left;
}
@media (max-width: 767px) {
  .hp-home-video h2 {
    font-size: 36px;
  }
}
.hp-home-video h2 span {
  color: #FF5050;
}
.hp-home-video .info {
  max-width: 694px;
  margin-bottom: 41px;
}
@media (max-width: 767px) {
  .hp-home-video .info {
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .hp-home-video .info .btn {
    width: 100%;
    background: #024AD8;
  }
}
.hp-home-video .video-container {
  max-width: none;
  background: #001336;
  padding-top: 0;
  box-shadow: none;
  border-radius: 0;
  height: 720px;
}
@media (max-width: 767px) {
  .hp-home-video .video-container {
    height: 558px;
  }
}
.hp-home-video .button-wrap {
  display: flex;
  justify-content: center;
  padding: 34px 0 80px;
}
.hp-home-video .btn-blue {
  background: #444CE7;
  min-height: 48px;
}
.hp-home-video.style--01 {
  background: #F9FAFB;
  padding: 0;
}
.hp-home-video .video-control.controls-mobile {
  display: flex;
}

.hp-signup-section {
  background: #fff;
}
.hp-signup-section.new-form-style .col-form {
  padding: 32px 0 32px 24px;
}
.hp-signup-section.new-form-style .col-form iframe {
  height: 700px;
}
.hp-signup-section.new-form-style .col-img {
  transform: translateX(45px);
  height: 900px;
}
@media (max-width: 767px) {
  .hp-signup-section.new-form-style .col-img {
    transform: none;
    height: 400px;
  }
}
.hp-signup-section .row {
  margin: 0;
  overflow: hidden;
  align-items: center;
}
@media (max-width: 767px) {
  .hp-signup-section .row {
    flex-direction: column-reverse;
  }
}
.hp-signup-section .col-form {
  width: 50%;
  padding-left: 24px;
}
@media (max-width: 767px) {
  .hp-signup-section .col-form {
    width: 100%;
    padding: 0;
    font-size: 18px;
  }
}
.hp-signup-section .col-form iframe {
  height: 400px;
}
@media (max-width: 1023px) {
  .hp-signup-section .col-form iframe {
    height: 480px;
  }
}
@media (min-width: 768px) {
  .hp-signup-section .inner-wrap {
    max-width: 612px;
    margin-left: auto;
  }
}
@media (min-width: 1280px) {
  .hp-signup-section .inner-wrap {
    padding-right: 50px;
  }
}
.hp-signup-section h2 {
  font-size: 64px;
  letter-spacing: -1px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .hp-signup-section h2 {
    font-size: 48px;
    margin-bottom: 30px;
  }
}
.hp-signup-section .col-img {
  flex: 1;
  height: 745px;
  position: relative;
}
@media (max-width: 767px) {
  .hp-signup-section .col-img {
    height: 400px;
    flex: initial;
    width: 100%;
    margin-bottom: 30px;
    transform: none;
  }
}
@media (min-width: 768px) {
  .hp-signup-section .clipped-image-container {
    -webkit-clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.hp-signup-section .play-link {
  text-decoration: none;
  position: absolute;
  bottom: 33px;
  right: 57px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
  gap: 17px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .hp-signup-section .play-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    right: auto;
  }
}
.hp-signup-section .play-link .icon-play-2 {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 100px;
  font-size: 16px;
  color: #fff;
  padding: 1px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hp-signup-section .button-group {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  padding-top: 5px;
}
.hp-signup-section .button-group .btn-wrap {
  padding: 5px;
}
@media (max-width: 767px) {
  .hp-signup-section .button-group .btn-wrap {
    width: 50%;
  }
}
.hp-signup-section .button-group .btn {
  width: 100%;
}

.hp-faq {
  background: #eaecf0;
  padding: 120px 0;
}
@media (max-width: 1023px) {
  .hp-faq {
    padding: 90px 0;
  }
}
@media (max-width: 767px) {
  .hp-faq {
    padding: 60px 0;
  }
}
.hp-faq.no-top-space {
  padding-top: 0;
}
@media (max-width: 1023px) {
  .hp-faq.no-top-space {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .hp-faq.no-top-space {
    padding-top: 0;
  }
}
.hp-faq .hp-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1300px;
  width: 100%;
  gap: 50px;
}
@media (max-width: 1023px) {
  .hp-faq .hp-container {
    display: block;
  }
}
.hp-faq .heading {
  width: 366px;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
}
@media (max-width: 1023px) {
  .hp-faq .heading {
    width: auto;
    margin-bottom: 64px;
  }
}
.hp-faq .heading h2 {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .hp-faq .heading h2 {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 24px;
  }
}
.hp-faq .hp-accordion-col {
  flex: 1;
}
@media (max-width: 767px) {
  .hp-faq .hp-faq-accordion {
    margin: 0 -20px;
  }
}
.hp-faq .hp-faq-accordion li {
  transition: all 0.3s ease-in-out;
  padding: 25px 73px 25px 25px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hp-faq .hp-faq-accordion li {
    padding: 20px 64px 20px 20px;
    border-radius: 0;
  }
}
.hp-faq .hp-faq-accordion li.active-parent {
  background: rgba(255, 255, 255, 0.5);
}
.hp-faq .hp-faq-accordion li ul {
  padding-left: 24px;
  list-style: disc;
}
.hp-faq .hp-faq-accordion li ul li {
  overflow: visible;
  padding: 10px 10px 10px 0px;
}
.hp-faq .hp-faq-accordion li .faq-opener {
  display: block;
  text-decoration: none;
  font-size: 24px;
  line-height: 1.5;
  color: #212121;
}
.hp-faq .hp-faq-accordion li .faq-opener.active {
  font-size: 28px;
}
.hp-faq .hp-faq-accordion li .faq-opener.active .faq-trigger:after {
  opacity: 0;
}
.hp-faq .hp-faq-accordion li .faq-opener .faq-trigger {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 25px;
  right: 25px;
}
.hp-faq .hp-faq-accordion li .faq-opener .faq-trigger:before, .hp-faq .hp-faq-accordion li .faq-opener .faq-trigger:after {
  content: "";
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  width: 16px;
  background: #000;
  border-radius: 2px;
}
.hp-faq .hp-faq-accordion li .faq-opener .faq-trigger:after {
  height: 16px;
  width: 2px;
}
.hp-faq .hp-faq-accordion li .faq-slide {
  font-size: 18px;
  line-height: 1.667;
  color: #000;
  padding-top: 12px;
}
.hp-faq .hp-faq-accordion li .faq-slide p {
  margin: 0;
}
.hp-faq .hp-faq-accordion li .faq-slide p + p {
  margin-top: 1rem;
}

.hp-wxp-cta {
  padding: 80px 0;
}
@media (max-width: 767px) {
  .hp-wxp-cta {
    padding: 60px 0;
  }
}
.hp-wxp-cta.style-2 .container-lg {
  max-width: 1328px;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 767px) {
  .hp-wxp-cta.style-2 .container-lg img {
    max-width: 80%;
  }
}
.hp-wxp-cta.style-2 .cta-box {
  background: #F4F4F4;
  padding: 48px 64px 52px;
}
@media (max-width: 1023px) {
  .hp-wxp-cta.style-2 .cta-box {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .hp-wxp-cta.style-2 .cta-box {
    padding: 27px 20px 31px;
  }
}
@media (min-width: 1024px) {
  .hp-wxp-cta.style-2 .holder {
    max-width: 480px;
  }
}
@media (min-width: 1280px) {
  .hp-wxp-cta.style-2 .holder {
    max-width: 600px;
  }
}
.hp-wxp-cta.style-2 .img {
  z-index: 1;
  width: 548px;
  right: -64px;
  top: 25px;
  transform: none;
}
@media (max-width: 1023px) {
  .hp-wxp-cta.style-2 .img {
    width: 461px;
  }
}
@media (max-width: 767px) {
  .hp-wxp-cta.style-2 .img {
    left: auto;
    right: auto;
    margin: 0 -51px 53px;
  }
}
.hp-wxp-cta.style-2 .img:after {
  content: "";
  width: 290px;
  height: 1000px;
  background: #024AD8;
  transform: skewX(-20deg);
  position: absolute;
  right: -62px;
  bottom: 174px;
  z-index: -1;
}
@media (max-width: 1023px) {
  .hp-wxp-cta.style-2 .img:after {
    right: -100px;
    bottom: 124px;
  }
}
.hp-wxp-cta.style-2 h2 {
  font-weight: 400;
  letter-spacing: -1px;
}
@media (min-width: 1280px) {
  .hp-wxp-cta.style-2 h2 {
    font-size: 48px;
    margin-bottom: 6px;
  }
}
.hp-wxp-cta.style-2 p {
  max-width: 365px;
  margin-bottom: 0;
}
.hp-wxp-cta.style-2 p + P {
  margin-top: 20px;
}
.hp-wxp-cta.style-2 .btn {
  margin-top: 28px;
}
@media (max-width: 767px) {
  .hp-wxp-cta.style-2 .btn {
    width: 100%;
    margin-top: 25px;
  }
}
.hp-wxp-cta .cta-box {
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(152, 152, 152) 100%);
  padding: 32px 64px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 1.25;
  color: #000;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .hp-wxp-cta .cta-box {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .hp-wxp-cta .cta-box {
    padding: 0 20px 32px;
  }
}
.hp-wxp-cta .holder {
  max-width: 456px;
}
@media (max-width: 1023px) {
  .hp-wxp-cta .holder {
    max-width: 380px;
  }
}
@media (max-width: 767px) {
  .hp-wxp-cta .holder {
    max-width: none;
  }
}
.hp-wxp-cta h2 {
  font-size: 40px;
  line-height: 1.12;
  font-weight: 500;
  margin-bottom: 14px;
}
.hp-wxp-cta h2 span {
  color: #7099a6;
}
.hp-wxp-cta p {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .hp-wxp-cta p {
    margin-bottom: 26px;
  }
}
.hp-wxp-cta .btn {
  min-height: 40px;
  padding: 6px 16px 4px;
}
.hp-wxp-cta .img {
  width: 660px;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -147px;
}
@media (max-width: 1279px) {
  .hp-wxp-cta .img {
    width: 540px;
  }
}
@media (max-width: 1023px) {
  .hp-wxp-cta .img {
    width: 464px;
  }
}
@media (max-width: 767px) {
  .hp-wxp-cta .img {
    width: 540px;
    margin: 0 auto 10px;
    position: relative;
    left: -30px;
    transform: none;
  }
}
@media (max-width: 489px) {
  .hp-wxp-cta .img {
    width: calc(100% + 61px);
  }
}

.hp-ai-native {
  background: #000;
  padding: 120px 0 0;
  color: #fff;
}
@media (max-width: 1023px) {
  .hp-ai-native {
    padding: 80px 0 60px;
  }
}
@media (max-width: 1023px) {
  .hp-ai-native {
    padding: 60px 0;
  }
}
.hp-ai-native .header {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  gap: 0 50px;
  margin-bottom: 77px;
}
@media (max-width: 1023px) {
  .hp-ai-native .header {
    display: block;
    margin-bottom: 34px;
  }
}
.hp-ai-native .header h2 {
  color: #fff;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 1023px) {
  .hp-ai-native .header h2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .hp-ai-native .header h2 {
    font-size: 48px;
    margin-bottom: 30px;
  }
}
.hp-ai-native .header .heading-content {
  max-width: 546px;
  padding-top: 27px;
}
@media (max-width: 1023px) {
  .hp-ai-native .header .heading-content {
    padding-top: 0;
    max-width: none;
  }
}
.hp-ai-native .header .heading-content p {
  margin: 0;
}
.hp-ai-native .header .heading-content p + p {
  margin-top: 1rem;
}
.hp-ai-native .content {
  position: relative;
}
.hp-ai-native .content > .hp-container {
  position: relative;
  z-index: 2;
}
@media (max-width: 1279px) {
  .hp-ai-native .content > .hp-container {
    max-width: 1024px;
    margin: 0 auto;
  }
}
.hp-ai-native h3 {
  font-size: 40px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  margin-bottom: 36px;
}
.hp-ai-native h3 sup {
  font-size: 46%;
  top: -14px;
}
.hp-ai-native .info-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .hp-ai-native .info-row {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.hp-ai-native .info-col-l {
  width: 48.3%;
  margin-top: 54px;
}
@media (max-width: 1023px) {
  .hp-ai-native .info-col-l {
    width: 100%;
    margin: 0;
  }
}
.hp-ai-native .info-box {
  background: #090909;
  border: 1px solid rgba(234, 236, 240, 0.25);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .hp-ai-native .info-box {
    padding: 20px 16px;
  }
}
@media (max-width: 767px) {
  .hp-ai-native .info-box {
    padding: 24px;
  }
}
.hp-ai-native .info-box:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  background: url("../../images/home-redesign/bg-box.png") no-repeat 0 0/cover;
  z-index: 1;
}
.hp-ai-native .info-box > * {
  position: relative;
  z-index: 2;
}
.hp-ai-native .info-box .title {
  display: block;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 29px;
}
@media (max-width: 767px) {
  .hp-ai-native .info-box .title {
    padding: 0 20px;
    margin-bottom: 27px;
  }
}
.hp-ai-native .info-box .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 23px;
}
@media (max-width: 1279px) {
  .hp-ai-native .info-box .list {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .hp-ai-native .info-box .list {
    display: block;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .hp-ai-native .info-box .list li + li {
    margin-top: 8px;
  }
}
.hp-ai-native .info-box .list li span {
  display: block;
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  padding: 7px 6px 9px;
  text-align: center;
  border-radius: 25px;
}
.hp-ai-native .roots {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .hp-ai-native .roots {
    display: none;
  }
}
.hp-ai-native .roots .root-left {
  margin-left: 44px;
}
.hp-ai-native .roots .root-right {
  margin-right: -78px;
}
.hp-ai-native .root {
  width: 22.7%;
  margin-top: 68px;
}
@media (max-width: 1023px) {
  .hp-ai-native .root {
    display: none;
  }
}
.hp-ai-native .connector {
  text-align: center;
}
@media (min-width: 1024px) {
  .hp-ai-native .connector {
    display: none;
  }
}
.hp-ai-native .connector img {
  display: inline-block;
  vertical-align: top;
}
.hp-ai-native .info-col-r {
  width: 32%;
  position: relative;
}
@media (min-width: 1281px) {
  .hp-ai-native .info-col-r {
    margin-right: -37px;
  }
}
@media (max-width: 1280px) {
  .hp-ai-native .info-col-r {
    width: 29%;
  }
}
@media (max-width: 1023px) {
  .hp-ai-native .info-col-r {
    width: 100%;
  }
}
.hp-ai-native .info-col-r .info-boxes {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
@media (max-width: 1023px) {
  .hp-ai-native .info-col-r .info-boxes {
    gap: 12px;
  }
}
.hp-ai-native .info-col-r .info-boxes .box {
  border: 1px solid #8d91f5;
  padding: 24px;
  border-radius: 12px;
  background: rgba(9, 9, 9, 0.1);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  font-size: 18px;
  line-height: 1.222;
  color: #fff;
  min-height: 142px;
  letter-spacing: -0.1px;
}
@media (max-width: 1279px) {
  .hp-ai-native .info-col-r .info-boxes .box {
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .hp-ai-native .info-col-r .info-boxes .box {
    min-height: 1px;
  }
}
@media (max-width: 767px) {
  .hp-ai-native .info-col-r .info-boxes .box {
    min-height: 136px;
  }
}
@media (max-width: 1023px) {
  .hp-ai-native .info-col-r .info-boxes .box + .box:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 13px;
    bottom: 100%;
    margin-bottom: 1px;
    background: #fff;
  }
}
.hp-ai-native .info-col-r .info-boxes .box .title {
  display: block;
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 19px;
}
@media (max-width: 1279px) {
  .hp-ai-native .info-col-r .info-boxes .box .title {
    margin-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .hp-ai-native .info-col-r .info-boxes .box .title {
    margin-bottom: 18px;
  }
}
.hp-ai-native .info-col-r .info-boxes .box p {
  margin: 0;
}
.hp-ai-native .info-col-r .info-boxes .box p + p {
  margin-top: 1rem;
}
.hp-ai-native .earth-img {
  width: 100%;
  margin-top: -371px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .hp-ai-native .earth-img {
    height: 600px;
  }
}
@media (min-width: 1280px) {
  .hp-ai-native .earth-img {
    height: 645px;
  }
}
@media (max-width: 1023px) {
  .hp-ai-native .earth-img {
    margin-top: -320px;
  }
}
@media (max-width: 439px) {
  .hp-ai-native .earth-img {
    margin-top: -240px;
  }
}
@media (min-width: 1024px) {
  .hp-ai-native .earth-img img {
    width: 1440px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    max-width: none;
  }
}
@media (max-width: 1279px) {
  .hp-ai-native .earth-img img {
    width: 1300px;
    top: 14px;
  }
}
.hp-ai-native .data-box-row {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 47px;
  border-radius: 12px;
  overflow: hidden;
  z-index: 3;
}
@media (max-width: 767px) {
  .hp-ai-native .data-box-row {
    position: relative;
    bottom: auto;
    margin-top: -28px;
  }
}
.hp-ai-native .data-box-row .hp-container {
  max-width: 1392px;
}
.hp-ai-native .data-box-row .data-box {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  padding: 24px 24px 24px;
  border-radius: 12px;
  border: 1px solid rgba(234, 236, 240, 0.25);
}
@media (max-width: 767px) {
  .hp-ai-native .data-box-row .data-box {
    padding: 0 24px;
    display: block;
  }
}
.hp-ai-native .data-box-row .data-box .col {
  width: 33.33%;
  padding: 15px 42px 0;
}
@media (max-width: 1023px) {
  .hp-ai-native .data-box-row .data-box .col {
    padding: 15px 20px 0;
  }
}
.hp-ai-native .data-box-row .data-box .col:first-child {
  padding-left: 0;
}
.hp-ai-native .data-box-row .data-box .col:last-child {
  padding-right: 0;
}
@media (max-width: 767px) {
  .hp-ai-native .data-box-row .data-box .col {
    width: 100%;
    padding: 24px 0;
  }
}
.hp-ai-native .data-box-row .data-box .col + .col {
  border: solid #fff;
  border-width: 0 0 0 1px;
}
@media (max-width: 767px) {
  .hp-ai-native .data-box-row .data-box .col + .col {
    border-width: 1px 0 0;
  }
}
.hp-ai-native .data-box-row .data-box .num {
  display: block;
  font-size: 96px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 30px;
}
@media (max-width: 1279px) {
  .hp-ai-native .data-box-row .data-box .num {
    font-size: 72px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  .hp-ai-native .data-box-row .data-box .num {
    font-size: 50px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .hp-ai-native .data-box-row .data-box .num {
    font-size: 48px;
    margin-bottom: 27px;
  }
}
.hp-ai-native .data-box-row .data-box .txt {
  display: block;
  font-size: 32px;
  line-height: 1;
}
@media (max-width: 1279px) {
  .hp-ai-native .data-box-row .data-box .txt {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .hp-ai-native .data-box-row .data-box .txt {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .hp-ai-native .data-box-row .data-box .txt {
    font-size: 24px;
  }
}

.hp-integrations {
  background: #f4f4f4;
  padding: 120px 0 60px;
}
@media (max-width: 1023px) {
  .hp-integrations {
    padding: 80px 0 60px;
  }
}
@media (max-width: 767px) {
  .hp-integrations {
    padding: 60px 0 80px;
  }
}
.hp-integrations .header {
  min-height: 139px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 20px;
  font-size: 20px;
  line-height: 1.4;
  color: #000;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .hp-integrations .header {
    display: block;
    margin-bottom: 32px;
  }
}
.hp-integrations .header h2 {
  font-size: 58px;
  line-height: 1;
}
@media (max-width: 1023px) {
  .hp-integrations .header h2 {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .hp-integrations .header h2 {
    font-size: 48px;
    margin-bottom: 33px;
  }
}
.hp-integrations .header .txt {
  max-width: 308px;
  display: flex;
  align-items: flex-end;
}
.hp-integrations .header .txt p {
  margin: 0;
}
.hp-integrations .header .txt p + p {
  margin-top: 1rem;
}

.hp-product-slider {
  max-width: 1011px;
  margin: 0 auto 40px;
}
@media (max-width: 1279px) {
  .hp-product-slider {
    max-width: 860px;
  }
}
@media (max-width: 767px) {
  .hp-product-slider {
    margin-bottom: 30px;
  }
}
.hp-product-slider .swiper-slide {
  transition: all 0.3s ease-in-out;
  filter: blur(2px);
}
.hp-product-slider .swiper-slide.swiper-slide-active {
  filter: none;
}
.hp-product-slider .slide-content {
  padding: 16px;
  border-radius: 12px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767px) {
  .hp-product-slider .slide-content {
    display: block;
  }
}
.hp-product-slider .slide-content .slide-img {
  position: relative;
  width: 456px;
  height: 380px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1279px) {
  .hp-product-slider .slide-content .slide-img {
    width: 420px;
  }
}
@media (max-width: 1023px) {
  .hp-product-slider .slide-content .slide-img {
    width: 360px;
    height: 360px;
  }
}
@media (max-width: 767px) {
  .hp-product-slider .slide-content .slide-img {
    width: 100%;
    height: 271px;
    margin-bottom: 16px;
  }
}
.hp-product-slider .slide-content .slide-img picture {
  width: 100%;
  height: 100%;
}
.hp-product-slider .slide-content .slide-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hp-product-slider .slide-content .slide-img .slide-img-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
  width: 280px;
}
@media (max-width: 439px) {
  .hp-product-slider .slide-content .slide-img .slide-img-logo {
    width: 260px;
  }
}
@media (max-width: 374px) {
  .hp-product-slider .slide-content .slide-img .slide-img-logo {
    width: 175px;
  }
}
.hp-product-slider .slide-content .slide-img .slide-img-logo svg {
  width: 100%;
  height: auto;
}
.hp-product-slider .slide-content .slide-img .slide-img-logo svg path {
  fill: #fff;
}
.hp-product-slider .slide-content .slide-img .slide-img-logo img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7497%) hue-rotate(320deg) brightness(105%) contrast(101%);
}
.hp-product-slider .slide-content .slide-content-r {
  padding: 32px 16px;
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .hp-product-slider .slide-content .slide-content-r {
    padding: 20px 0 20px 10px;
  }
}
@media (max-width: 767px) {
  .hp-product-slider .slide-content .slide-content-r {
    flex: none;
    padding: 16px 0;
  }
}
.hp-product-slider .slide-content .slide-logo {
  margin-bottom: 10px;
}
.hp-product-slider .slide-content .slide-logo path {
  fill: #212121;
}
.hp-product-slider .slide-content .slide-logo img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(4%) saturate(21%) hue-rotate(348deg) brightness(93%) contrast(90%);
}
.hp-product-slider .slide-content .slide-txt {
  font-size: 24px;
  line-height: 1.333;
  color: #000;
  letter-spacing: -0.2px;
}
@media (max-width: 1023px) {
  .hp-product-slider .slide-content .slide-txt {
    font-size: 20px;
    line-height: 1.45;
  }
}
.hp-product-slider .slide-content .slide-txt p {
  margin: 0;
}
.hp-product-slider .slide-content .slide-txt p + p {
  margin-top: 1rem;
}

.hp-product-slider-thumbnail .swiper-slide {
  cursor: pointer;
  width: 16.66%;
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 1279px) {
  .hp-product-slider-thumbnail .swiper-slide {
    width: 20%;
  }
}
@media (max-width: 1023px) {
  .hp-product-slider-thumbnail .swiper-slide {
    height: 100px;
    width: 25%;
  }
}
@media (max-width: 767px) {
  .hp-product-slider-thumbnail .swiper-slide {
    height: 80px;
    width: 33.33%;
    padding: 20px 16px;
  }
}
@media (max-width: 559px) {
  .hp-product-slider-thumbnail .swiper-slide {
    width: 47%;
  }
}
@media (max-width: 767px) {
  .hp-product-slider-thumbnail .swiper-slide:first-child {
    padding-left: 0;
  }
}
.hp-product-slider-thumbnail .swiper-slide.swiper-slide-thumb-active .slide-logo svg path {
  fill: #212121;
}
.hp-product-slider-thumbnail .swiper-slide.swiper-slide-thumb-active .slide-logo img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(4%) saturate(21%) hue-rotate(348deg) brightness(93%) contrast(90%);
}
.hp-product-slider-thumbnail .swiper-slide .slide-logo svg {
  width: 100%;
}
.hp-product-slider-thumbnail .swiper-slide .slide-logo svg path {
  transition: all 0.3s ease-in-out;
  fill: #8a8a8a;
}
.hp-product-slider-thumbnail .swiper-slide .slide-logo img {
  transition: all 0.3s ease-in-out;
  filter: brightness(0) saturate(100%) invert(59%) sepia(0%) saturate(1432%) hue-rotate(144deg) brightness(92%) contrast(94%);
}

[data-component-wxp-slider] {
  height: calc(100vh * var(--total-slides, 1));
}

[data-component-wxp-slider--slides] {
  position: relative;
  aspect-ratio: 568/600;
  width: min(100%, 70vh);
  margin: 0 auto;
}
[data-component-wxp-slider--slides] .thumb-card {
  position: absolute;
  background: #F0F3F5;
}
[data-component-wxp-slider--slides] .thumb-card img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 566/424;
}
[data-component-wxp-slider--slides] .thumb-card .lottie {
  position: relative;
  width: 100%;
  aspect-ratio: 566/424;
}
[data-component-wxp-slider--slides] .thumb-card .wxp-slider-custom-lottie {
  position: relative;
  width: 100%;
  height: 100%;
}
[data-component-wxp-slider--slides] .desc {
  aspect-ratio: 586/154;
}

[data-component-wxp-slider--container] {
  position: sticky;
  top: var(--wxp-slider-sticky-top, 0px);
}

#ai-native-root-ai {
  position: absolute;
  display: block;
  top: 16px;
  left: 25px;
}

.root-ai {
  position: relative;
}

.signup-section h2.heading-form,
.hp-signup-section h2.heading-form {
  font-size: 36px;
  line-height: 1.2223;
  color: #101828;
  font-weight: 700;
  margin-bottom: 0.5556em;
  margin-left: 14px;
}

.section-media {
  padding: 120px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #212121;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .section-media {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .section-media {
    padding: 64px 0;
  }
}
.section-media.has-laptop {
  font-size: 18px;
  line-height: 1.56;
}
.section-media.has-laptop .img {
  margin: 0 -182px -11% 31px;
}
@media (max-width: 1023px) {
  .section-media.has-laptop .img {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .section-media.has-laptop .img {
    margin: 0 -158px -11% -32px;
  }
}
.section-media.has-laptop .txt-wrap {
  padding-left: 0;
}
.section-media.has-laptop p + p {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .section-media.col-swap .container {
    flex-direction: row-reverse;
  }
}
.section-media.col-swap.has-laptop .img {
  margin: 0 31px -11% -182px;
}
@media (max-width: 1023px) {
  .section-media.col-swap.has-laptop .img {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .section-media.col-swap.has-laptop .img {
    margin: 0 -31px -11% -158px;
  }
}
.section-media.col-swap .img {
  margin: 0 31px 0 0;
}
@media (max-width: 767px) {
  .section-media.col-swap .img {
    margin: 0;
  }
}
.section-media.col-swap .txt-wrap {
  padding-right: 0;
  padding-left: 40px;
}
@media (max-width: 1279px) {
  .section-media.col-swap .txt-wrap {
    padding-left: 0;
  }
}
.section-media .container {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .section-media .container {
    flex-direction: column;
    gap: 72px;
  }
}
.section-media .img-wrap {
  width: 50%;
}
@media (max-width: 767px) {
  .section-media .img-wrap {
    width: 100%;
  }
}
.section-media .img {
  margin: 0 0 0 31px;
}
@media (max-width: 767px) {
  .section-media .img {
    margin: 0;
  }
}
.section-media .txt-wrap {
  width: 50%;
  padding-right: 40px;
}
@media (max-width: 1279px) {
  .section-media .txt-wrap {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .section-media .txt-wrap {
    width: 100%;
  }
}
.section-media .subtitle {
  display: block;
  text-transform: uppercase;
  color: #4D52E5;
  margin-bottom: 6px;
  letter-spacing: 0.4px;
}
.section-media h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: 0.014em;
  margin-bottom: 25px;
  color: #212121;
}
@media (max-width: 1023px) {
  .section-media h2 {
    font-size: 40px;
  }
}
.section-media h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 16px;
  color: #212121;
}
.section-media p {
  margin: 0;
}
.section-media p + p {
  margin-top: 16px;
}
.section-media p + h2 {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .section-media p br {
    display: none;
  }
}
.section-media ul {
  font-size: 18px;
  line-height: 1.444;
  letter-spacing: -0.3px;
  margin-top: 25px;
  color: #1A1A1A;
}
.section-media ul + p {
  margin-top: 25px;
}
.section-media ul li {
  padding-left: 36px;
  position: relative;
}
.section-media ul li + li {
  margin-top: 25px;
}
.section-media ul li:before {
  content: "\E90D";
  font: 12px/1 icomoon;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1px;
  left: 0;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-media ul li strong:has(+ br) {
  display: inline-block;
  margin-bottom: 5px;
  margin-top: -3px;
  font-size: 24px;
}
.section-media .btn {
  min-width: 154px;
  min-height: 40px;
  margin-top: 25px;
}

.wxp-customer {
  padding: 121px 0;
  background: #F4F4F4;
  color: #000;
}
@media (max-width: 767px) {
  .wxp-customer {
    padding: 66px 0;
  }
}
.wxp-customer .header {
  font-size: 18px;
  margin-bottom: 65px;
  max-width: 650px;
  color: #000;
}
.wxp-customer .header p {
  margin-bottom: 0;
  max-width: 434px;
}
.wxp-customer .header p + p {
  margin-top: 20px;
}
.wxp-customer h3 {
  margin-bottom: 14px;
  font-size: 58px;
  line-height: 1.2;
}
@media (max-width: 1279px) {
  .wxp-customer h3 {
    font-size: 48px;
  }
}
@media (max-width: 1279px) {
  .wxp-customer h3 {
    font-size: 40px;
    margin-bottom: 11px;
  }
}
.wxp-customer h4 {
  line-height: 1.2;
  font-size: 36px;
  font-weight: 400;
}
@media (max-width: 1279px) {
  .wxp-customer h4 {
    font-size: 32px;
  }
}
.wxp-customer .row {
  margin: -8px;
}
.wxp-customer .row [class^=col-] {
  padding: 8px;
}
.wxp-customer .row .img {
  height: auto;
  border-radius: 0;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .wxp-customer .row .img {
    margin-bottom: 18px;
  }
}
.wxp-customer .row .img img {
  height: auto;
  width: auto;
}
.wxp-customer .row .content {
  border-radius: 12px;
  padding: 24px;
  min-height: 356px;
  width: 100%;
  gap: 30px 0;
  border: none;
  background: #fff;
  display: flex;
  flex-direction: column;
  color: #212121;
}
@media (max-width: 1023px) {
  .wxp-customer .row .content {
    min-height: 301px;
  }
}
.wxp-customer .row .text-wrap {
  flex: 1;
  flex-direction: column;
}
.wxp-customer .btn {
  min-height: 40px;
  min-width: 148px;
}
@media (max-width: 767px) {
  .wxp-customer .btn {
    width: 100%;
  }
}

.collaboration.vendor-support {
  background: #fff;
  color: #212121;
  padding: 50px 0;
}
.collaboration.vendor-support h2 {
  color: #212121;
  margin-bottom: 45px;
  text-align: center;
  font-size: 36px;
}
@media (max-width: 767px) {
  .collaboration.vendor-support h2 {
    font-size: 32px;
  }
}
.collaboration.vendor-support .logos-wrap {
  padding: 0;
}
.collaboration.vendor-support .logos-wrap .logos {
  gap: 100px;
}
@media (max-width: 1023px) {
  .collaboration.vendor-support .logos-wrap .logos {
    gap: 80px;
  }
}
@media (max-width: 767px) {
  .collaboration.vendor-support .logos-wrap .logos {
    gap: 32px;
  }
}
.collaboration.vendor-support .logos-wrap .logos li img {
  transform: none;
}

.home-hero.home-inner {
  background: #fff;
  min-height: calc(var(--vh) - 500px);
}
@media (max-width: 767px) {
  .home-hero.home-inner {
    min-height: 1px;
  }
}
.home-hero.home-inner h1 {
  font-size: 72px;
}
@media (max-width: 767px) {
  .home-hero.home-inner h1 {
    font-size: 48px;
  }
}
.home-hero.home-inner .txt {
  max-width: 660px;
}
.home-hero.home-inner .inner-txt p {
  font-size: 22px;
}
.home-hero.home-inner .img {
  top: unset;
  bottom: 0;
}
@media (max-width: 767px) {
  .home-hero.home-inner .img {
    margin-top: 0;
    bottom: -13px;
    right: -20px;
  }
}

.resources.alt-bg {
  background: #fff;
}

.hero-wxp-collaboration {
  min-height: 687px;
  display: flex;
  font-size: 22px;
  line-height: 1.36;
  color: #212121;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hero-wxp-collaboration {
    background: #f9fafb;
    font-size: 20px;
    line-height: 1.2;
  }
}
.hero-wxp-collaboration .container {
  width: 100%;
  display: flex;
}
@media (max-width: 1023px) {
  .hero-wxp-collaboration .container {
    display: block;
  }
}
.hero-wxp-collaboration .hero-content {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}
@media (max-width: 1023px) {
  .hero-wxp-collaboration .hero-content {
    padding-top: 80px;
    display: block;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero-wxp-collaboration .hero-content {
    padding-top: 38px;
  }
}
.hero-wxp-collaboration h1 {
  font-size: 72px;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #000;
}
@media (max-width: 1279px) {
  .hero-wxp-collaboration h1 {
    font-size: 62px;
    line-height: 1.145;
    margin-bottom: 11px;
  }
}
@media (max-width: 429px) {
  .hero-wxp-collaboration h1 {
    font-size: 50px;
  }
}
.hero-wxp-collaboration .txt-holder {
  max-width: 469px;
  margin-bottom: 29px;
}
@media (max-width: 767px) {
  .hero-wxp-collaboration .txt-holder {
    margin-bottom: 54px;
  }
}
.hero-wxp-collaboration .txt-holder p {
  margin: 0;
}
.hero-wxp-collaboration .txt-holder p + p {
  margin-top: 1rem;
}
.hero-wxp-collaboration .button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .hero-wxp-collaboration .button-group {
    margin: -5px;
    gap: 0;
  }
}
@media (max-width: 767px) {
  .hero-wxp-collaboration .button-group .btn-wrap {
    width: 50%;
    padding: 5px;
  }
}
@media (max-width: 767px) {
  .hero-wxp-collaboration .button-group .btn-wrap .btn-2sm {
    padding: 4px;
    display: flex;
  }
}
.hero-wxp-collaboration .button-group .btn-blue {
  background: #024AD8;
  border-color: #024AD8;
}
.hero-wxp-collaboration .hero-img {
  width: 739px;
  margin-right: -78px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  .hero-wxp-collaboration .hero-img {
    width: 650px;
  }
}
@media (max-width: 1279px) {
  .hero-wxp-collaboration .hero-img {
    width: 500px;
    margin-right: -40px;
  }
}
@media (max-width: 1023px) {
  .hero-wxp-collaboration .hero-img {
    width: 100%;
    margin: 0;
    padding-bottom: 86px;
  }
}
.hero-wxp-collaboration .hero-img:after, .hero-wxp-collaboration .hero-img:before {
  content: "";
  position: absolute;
  right: 46px;
  top: 0;
  height: 303px;
  width: 194px;
  background: #024AD8;
  transform: skewX(-20deg);
  z-index: 1;
}
@media (max-width: 1279px) {
  .hero-wxp-collaboration .hero-img:after, .hero-wxp-collaboration .hero-img:before {
    width: 140px;
    right: 30px;
  }
}
@media (max-width: 1023px) {
  .hero-wxp-collaboration .hero-img:after, .hero-wxp-collaboration .hero-img:before {
    top: 12px;
    height: 100%;
    width: 194px;
    right: -100px;
  }
}
@media (max-width: 767px) {
  .hero-wxp-collaboration .hero-img:after, .hero-wxp-collaboration .hero-img:before {
    right: -151px;
  }
}
@media (max-width: 439px) {
  .hero-wxp-collaboration .hero-img:after, .hero-wxp-collaboration .hero-img:before {
    right: -110px;
    width: 140px;
  }
}
.hero-wxp-collaboration .hero-img:after {
  right: 445px;
  bottom: 0;
  height: auto;
}
@media (max-width: 1279px) {
  .hero-wxp-collaboration .hero-img:after {
    right: 324px;
  }
}
@media (max-width: 1023px) {
  .hero-wxp-collaboration .hero-img:after {
    right: 54%;
  }
}
@media (max-width: 767px) {
  .hero-wxp-collaboration .hero-img:after {
    right: 34.1%;
  }
}
.hero-wxp-collaboration .hero-img .img {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .hero-wxp-collaboration .hero-img .img {
    margin: 0 -25px;
  }
}

.wxp-cards-cta {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .wxp-cards-cta {
    padding: 64px 0;
  }
}
.wxp-cards-cta .cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1023px) {
  .wxp-cards-cta .cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .wxp-cards-cta .cols {
    grid-template-columns: repeat(1, 1fr);
  }
}
.wxp-cards-cta .cols .col {
  background: #f9f9fb;
  border-radius: 12px;
  overflow: hidden;
  color: #000;
  font-size: 18px;
  line-height: 1.333;
  transition: all 0.3s ease-in-out;
}
.wxp-cards-cta .cols .col:hover {
  background: #024ad8;
  color: #fff;
  box-shadow: 0 36px 20.99px -22px rgba(62, 65, 184, 0.25);
}
.wxp-cards-cta .cols .col:hover .btn-black {
  background: #fff;
  border-color: #fff;
  color: #000;
}
.wxp-cards-cta .cols .col:hover .btn-outline {
  border-color: #fff;
  background: transparent;
  color: #fff;
}
.wxp-cards-cta .cols .col .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 412px;
  transition: all 0.3s ease-in-out;
  padding: 24px;
}
.wxp-cards-cta .cols .col .inner .title {
  font-size: 28px;
  line-height: 1;
  font-weight: 500;
  display: block;
  margin-bottom: 32px;
}
.wxp-cards-cta .cols .col .inner .btm {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767px) {
  .wxp-cards-cta .cols .col .inner .btm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 374px) {
  .wxp-cards-cta .cols .col .inner .btm {
    grid-template-columns: repeat(1, 1fr);
  }
}
.wxp-cards-cta .cols .col .inner .btn {
  min-height: 40px;
  min-width: 118px;
  padding: 6px 16px 4px;
}
.wxp-cards-cta .cols .col .inner .btn i {
  margin-left: 6px;
}
.wxp-cards-cta .cols .col .inner .btn.btn-outline {
  border-color: #f9f9fb;
}

.wxp-get-started-cta {
  min-height: 513px;
  position: relative;
  display: flex;
  align-items: end;
  color: #fff;
  padding: 80px 0;
}
@media (max-width: 767px) {
  .wxp-get-started-cta {
    min-height: 680px;
    padding: 64px 0;
  }
}
.wxp-get-started-cta:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(0, 0, 0) 100%);
}
.wxp-get-started-cta .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.wxp-get-started-cta .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wxp-get-started-cta .container {
  width: 100%;
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
}
@media (max-width: 1023px) {
  .wxp-get-started-cta .container {
    gap: 32px;
  }
}
.wxp-get-started-cta .col-l {
  width: 390px;
}
@media (max-width: 1023px) {
  .wxp-get-started-cta .col-l {
    width: 100%;
  }
}
.wxp-get-started-cta h3 {
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1023px) {
  .wxp-get-started-cta h3 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .wxp-get-started-cta h3 {
    font-size: 40px;
  }
}
.wxp-get-started-cta p {
  margin: 0;
}
.wxp-get-started-cta p + p {
  margin-top: 1rem;
}
.wxp-get-started-cta .col-r {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
@media (max-width: 1023px) {
  .wxp-get-started-cta .col-r {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 440px;
  }
}
.wxp-get-started-cta .btn {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  min-height: 1px;
}
@media (max-width: 767px) {
  .wxp-get-started-cta .btn {
    padding: 6px 16px;
  }
}
.wxp-get-started-cta .btn.btn-white:hover {
  background: rgba(255, 255, 255, 0.9);
}

.wxp-quote {
  padding: 60px 0;
  background: #f4f4f4;
}
@media (max-width: 767px) {
  .wxp-quote {
    padding: 64px 0;
  }
}
.wxp-quote .quote-box {
  display: flex;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .wxp-quote .quote-box {
    display: block;
  }
}
.wxp-quote .quote-box .img {
  -webkit-clip-path: polygon(0 0, 100% 0%, 69% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 69% 100%, 0% 100%);
  background: #024ad8;
  width: 416px;
}
@media (max-width: 1023px) {
  .wxp-quote .quote-box .img {
    width: 62.92%;
  }
}
@media (max-width: 1023px) {
  .wxp-quote .quote-box .img .inner {
    width: 100%;
    padding-top: 84%;
  }
}
.wxp-quote .quote-box .blockquote {
  padding: 36px 71px;
  flex: 1;
  color: #000;
  margin: 0;
}
@media (max-width: 1023px) {
  .wxp-quote .quote-box .blockquote {
    flex: none;
    width: 100%;
    padding: 26px 24px 32px;
  }
}
.wxp-quote .quote-box .blockquote q {
  display: block;
  font-size: 48px;
  line-height: 1.167;
  color: #000;
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .wxp-quote .quote-box .blockquote q {
    font-size: 40px;
    line-height: 1.25;
  }
}
.wxp-quote .quote-box .blockquote q:before {
  content: "\201C";
}
.wxp-quote .quote-box .blockquote q:after {
  content: "\201D";
}
.wxp-quote .quote-box .blockquote cite {
  display: block;
  font-style: normal;
  font-size: 20px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .wxp-quote .quote-box .blockquote cite {
    font-size: 18px;
  }
}

.wxp-info-block {
  background: #f4f4f4;
  padding: 80px 0;
}
.wxp-info-block .inner {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  color: #000;
  font-size: 20px;
  line-height: 1.4;
  min-height: 330px;
}
@media (max-width: 1023px) {
  .wxp-info-block .inner {
    flex-direction: row;
  }
}
.wxp-info-block .inner .col-l {
  flex: 1;
  padding: 73px 79px 73px 64px;
}
@media (max-width: 1279px) {
  .wxp-info-block .inner .col-l {
    padding: 50px 30px;
  }
}
@media (max-width: 1023px) {
  .wxp-info-block .inner .col-l {
    padding: 46px 24px;
  }
}
@media (max-width: 767px) {
  .wxp-info-block .inner .col-l {
    padding: 46px 24px 35px;
  }
}
.wxp-info-block .inner .col-l h3 {
  font-weight: 400;
  line-height: 1.167;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .wxp-info-block .inner .col-l h3 {
    font-size: 40px;
    line-height: 1.425;
  }
}
.wxp-info-block .inner .col-l p {
  margin: 0;
}
.wxp-info-block .inner .col-l p + p {
  margin-top: 1rem;
}
.wxp-info-block .inner .img-wrap {
  width: 528px;
  -webkit-clip-path: polygon(23% 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(23% 0, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 1023px) {
  .wxp-info-block .inner .img-wrap {
    -webkit-clip-path: none;
            clip-path: none;
    width: 100%;
  }
}
.wxp-info-block .inner .img-wrap .img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .wxp-info-block .inner .img-wrap .img {
    padding-top: 50%;
    position: relative;
  }
}
@media (max-width: 767px) {
  .wxp-info-block .inner .img-wrap .img {
    padding-top: 83.4%;
  }
}
.wxp-info-block .inner .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1023px) {
  .wxp-info-block .inner .img-wrap img {
    position: absolute;
    inset: 0;
  }
}

.wxp-key-outcomes {
  padding: 32px 0;
}
@media (max-width: 767px) {
  .wxp-key-outcomes {
    padding: 0;
  }
}
.wxp-key-outcomes .container {
  max-width: 1424px;
}
@media (max-width: 767px) {
  .wxp-key-outcomes .container {
    padding: 0;
  }
}
.wxp-key-outcomes .key-outcomes-box {
  background: linear-gradient(45deg, rgb(255, 255, 255) 0%, rgb(217, 217, 217) 100%);
  min-height: 810px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  padding: 48px;
  position: relative;
}
@media (max-width: 1279px) {
  .wxp-key-outcomes .key-outcomes-box {
    padding: 48px 36px;
  }
}
@media (max-width: 767px) {
  .wxp-key-outcomes .key-outcomes-box {
    border-radius: 0;
    padding: 64px 24px 0;
  }
}
.wxp-key-outcomes .key-outcomes-box .img {
  width: 118%;
  position: absolute;
  right: -795px;
  bottom: -430px;
}
@media (max-width: 1279px) {
  .wxp-key-outcomes .key-outcomes-box .img {
    right: -689px;
    bottom: -200px;
  }
}
@media (max-width: 1023px) {
  .wxp-key-outcomes .key-outcomes-box .img {
    position: relative;
    width: 100%;
    right: -200px;
    bottom: auto;
  }
}
@media (max-width: 767px) {
  .wxp-key-outcomes .key-outcomes-box .img {
    position: static;
    width: auto;
    margin: 0 -332px -150px 0;
  }
}
@media (max-width: 1023px) {
  .wxp-key-outcomes .key-outcomes-box .img img {
    margin-bottom: -150px;
  }
}
@media (max-width: 767px) {
  .wxp-key-outcomes .key-outcomes-box .img img {
    margin: 0;
  }
}
.wxp-key-outcomes .key-outcomes-content {
  width: 100%;
  max-width: 556px;
  display: flex;
  align-items: center;
}
@media (max-width: 1279px) {
  .wxp-key-outcomes .key-outcomes-content {
    max-width: 468px;
  }
}
@media (max-width: 1023px) {
  .wxp-key-outcomes .key-outcomes-content {
    max-width: none;
    margin-bottom: 50px;
  }
}
.wxp-key-outcomes .eyebrow {
  display: block;
  font-size: 18px;
  line-height: 1.1;
  color: #4d52e5;
  margin-bottom: 10px;
  font-weight: 400;
}
.wxp-key-outcomes h2 {
  font-size: 58px;
  line-height: 1.18;
  font-weight: 500;
  margin-bottom: 51px;
}
@media (max-width: 1023px) {
  .wxp-key-outcomes h2 {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .wxp-key-outcomes h2 {
    font-size: 40px;
    margin-bottom: 48px;
  }
}
.wxp-key-outcomes h2 span {
  color: #4d52e5;
}
.wxp-key-outcomes .list {
  font-size: 20px;
  line-height: 1.5;
  color: #404040;
  max-width: 450px;
}
@media (max-width: 1023px) {
  .wxp-key-outcomes .list {
    max-width: none;
  }
}
.wxp-key-outcomes .list li {
  display: flex;
  gap: 25px;
}
.wxp-key-outcomes .list li + li {
  margin-top: 16px;
}
.wxp-key-outcomes .list li .icon {
  width: 40px;
}
.wxp-key-outcomes .list li p {
  flex: 1;
  margin: 0;
}