/*=== Helpers ====*/
/*
// spacers
$spacer: 1rem;
$spacers: (0: 0,
	1: ($spacer * (0.25)), //4px
	2: ($spacer * 0.5), //8px
	3: $spacer, //16px
	4: ($spacer * 1.5), //24px
	5: ($spacer * 3), //48px
	6: ($spacer * 2), //32px
	7: ($spacer * 2.5), //40px
	8: $spacer * 3.5, //56px
);
*/
/*
// headings 
$headings-font-family: $font-base !default;
$headings-font-weight: $font-weight-400 !default;
$headings-line-height: 1 !default;
*/
/* Breakpoints */
/* Fonts generator */
/* Clearfix */
/* default transition */
/* Available hide pattern: visually-hidden */
/* FRONT fonts */
@font-face {
  font-display: swap;
  font-family: "InterDisplay-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/inter-display/InterDisplay-Regular.woff2") format("woff2"), url("../assets/fonts/inter-display/InterDisplay-Regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "InterDisplay-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../assets/fonts/inter-display/InterDisplay-Medium.woff2") format("woff2"), url("../assets/fonts/inter-display/InterDisplay-Medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "InterDisplay-SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("../assets/fonts/inter-display/InterDisplay-SemiBold.woff2") format("woff2"), url("../assets/fonts/inter-display/InterDisplay-SemiBold.woff") format("woff");
}
/* BACK EBD fonts */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.color-violet {
  color: #4E45F4;
}

.color-red {
  color: #CE0000;
}

.semi-bold {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.substrate-violet {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  border-radius: 12px;
  color: #FFFFFF;
  background: #4E45F4;
}
@media only screen and (max-width: 1199.98px) {
  .substrate-violet {
    padding: 0 6px;
    border-radius: 6px;
  }
}

.substrate-grey {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0 10px;
  border-radius: 12px;
  color: #2D2C3C;
  background: #F2F4FC;
}
@media only screen and (max-width: 1199.98px) {
  .substrate-grey {
    height: 36px;
    padding: 0 6px;
    border-radius: 6px;
  }
}

@media only screen and (min-width: 768px) {
  .hide-desk-md {
    display: none !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .hide-md-desk {
    display: none !important;
  }
}

/*=== UI-kit ====*/
/*=== All ====*/
html {
  height: unset;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  text-size-adjust: 100%;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

body {
  background: #FFFFFF;
  color: #000000;
  font-family: "InterDisplay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  min-height: 100%;
  padding-right: 0 !important;
  width: 100%;
}

.header,
.footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.page-wrapper {
  position: relative;
  width: 100%;
}

[type=search]::-ms-clear,
[type=text]::-ms-clear,
[type=passowrd]::-ms-clear,
[type=tel]::-ms-clear {
  display: none;
}

body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body *:after, body *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

video {
  height: 100%;
  max-width: 100%;
  -o-object-fit: inherit;
     object-fit: inherit;
}

.icon {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  display: inline-block;
  fill: currentColor;
}

button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-weight: inherit;
  outline: none;
  padding: 0;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
button:disabled, button[disabled=disabled] {
  cursor: default;
  opacity: 0.5;
}

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

ol,
ul {
  background: transparent;
  border: 0;
  font-size: 100%;
  font-weight: 400;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

.video-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.video-container--card {
  height: 56.25%;
  left: 0;
  padding-bottom: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

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

.grecaptcha-badge {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.v-lazy-image,
.swiper-lazy {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  will-change: opacity;
}

.v-lazy-image-loaded,
.swiper-lazy-loaded {
  opacity: 1;
}

.block-loading {
  pointer-events: none;
  position: relative;
}
.block-loading:before {
  background-color: rgba(255, 255, 255, 0.75);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  bottom: -1px;
  content: "";
  display: block;
  left: -1px;
  opacity: 0.8;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 101;
}
.block-loading-0:before {
  background-size: 5%;
}
.block-loading-5:before {
  background-size: 10%;
}
.block-loading-10:before {
  background-size: 15%;
}
.block-loading-15:before {
  background-size: 20%;
}
.block-loading-20:before {
  background-size: 25%;
}
.block-loading-25:before {
  background-size: 30%;
}
.block-loading-30:before {
  background-size: 35%;
}
.block-loading-35:before {
  background-size: 40%;
}
.block-loading-40:before {
  background-size: 45%;
}
.block-loading-45:before {
  background-size: 50%;
}
.block-loading-50:before {
  background-size: 55%;
}
.block-loading-55:before {
  background-size: 60%;
}
.block-loading-60:before {
  background-size: 65%;
}
.block-loading-65:before {
  background-size: 70%;
}
.block-loading-70:before {
  background-size: 75%;
}
.block-loading-75:before {
  background-size: 80%;
}
.block-loading-80:before {
  background-size: 85%;
}
.block-loading-85:before {
  background-size: 90%;
}
.block-loading-90:before {
  background-size: 95%;
}
.block-loading-95:before {
  background-size: 100%;
}
.block-loading-100:before {
  background-size: 105%;
}

h1,
.h1 {
  margin: 0;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 72px;
  line-height: 116%;
  font-weight: normal;
}
@media only screen and (max-width: 1199.98px) {
  h1,
  .h1 {
    font-size: 32px;
    line-height: 128%;
  }
}

h2,
.h2 {
  margin: 0;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 64px;
  line-height: 116%;
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 1199.98px) {
  h2,
  .h2 {
    font-size: 32px;
    line-height: 128%;
  }
}

h3,
.h3 {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 48px;
  line-height: 116%;
}
@media only screen and (max-width: 1199.98px) {
  h3,
  .h3 {
    font-size: 28px;
  }
}

h4,
.h4 {
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}

p {
  font-size: 24px;
  line-height: 148%;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199.98px) {
  p {
    font-size: 16px;
  }
}

.desc {
  font-size: 16px;
  line-height: 28px;
}

.th {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.td {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

a,
.link {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  color: #2D2C3C;
  cursor: pointer;
  text-decoration: none;
}
a:hover,
.link:hover {
  color: #4E45F4;
}

a[href^="tel:"],
a[href^="mailto:"] {
  white-space: nowrap;
}

img,
picture {
  vertical-align: top;
}

button {
  cursor: pointer;
}

hr {
  border: 0;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

.light {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.semibold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.g-info {
  font-size: 12px;
  line-height: 1.25;
}
.g-link-dotted {
  border-bottom: 1px dotted;
  cursor: pointer;
  text-decoration: none;
}

.g-link-back {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.g-link-back .icon {
  margin-right: 18px;
}

.mark {
  padding-left: 32px;
  position: relative;
}
.mark:before {
  content: "";
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 12px;
}

ul:last-child {
  margin-bottom: 0;
}
ul li {
  margin-bottom: 30px;
  padding-left: 40px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3e%3ccircle cx='5' cy='5' r='5' fill='%232C861D'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 0 14px;
}
@media only screen and (max-width: 1199.98px) {
  ul li {
    background-position: 0 10px;
  }
}
@media only screen and (max-width: 767.98px) {
  ul li {
    padding-left: 20px;
    background-size: 8px;
    background-position: 0 8px;
  }
}
ul li:last-child {
  margin-bottom: 0;
}

ol {
  counter-reset: myCounter;
}
ol:last-child {
  margin-bottom: 0;
}
ol li {
  position: relative;
  margin-bottom: 30px;
  padding-left: 40px;
}
@media only screen and (max-width: 767.98px) {
  ol li {
    padding-left: 20px;
  }
}
ol li::before {
  position: absolute;
  top: 3px;
  left: 0;
  counter-increment: myCounter;
  content: counter(myCounter);
  font-size: 32px;
}
@media only screen and (max-width: 767.98px) {
  ol li::before {
    top: 0;
    font-size: 24px;
  }
}

.container {
  margin: 0 auto;
  max-width: 1600px;
  width: 100%;
  padding: 0 48px;
  /*

  @include mq('desktop-default') {
  	padding: 0 $container-padding2;
  }
  */
}
@media only screen and (max-width: 1199.98px) {
  .container {
    padding: 0 16px;
  }
}

.el-icon {
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.icon--fill {
  fill: currentColor;
}

.icon--stroke {
  stroke: currentColor;
}

.icon--full {
  fill: currentColor;
  stroke: currentColor;
}

.logo-eclat {
  width: 119px;
  height: 31px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.arrow-up {
  width: 20px;
  height: 20px;
}

.icon-review {
  width: 21px;
  height: 19px;
}

.mob-menu {
  width: 25px;
  height: 15px;
}

.vk-link {
  width: 25px;
  height: 25px;
}

.cross-popup {
  width: 47px;
  height: 47px;
  color: #2D2C3C;
}

/*=== Components ====*/
.breadcrumb {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.breadcrumb-item {
  color: gray !important;
  font-size: 12px;
  line-height: 120%;
  padding-left: 0;
}
.breadcrumb-item:not(:first-child) {
  padding-left: 27px;
}
.breadcrumb-item:not(:first-child)::before {
  content: "";
  width: 12px;
  height: 14px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.breadcrumb-item:not(.active)::before {
  display: none;
}
.breadcrumb a {
  color: gray;
}

.top-bnr {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 12px));
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
@media only screen and (max-width: 1399.98px) {
  .top-bnr {
    grid-template-columns: calc(60% - 12px) calc(40% - 12px);
  }
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr {
    grid-template-columns: repeat(2, calc(50% - 12px));
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr {
    grid-template-columns: 100%;
  }
}
.top-bnr__content {
  display: grid;
  grid-template-columns: 218px calc(100% - 48px - 218px);
  gap: 48px;
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr__content {
    grid-template-columns: 140px calc(100% - 24px - 140px);
    gap: 24px;
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr__content {
    grid-template-columns: 100%;
    gap: 16px;
  }
}
.top-bnr__content .col-l p {
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .top-bnr__content .col-l p {
    text-align: center;
  }
}
.top-bnr__content .col-l p::before {
  content: "";
  position: absolute;
  left: 146px;
  top: 104px;
  display: block;
  width: 64px;
  height: 90px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='65' height='90' viewBox='0 0 65 90' fill='none'%3e%3cpath d='M8.20623 0.860519L8.40767 0.402895L7.49243 3.03984e-06L7.29098 0.457627L7.7486 0.659073L8.20623 0.860519ZM64.8475 86.0186C65.046 85.8267 65.0514 85.5101 64.8595 85.3116L61.7321 82.0759C61.5402 81.8774 61.2237 81.872 61.0251 82.0639C60.8266 82.2558 60.8212 82.5723 61.0131 82.7709L63.793 85.647L60.9169 88.4269C60.7183 88.6188 60.7129 88.9354 60.9048 89.1339C61.0967 89.3325 61.4133 89.3379 61.6118 89.146L64.8475 86.0186ZM7.7486 0.659073L7.29098 0.457627C-2.14934 21.9031 -2.54562 43.0835 6.8234 59.0523C16.2011 75.0359 35.2802 85.6618 64.4915 86.159L64.5 85.6591L64.5085 85.1591C35.5295 84.6659 16.8353 74.1407 7.68591 58.5463C-1.47208 42.9371 -1.14895 22.1126 8.20623 0.860519L7.7486 0.659073Z' fill='%234E45F4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 64px;
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr__content .col-l p::before {
    left: 100px;
    top: 70px;
    width: 44px;
    height: 56px;
    background-size: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr__content .col-l p::before {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr__content .col-l p br {
    display: none;
  }
}
.top-bnr__content .col-l .substrate-violet {
  position: relative;
  display: inline;
  padding: 9px 16px;
  border-radius: 10px;
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 148%;
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr__content .col-l .substrate-violet {
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 12px;
  }
}
.top-bnr__content .col-l .substrate-violet:first-child::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  width: 3px;
  height: 20px;
  background: #4E45F4;
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr__content .col-l .substrate-violet:first-child::before {
    top: 14px;
    width: 10px;
    height: 20px;
  }
}
.top-bnr__content .col-l .substrate-violet:first-child::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  display: none;
  width: 8px;
  height: 20px;
  background: #4E45F4;
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr__content .col-l .substrate-violet:first-child::after {
    display: block;
  }
}
.top-bnr__content .col-r p {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media only screen and (max-width: 767.98px) {
  .top-bnr__content .col-r p {
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
  }
}
@media only screen and (max-width: 575.98px) {
  .top-bnr__content .col-r p {
    max-width: 92%;
  }
}
.top-bnr__img {
  position: absolute;
  bottom: -96px;
  right: 0;
  width: calc(50% - 12px);
}
@media only screen and (max-width: 1399.98px) {
  .top-bnr__img {
    width: calc(40% - 12px);
  }
}
@media only screen and (max-width: 991.98px) {
  .top-bnr__img {
    width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr__img {
    position: static;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 575.98px) {
  .top-bnr__img {
    max-width: unset;
  }
}
.top-bnr h1 {
  grid-column: 1/span 2;
  margin-bottom: 48px;
  width: 750px;
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr h1 {
    width: 390px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr h1 {
    width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
    grid-column: unset;
    text-align: center;
  }
}
.top-bnr h1 .substrate-violet {
  margin: 0 -12px;
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr h1 .substrate-violet {
    margin: 0;
    height: 40px;
  }
}
.top-bnr .list-chk {
  margin-top: 20px;
}
@media only screen and (max-width: 1199.98px) {
  .top-bnr .list-chk {
    font-size: 13px;
    line-height: 128%;
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr .list-chk {
    display: grid;
    grid-template-columns: repeat(3, calc(33.3333333333% - 10.6666666667px));
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    margin-top: 14px;
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr .list-chk li {
    padding-top: 32px;
    padding-left: 0;
    margin-bottom: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr .list-chk li::before {
    left: calc(50% - 12px);
  }
}
@media only screen and (max-width: 767.98px) {
  .top-bnr .list-chk li::after {
    left: calc(50% - 12px);
  }
}

.list-chk {
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 148%;
}
@media only screen and (max-width: 1199.98px) {
  .list-chk {
    font-size: 16px;
    line-height: 148%;
  }
}
.list-chk li {
  position: relative;
  padding-left: 56px;
  padding-top: 2px;
  margin-bottom: 12px;
  min-height: 32px;
  background-image: none;
}
@media only screen and (max-width: 1199.98px) {
  .list-chk li {
    padding-left: 40px;
    min-height: 24px;
  }
}
.list-chk li::before, .list-chk li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 6px;
}
@media only screen and (max-width: 1199.98px) {
  .list-chk li::before, .list-chk li::after {
    width: 24px;
    height: 24px;
    border-radius: 4px;
  }
}
.list-chk li::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3e%3cg filter='url(%23filter0_d_68_12)'%3e%3cpath d='M16.1409 0.956802L6.44394 10.3686L1.59546 5.66269' stroke='white' stroke-width='2.66676'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_68_12' x='5.82337e-05' y='0' width='17.7362' height='13.5601' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='0.66669'/%3e%3cfeGaussianBlur stdDeviation='0.333345'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_68_12'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_68_12' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}
@media only screen and (max-width: 1199.98px) {
  .list-chk li::after {
    background-size: 10px;
  }
}
.list-chk-green li::before {
  background: radial-gradient(92.71% 92.71% at 88.54% 7.29%, #3AD18F 0%, #098D53 100%);
}
.list-chk-violet li::before {
  background: radial-gradient(92.71% 92.71% at 88.54% 7.29%, #8881FF 0%, #4E45F4 100%);
}

.problems__container {
  display: grid;
  grid-template-columns: 35% calc(65% - 66px);
  padding: 0 126px;
  -webkit-column-gap: 66px;
     -moz-column-gap: 66px;
          column-gap: 66px;
}
@media only screen and (max-width: 1399.98px) {
  .problems__container {
    padding: 0;
  }
}
@media only screen and (max-width: 1199.98px) {
  .problems__container {
    grid-template-columns: 35% calc(65% - 30px);
    gap: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .problems__container {
    grid-template-columns: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .problems__container .col-l {
    text-align: center;
  }
}
.problems__container .col-l p {
  font-size: 36px;
  line-height: 116%;
}
@media only screen and (max-width: 1199.98px) {
  .problems__container .col-l p {
    font-size: 20px;
    line-height: 128%;
  }
}
.problems__container .col-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.problems__container .substrate-grey {
  position: relative;
  margin-bottom: 64px;
  font-size: 20px;
}
@media only screen and (max-width: 1199.98px) {
  .problems__container .substrate-grey {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .problems__container .substrate-grey {
    margin-bottom: 18px;
  }
}
.problems__container .substrate-grey::before {
  content: "";
  position: absolute;
  left: 252px;
  top: 12px;
  display: block;
  width: 64px;
  height: 90px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='65' height='90' viewBox='0 0 65 90' fill='none'%3e%3cpath d='M8.20623 0.860519L8.40767 0.402895L7.49243 3.03984e-06L7.29098 0.457627L7.7486 0.659073L8.20623 0.860519ZM64.8475 86.0186C65.046 85.8267 65.0514 85.5101 64.8595 85.3116L61.7321 82.0759C61.5402 81.8774 61.2237 81.872 61.0251 82.0639C60.8266 82.2558 60.8212 82.5723 61.0131 82.7709L63.793 85.647L60.9169 88.4269C60.7183 88.6188 60.7129 88.9354 60.9048 89.1339C61.0967 89.3325 61.4133 89.3379 61.6118 89.146L64.8475 86.0186ZM7.7486 0.659073L7.29098 0.457627C-2.14934 21.9031 -2.54562 43.0835 6.8234 59.0523C16.2011 75.0359 35.2802 85.6618 64.4915 86.159L64.5 85.6591L64.5085 85.1591C35.5295 84.6659 16.8353 74.1407 7.68591 58.5463C-1.47208 42.9371 -1.14895 22.1126 8.20623 0.860519L7.7486 0.659073Z' fill='%234E45F4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 64px;
  -webkit-transform: scale(-1, 1) rotate(80deg);
      -ms-transform: scale(-1, 1) rotate(80deg);
          transform: scale(-1, 1) rotate(80deg);
}
@media only screen and (max-width: 1199.98px) {
  .problems__container .substrate-grey::before {
    left: 100px;
    top: 70px;
    width: 44px;
    height: 56px;
    background-size: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .problems__container .substrate-grey::before {
    display: none;
  }
}
.problems__bnr {
  position: relative;
  width: 100%;
  max-width: 486px;
  margin-top: 94px;
  margin-bottom: 112px;
}
@media only screen and (max-width: 1199.98px) {
  .problems__bnr {
    max-width: 350px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .problems__bnr {
    max-width: 216px;
    margin-top: 60px;
  }
}
.problems__bnr-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-bottom: 60%;
}
.problems__bnr-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.problems__bnr-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 230px;
  min-height: 200px;
  padding: 28px 46px;
  padding-top: 50px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
@media only screen and (max-width: 1199.98px) {
  .problems__bnr-item {
    width: 102px;
    min-height: 88px;
    padding: 22px;
    padding-top: 20px;
    padding-bottom: 12px;
  }
}
.problems__bnr-item::before, .problems__bnr-item::after {
  position: absolute;
  top: -24px;
  left: calc(50% - 24px);
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 10px;
}
@media only screen and (max-width: 1199.98px) {
  .problems__bnr-item::before, .problems__bnr-item::after {
    top: -11px;
    left: calc(50% - 11px);
    width: 22px;
    height: 22px;
    border-radius: 4px;
  }
}
.problems__bnr-item::before {
  content: "";
  background: radial-gradient(92.71% 92.71% at 88.54% 7.29%, #FF596A 0%, #DD1846 100%);
}
.problems__bnr-item::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_30_194)'%3e%3cpath d='M16.4152 15.4132L2.4351 1.41321M2.41522 15.4132L16.3953 1.41321' stroke='white' stroke-width='4'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_30_194' x='0' y='0' width='18.8304' height='18.8264' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='1'/%3e%3cfeGaussianBlur stdDeviation='0.5'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_30_194'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_30_194' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}
@media only screen and (max-width: 1199.98px) {
  .problems__bnr-item::after {
    background-size: 7px;
  }
}
.problems__bnr-item:nth-child(2) {
  position: absolute;
  top: 65%;
  left: 0;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}
.problems__bnr-item:nth-child(3) {
  position: absolute;
  top: 0;
  left: 46%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.problems__bnr-item:last-child {
  position: absolute;
  top: 80%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.problems__bnr-item span {
  position: relative;
  display: block;
  text-align: center;
  line-height: 1;
}
.problems__bnr-item span:first-child {
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 128%;
}
@media only screen and (max-width: 1199.98px) {
  .problems__bnr-item span:first-child {
    font-size: 9px;
  }
}
.problems__bnr-item span:last-child {
  margin-top: 36px;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 28px;
  line-height: 116%;
  color: #E33F57;
}
@media only screen and (max-width: 1199.98px) {
  .problems__bnr-item span:last-child {
    margin-top: 18px;
    font-size: 12px;
  }
}
.problems__bnr-item span:last-child::before {
  content: "";
  position: absolute;
  left: calc(50% - 4px);
  top: -30px;
  display: block;
  width: 8px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.32845 20.3536C3.52371 20.5488 3.8403 20.5488 4.03556 20.3536L7.21754 17.1716C7.4128 16.9763 7.4128 16.6597 7.21754 16.4645C7.02228 16.2692 6.7057 16.2692 6.51043 16.4645L3.68201 19.2929L0.853579 16.4645C0.658317 16.2692 0.341734 16.2692 0.146472 16.4645C-0.04879 16.6597 -0.04879 16.9763 0.146472 17.1716L3.32845 20.3536ZM3.68201 0L3.18201 -2.18557e-08L3.18201 20L3.68201 20L4.18201 20L4.18201 2.18557e-08L3.68201 0Z' fill='%23E33F57'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media only screen and (max-width: 1199.98px) {
  .problems__bnr-item span:last-child::before {
    top: -14px;
    width: 4px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='4' height='10' viewBox='0 0 4 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.47531 9.02158C1.56186 9.10812 1.70218 9.10812 1.78873 9.02158L3.19912 7.61118C3.28567 7.52464 3.28567 7.38431 3.19912 7.29776C3.11257 7.21122 2.97225 7.21122 2.8857 7.29776L1.63202 8.55145L0.378338 7.29776C0.291789 7.21121 0.151466 7.21121 0.0649172 7.29776C-0.0216314 7.38431 -0.0216315 7.52464 0.0649172 7.61118L1.47531 9.02158ZM1.63202 0L1.4104 -9.68739e-09L1.4104 8.86487L1.63202 8.86487L1.85364 8.86487L1.85364 9.68739e-09L1.63202 0Z' fill='%23E33F57'/%3e%3c/svg%3e");
  }
}

.solutions {
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .solutions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.solutions .list-chk {
  width: 100%;
  height: 544px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 26px;
  line-height: 128%;
  color: #B49FFF;
}
@media only screen and (max-width: 1199.98px) {
  .solutions .list-chk {
    height: 392px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 991.98px) {
  .solutions .list-chk {
    height: 494px;
  }
}
@media only screen and (max-width: 767.98px) {
  .solutions .list-chk {
    height: auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .solutions .list-chk {
    width: 328px;
    margin: 0 auto;
  }
}
.solutions .list-chk li {
  width: 358px;
  padding-top: 0;
  margin-bottom: 48px;
}
@media only screen and (max-width: 1199.98px) {
  .solutions .list-chk li {
    width: 300px;
    margin-bottom: 28px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 991.98px) {
  .solutions .list-chk li {
    width: 220px;
  }
}
@media only screen and (max-width: 767.98px) {
  .solutions .list-chk li {
    width: 100%;
  }
}
.solutions .list-chk li:nth-last-child(-n+4) {
  margin-left: auto;
}
@media only screen and (max-width: 767.98px) {
  .solutions .list-chk li:nth-last-child(-n+4) {
    margin-left: 0;
  }
}
.solutions .list-chk li:nth-child(3) {
  margin-bottom: 0;
}
.solutions .list-chk li:last-child {
  margin-bottom: 0;
}
.solutions .list-chk li span {
  color: #FFFFFF;
}
.solutions__img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-bottom: 93%;
}
.solutions__img::after {
  content: "";
  position: absolute;
  top: -64px;
  right: 30px;
  display: block;
  width: 92px;
  height: 124px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='92' height='123' viewBox='0 0 92 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M82.5518 0.46112L82.3585 -4.63152e-06L81.4363 0.386593L81.6296 0.847717L82.0907 0.654419L82.5518 0.46112ZM0.146449 118.301C-0.048818 118.496 -0.048818 118.813 0.146449 119.008L3.32842 122.19C3.52368 122.385 3.84027 122.385 4.03553 122.19C4.23079 121.995 4.23079 121.678 4.03553 121.483L1.2071 118.654L4.03553 115.826C4.23079 115.631 4.23079 115.314 4.03553 115.119C3.84027 114.924 3.52368 114.924 3.32843 115.119L0.146449 118.301ZM82.0907 0.654419L81.6296 0.847717C94.2493 30.9528 94.2159 60.2746 80.9602 82.0462C67.7135 103.803 41.1788 118.154 0.499995 118.154L0.499995 118.654L0.499995 119.154C41.4119 119.154 68.3331 104.708 81.8143 82.5662C95.2866 60.439 95.2532 30.7608 82.5518 0.46112L82.0907 0.654419Z' fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1399.98px) {
  .solutions__img::after {
    top: -100px;
    right: -16px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .solutions__img::after {
    right: -30px;
  }
}
@media only screen and (max-width: 991.98px) {
  .solutions__img::after {
    display: none;
  }
}
.solutions__img-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 566px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media only screen and (min-width: 1600px) {
  .solutions__img-wrap {
    max-width: 684px;
  }
}
@media only screen and (max-width: 1399.98px) {
  .solutions__img-wrap {
    max-width: 390px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .solutions__img-wrap {
    max-width: 320px;
  }
}
@media only screen and (max-width: 991.98px) {
  .solutions__img-wrap {
    max-width: 290px;
  }
}
@media only screen and (max-width: 767.98px) {
  .solutions__img-wrap {
    position: relative;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    max-width: 50%;
  }
}
@media only screen and (max-width: 575.98px) {
  .solutions__img-wrap {
    max-width: unset;
  }
}
.solutions__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.case {
  margin-top: 60px;
}
@media only screen and (max-width: 1199.98px) {
  .case {
    margin-top: 34px;
  }
}
.case__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 64px;
}
@media only screen and (max-width: 1199.98px) {
  .case__item {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 767.98px) {
  .case__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 -16px;
    margin-top: 48px;
  }
}
.case__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 767.98px) {
  .case__item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.case__item:nth-child(even) .col-r {
  left: 0;
  right: unset;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 767.98px) {
  .case__item:nth-child(even) .col-r {
    left: unset;
  }
}
.case__item:nth-child(even) .col-l {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 767.98px) {
  .case__item:nth-child(even) .col-l {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.case__item:nth-child(1) {
  margin: 0;
}
@media only screen and (max-width: 767.98px) {
  .case__item:nth-child(1) {
    margin: 0 -16px;
  }
}
.case__item:nth-child(1) .col-l {
  background: #C4E9B9;
}
.case__item:nth-child(2) .col-l {
  background: #FFC4B5;
}
.case__desc {
  margin: 0 auto;
  margin-top: 78px;
  max-width: 740px;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 36px;
  line-height: 136%;
  text-align: center;
}
@media only screen and (max-width: 1199.98px) {
  .case__desc {
    font-size: 24px;
    line-height: 128%;
  }
}
.case .col-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 58%;
  padding: 96px 64px;
  border-radius: 20px;
}
@media only screen and (max-width: 1199.98px) {
  .case .col-l {
    padding: 36px;
    border-radius: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .case .col-l {
    width: 100%;
    padding: 36px 16px;
    padding-top: 114px;
  }
}
.case .col-r {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 60%;
}
@media only screen and (max-width: 1399.98px) {
  .case .col-r {
    width: 55%;
  }
}
@media only screen and (max-width: 991.98px) {
  .case .col-r {
    width: 47%;
  }
}
@media only screen and (max-width: 767.98px) {
  .case .col-r {
    position: relative;
    width: 100%;
    margin-bottom: -86px;
    padding: 0 16px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
.case .list-chk {
  max-width: 420px;
}
@media only screen and (max-width: 1199.98px) {
  .case .list-chk li {
    margin-bottom: 6px;
  }
}
.case h3, .case .h3 {
  max-width: 420px;
  margin-bottom: 28px;
}
@media only screen and (max-width: 1199.98px) {
  .case h3, .case .h3 {
    margin-bottom: 16px;
  }
}
.case .case-link {
  margin-top: 62px;
}
@media only screen and (max-width: 1199.98px) {
  .case .case-link {
    margin-top: 20px;
  }
}
.case img {
  max-height: 610px;
}
@media only screen and (max-width: 1199.98px) {
  .case img {
    max-height: 300px;
  }
}
@media only screen and (max-width: 767.98px) {
  .case img {
    max-height: unset;
  }
}

.process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .process {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }
}
.process__item {
  width: calc(25% - 18px);
  background: #FFFFFF;
  padding: 44px;
  border-radius: 12px;
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 1399.98px) {
  .process__item {
    padding: 48px 24px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .process__item {
    padding: 24px;
  }
}
@media only screen and (max-width: 767.98px) {
  .process__item {
    width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 575.98px) {
  .process__item {
    width: 100%;
  }
}
.process__day-number {
  display: block;
  margin-bottom: 6px;
  font-size: 64px !important;
}
@media only screen and (max-width: 1199.98px) {
  .process__day-number {
    margin-bottom: -3px;
    font-size: 32px !important;
  }
}
.process span {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  line-height: 1;
}
@media only screen and (max-width: 1199.98px) {
  .process span {
    font-size: 20px;
  }
}
.process hr {
  margin: 28px 0px 36px;
  border-top: 1px solid rgba(37, 40, 95, 0.1607843137);
}
@media only screen and (max-width: 1199.98px) {
  .process hr {
    margin: 10px 0px 16px;
  }
}
.process p {
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  line-height: 148%;
}
@media only screen and (max-width: 1199.98px) {
  .process p {
    font-size: 20px;
    line-height: 128%;
  }
}

.hero-container {
  position: relative;
  min-height: 729px;
  overflow: hidden;
}
.hero-content {
  position: relative;
  z-index: 2;
  width: 47%;
  padding: 135px 0 0 49px;
}
.hero-content .error-code {
  margin: 0 0 24px;
  font-size: 120px;
  color: #4E45F4;
  letter-spacing: -5px;
}
.hero-text {
  margin: 0 0 25px;
  max-width: 520px;
  font-size: 25px;
  line-height: 1.28;
  font-weight: 500;
}
.hero-image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 69%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  pointer-events: none;
}
.hero-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 404 */
.check-green {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: radial-gradient(92.71% 92.71% at 88.54% 7.29%, #3AD18F 0%, #098D53 100%);
}
.check-green::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3e%3cg filter='url(%23filter0_d_68_12)'%3e%3cpath d='M16.1409 0.956802L6.44394 10.3686L1.59546 5.66269' stroke='white' stroke-width='2.66676'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_68_12' x='5.82337e-05' y='0' width='17.7362' height='13.5601' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='0.66669'/%3e%3cfeGaussianBlur stdDeviation='0.333345'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_68_12'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_68_12' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.footer {
  padding: 48px 0;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border-top: 1px solid rgba(37, 40, 95, 0.1607843137);
  font-size: 36px;
  line-height: 136%;
}
@media only screen and (max-width: 1199.98px) {
  .footer {
    padding: 36px 0;
    font-size: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .footer {
    text-align: center;
  }
}
.footer .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 575.98px) {
  .footer .wrap {
    row-gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.footer p {
  font-size: 36px;
  line-height: 136%;
}
@media only screen and (max-width: 1199.98px) {
  .footer p {
    font-size: 20px;
  }
}
.footer .col-r {
  text-align: end;
}
@media only screen and (max-width: 575.98px) {
  .footer .col-r {
    text-align: center;
  }
}

input[type=checkbox] {
  display: none;
}

.checkbox ~ label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.02em;
  border: 1px solid #4E45F4;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 1199.98px) {
  .checkbox ~ label {
    font-size: 14px;
  }
}
.checkbox ~ label span {
  text-align: start;
  cursor: pointer;
}
.checkbox ~ label span {
  height: 10px;
  width: 14px;
  margin: 0;
  opacity: 0;
}
.checkbox:checked ~ label {
  border: none;
  background: radial-gradient(92.71% 92.71% at 88.54% 7.29%, #8881FF 0%, #4E45F4 100%);
}
.checkbox:checked ~ label span {
  opacity: 1;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d_68_12)'%3e%3cpath d='M16.1409 0.956802L6.44394 10.3686L1.59546 5.66269' stroke='white' stroke-width='2.66676'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_68_12' x='5.82337e-05' y='0' width='17.7362' height='13.5601' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='0.66669'/%3e%3cfeGaussianBlur stdDeviation='0.333345'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_68_12'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_68_12' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.checkbox__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.checkbox__wrap .invalid-tooltip {
  display: none;
  padding: 0;
  border-radius: 0;
  color: #E33F57;
  font-size: 12px;
  line-height: 130%;
  background: transparent;
}

.form--container {
  position: relative;
}
.form--row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 1199.98px) {
  .form--row {
    gap: 10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .form--row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form--field {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.form-label {
  margin-bottom: 0;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
}
@media only screen and (max-width: 1199.98px) {
  .form-label {
    font-size: 20px;
  }
}
.form--text .checkbox__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
@media only screen and (max-width: 1199.98px) {
  .form--text .checkbox__wrap {
    margin-top: 40px;
  }
}
.form .text-agree {
  margin-left: 20px;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 116%;
  color: #4E45F4;
}
@media only screen and (max-width: 1199.98px) {
  .form .text-agree {
    line-height: 116%;
    font-size: 20px;
  }
}
.form .error-input ~ .invalid-tooltip {
  padding: 0;
  border-radius: 0;
  color: #E33F57;
  font-size: 12px;
  line-height: 130%;
  background: transparent;
}
.form .submit {
  width: 226px;
  margin: 0 auto;
  margin-top: 30px;
}
@media only screen and (max-width: 1199.98px) {
  .form .submit {
    margin-top: 46px;
  }
}

.was-validated .invalid-tooltip {
  padding: 0;
  border-radius: 0;
  color: #E33F57;
  font-size: 12px;
  line-height: 130%;
  background: transparent;
}
.was-validated input:invalid, .was-validated textarea:invalid {
  background-image: none !important;
}
.was-validated input:invalid:focus, .was-validated textarea:invalid:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.was-validated input:valid, .was-validated textarea:valid {
  background-image: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.was-validated input:valid:focus, .was-validated textarea:valid:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.quote-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.quote-form .form--row:nth-child(3) {
  margin-top: 10px;
}
.quote-form .form-text {
  margin-top: 14px;
}

input {
  height: 80px;
  width: 100% !important;
  border-radius: 20px !important;
  border: none !important;
  padding: 0 20px !important;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px !important;
  color: #2D2C3C;
  outline: none;
  line-height: 1.5;
  color: #2D2C3C;
  background-color: #ffffff;
}
@media only screen and (max-width: 1199.98px) {
  input {
    height: 64px;
    border-radius: 12px !important;
    font-size: 20px !important;
  }
}
input::-webkit-input-placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
input::-moz-placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
input:-ms-input-placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
input::-ms-input-placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
input::placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
@media only screen and (max-width: 1199.98px) {
  input::-webkit-input-placeholder {
    font-size: 20px;
  }
  input::-moz-placeholder {
    font-size: 20px;
  }
  input:-ms-input-placeholder {
    font-size: 20px;
  }
  input::-ms-input-placeholder {
    font-size: 20px;
  }
  input::placeholder {
    font-size: 20px;
  }
}
input:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.select__ttl {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: start;
}
@media only screen and (max-width: 1199.98px) {
  .select__ttl {
    font-size: 14px;
  }
}
.select option {
  text-overflow: ellipsis;
}
.select ~ .select {
  display: block;
  max-height: 34px;
}
.select ~ .select.dropdown-active .ts-control::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.select ~ .select .ts-control {
  position: relative;
  padding: 0;
  padding-bottom: 10px;
  border: none !important;
  border-bottom: 1px solid #2D2C3C !important;
  border-radius: 0 !important;
  font-size: 16px;
  line-height: 140%;
  text-align: start;
  text-overflow: ellipsis;
}
.select ~ .select .ts-control::before {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  height: 100%;
  width: 17px;
  background: url(../assets/images/icons/select-arrow.svg) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.select ~ .select .ts-control:focus {
  outline: none;
}
.select ~ .select .ts-control .item {
  max-height: 22.4px;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 16px;
  line-height: 140%;
  text-overflow: ellipsis;
  text-align: start;
  white-space: nowrap;
}
.select ~ .select .ts-dropdown {
  padding: 24px;
  margin: 0;
  border: none;
  -webkit-box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.1);
  z-index: 101;
}
.select ~ .select .ts-dropdown-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  max-height: unset;
}
.select ~ .select .ts-dropdown .option {
  padding: 0;
  font-size: 16px;
  line-height: 140%;
  text-align: start;
}
.select ~ .select .ts-dropdown .option.active {
  background-color: unset;
}

textarea {
  width: 100%;
  height: auto !important;
  resize: none;
  border: none !important;
  padding: 30px 20px !important;
  border-bottom: none !important;
  border-radius: 20px !important;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px !important;
  color: #2D2C3C;
  outline: none;
}
@media only screen and (max-width: 1199.98px) {
  textarea {
    border-radius: 12px !important;
    font-size: 20px !important;
  }
}
textarea::-webkit-input-placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
textarea::-moz-placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
textarea:-ms-input-placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
textarea::-ms-input-placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
textarea::placeholder {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(37, 40, 95, 0.1607843137) !important;
}
@media only screen and (max-width: 1199.98px) {
  textarea::-webkit-input-placeholder {
    font-size: 20px;
  }
  textarea::-moz-placeholder {
    font-size: 20px;
  }
  textarea:-ms-input-placeholder {
    font-size: 20px;
  }
  textarea::-ms-input-placeholder {
    font-size: 20px;
  }
  textarea::placeholder {
    font-size: 20px;
  }
}
textarea.input {
  resize: none;
}
textarea:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
textarea + .input__label {
  height: 100%;
  border: none;
}

header {
  position: relative;
  top: 0;
  z-index: 10;
}
@media only screen and (max-width: 991.98px) {
  header {
    background: #FFF;
  }
}
header.--fix {
  position: fixed;
  top: 0;
  width: 100%;
  background: #FFFFFF;
}
header.--fix .wrap {
  padding: 10px 0;
}
header.--fix .button {
  height: 36px;
}
header .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
}
@media only screen and (max-width: 991.98px) {
  header .wrap {
    padding: 10px 0;
  }
}
header .top-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  color: #2D2C3C;
  gap: 64px;
  font-size: 16px;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  white-space: nowrap;
}
@media only screen and (max-width: 1399.98px) {
  header .top-menu {
    gap: 32px;
  }
}
@media only screen and (max-width: 767.98px) {
  header .top-menu {
    display: none;
  }
}
header .top-menu li {
  margin: 0;
  padding: 0;
  background: none;
}
header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 1199.98px) {
  header .logo {
    width: 63px;
  }
}
header .phone {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
}
header .phone__icn {
  display: none;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background-color: #4E45F4;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.1495 9.51162C6.90041 12.2625 9.01469 12.9531 11.5068 10.461C11.8968 10.0605 12.2616 9.55447 11.7441 9.03705L9.72678 7.49441C9.09009 7.15189 8.84145 7.3955 8.54013 7.7317C7.43883 8.96096 6.25069 8.55299 5.45499 7.7317L4.26835 6.54504C3.44706 5.74926 3.03909 4.56099 4.26835 3.45989C4.60467 3.15857 4.84816 2.90983 4.50563 2.27324L2.963 0.255943C2.44546 -0.261596 1.93944 0.103177 1.53895 0.493225C-0.95301 2.9852 -0.262593 5.09953 2.48832 7.85055L4.1495 9.51162Z' fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}
@media only screen and (max-width: 1199.98px) {
  header .phone__icn {
    display: block;
  }
}
@media only screen and (max-width: 1199.98px) {
  header .phone__txt {
    display: none;
  }
}
header .button-green {
  margin-left: 5px;
}
@media only screen and (max-width: 1199.98px) {
  header .button-green {
    margin-left: 2px;
  }
}
header .button-violet {
  margin-left: 36px;
}
@media only screen and (max-width: 1399.98px) {
  header .button-violet {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 1199.98px) {
  header .button-violet {
    margin-left: 2px;
  }
}
header .button {
  height: 48px;
  width: auto;
  padding: 0px 28px;
  font-size: 16px;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media only screen and (max-width: 1199.98px) {
  header .button {
    height: 36px;
    padding: 0px 12px;
    font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 10px;
  }
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

@media only screen and (max-width: 991.98px) {
  .no-scroll {
    overflow: hidden;
  }
}

.modal-backdrop {
  background: rgba(55, 65, 90, 0.5490196078);
}
@media only screen and (max-width: 1199.98px) {
  .modal-backdrop {
    background: #F2F4FC;
  }
}
.modal-backdrop.show {
  opacity: 1;
}

.modal-header {
  border: none;
  padding: 0;
}

.modal-top {
  top: 110px;
}
@media only screen and (max-width: 991.98px) {
  .modal-top {
    top: 48px;
  }
}

.modal .modal-content {
  width: 100%;
  border: none;
  border-radius: 18px;
  padding: 30px 24px;
  -webkit-box-shadow: 0 24px 64px rgba(0, 0, 0, 0.1803921569);
          box-shadow: 0 24px 64px rgba(0, 0, 0, 0.1803921569);
}
@media only screen and (max-width: 1199.98px) {
  .modal .modal-content {
    padding: 50px !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .modal .modal-content {
    padding: 50px 16px !important;
  }
}
.modal .modal-body {
  padding: 0;
}
.modal .h3 {
  font-size: 36px;
  text-align: center;
}
@media only screen and (max-width: 1199.98px) {
  .modal .h3 {
    font-size: 32px;
    margin-bottom: 12px;
  }
}
.modal .h3 + p {
  margin-bottom: 38px;
  line-height: 116%;
  text-align: center;
}
@media only screen and (max-width: 1199.98px) {
  .modal .h3 + p {
    margin-bottom: 44px;
    font-size: 20px;
  }
}
.modal .btn-close {
  width: 30px;
  height: 30px;
  padding: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.3335 8.33334L21.6668 21.6667' stroke='%232D2C3C' stroke-width='1.7' stroke-linecap='round'/%3e%3cpath d='M21.6668 8.33334L8.3335 21.6667' stroke='%232D2C3C' stroke-width='1.7' stroke-linecap='round'/%3e%3c/svg%3e");
  background-position: center;
  background-size: contain;
}

.popup-quote .modal-content {
  background: #F2F4FC;
}
@media only screen and (max-width: 1199.98px) {
  .popup-quote .modal-content {
    border-radius: 0;
  }
}
.popup-quote .modal-dialog {
  width: 1024px;
  max-width: 1024px;
}
@media only screen and (max-width: 1199.98px) {
  .popup-quote .modal-dialog {
    margin: 0;
    max-width: 100%;
  }
}
.popup-quote .popup-form-wrap {
  margin-top: 34px;
}

.popup-call .modal-content {
  background: #F2F4FC;
}
@media only screen and (max-width: 1199.98px) {
  .popup-call .modal-content {
    border-radius: 0;
  }
}
.popup-call .modal-dialog {
  width: 740px;
  max-width: 740px;
}
@media only screen and (max-width: 1199.98px) {
  .popup-call .modal-dialog {
    margin: 0;
    max-width: 100%;
  }
}
.popup-call .popup-form-wrap {
  margin-top: 34px;
}

@media only screen and (max-width: 1199.98px) {
  .popup-thank .modal-content {
    padding: 30px 24px !important;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.popup-thank .modal-dialog {
  width: 740px;
  max-width: 740px;
}
@media only screen and (max-width: 1199.98px) {
  .popup-thank .modal-dialog {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 8px 16px;
  }
}
.popup-thank .thank-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 38px;
}
.popup-thank .button {
  width: 226px;
  height: 64px;
  margin-top: 30px;
  background-image: none;
  opacity: 1;
}
.popup-thank p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 24px;
  line-height: 116%;
}
@media only screen and (max-width: 1199.98px) {
  .popup-thank p {
    font-size: 20px;
  }
}
.popup-thank .check-green {
  margin-bottom: 20px;
}
.popup-thank .h3 {
  margin-bottom: 10px;
}
.popup-thank .h3 + p {
  margin-bottom: 10px;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.popup-form-wrap .form-message-error {
  margin-bottom: 24px;
  padding: 16px 20px;
  border: 1px solid rgba(206, 0, 0, 0.2);
  border-radius: 16px;
  color: #CE0000;
  background: rgba(206, 0, 0, 0.06);
  font-size: 16px;
  line-height: 1.5;
}
.popup-form-wrap .form-message-error font {
  color: inherit !important;
}

a.button:hover {
  opacity: 1;
}

.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 64px;
  width: 480px;
  padding: 0px 28px;
  border-radius: 10px;
  border: 1px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  color: #FFFFFF;
  white-space: nowrap;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
@media only screen and (max-width: 1199.98px) {
  .button {
    padding: 0px 12px;
  }
}
@media only screen and (max-width: 575.98px) {
  .button {
    width: 100%;
  }
}

.button-violet {
  border-color: #4E45F4;
  background: #4E45F4;
}
.button-violet:hover {
  color: #4E45F4;
  background: #FFFFFF;
}

.button-green {
  border-color: #27B779;
  background: #27B779;
}
.button-green:hover {
  color: #27B779;
  background: #FFFFFF;
}

.case-link {
  height: 64px;
  width: 280px;
  padding: 0 28px;
  border-color: #FFFFFF;
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1;
  color: #2D2C3C;
  text-decoration: underline;
  background: #FFFFFF;
}
@media only screen and (max-width: 1199.98px) {
  .case-link {
    height: 48px;
    width: auto;
    padding: 0 20px;
    font-size: 16px;
  }
}
.case-link:hover {
  border-color: #2D2C3C;
  color: #FFFFFF;
  background: #2D2C3C;
}

section {
  padding: 96px 0;
}
@media only screen and (max-width: 1199.98px) {
  section {
    padding: 80px 0;
  }
}

.section-top-bnr {
  padding-top: 66px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F4FC));
  background: linear-gradient(180deg, #FFFFFF 0%, #F2F4FC 100%);
}
@media only screen and (max-width: 767.98px) {
  .section-top-bnr {
    padding-bottom: 0;
    padding-top: 30px;
  }
}

.section-problems h2, .section-problems .h2 {
  margin: 0 auto;
  margin-bottom: 44px;
  width: 800px;
}
@media only screen and (max-width: 1199.98px) {
  .section-problems h2, .section-problems .h2 {
    width: auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-problems h2, .section-problems .h2 {
    margin-bottom: 32px;
  }
}

.section-solutions {
  padding-bottom: 70px;
  background: radial-gradient(50% 50% at 50% 50%, #9375FF 0%, #6B45F4 100%);
}
.section-solutions h2 {
  margin-bottom: 102px;
  color: #FFFFFF;
}
@media only screen and (max-width: 991.98px) {
  .section-solutions h2 {
    margin-bottom: 36px;
  }
}

.section-case h2 {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1199.98px) {
  .section-case h2 {
    margin-bottom: 16px;
  }
}
.section-case h2 + p {
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 148%;
  text-align: center;
}
@media only screen and (max-width: 1199.98px) {
  .section-case h2 + p {
    font-size: 18px;
    line-height: 136%;
  }
}
.section-case .button-violet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: 48px;
}

.section-process {
  background: #F2F4FC;
}
.section-process h2, .section-process .h2 {
  margin-bottom: 48px;
}
@media only screen and (max-width: 1199.98px) {
  .section-process h2, .section-process .h2 {
    margin-bottom: 14px;
  }
}
.section-process .button-violet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: 48px;
}

.section-price {
  background: radial-gradient(100% 217% at 100% 0%, #4E45F4 0%, #38216D 53.1%, #080808 100%);
}
.section-price h2, .section-price .h2 {
  margin-bottom: 12px;
  color: #FFFFFF;
}
.section-price .desc span {
  display: block;
  text-align: center;
}
.section-price .desc span:first-child {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 64px;
  line-height: 116%;
  color: #6E66FF;
}
@media only screen and (max-width: 1199.98px) {
  .section-price .desc span:first-child {
    font-size: 32px;
  }
}
.section-price .desc span:last-child {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 36px;
  line-height: 116%;
  color: #6E66FF;
}
@media only screen and (max-width: 1199.98px) {
  .section-price .desc span:last-child {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-price .desc span:last-child {
    margin-top: 8px;
  }
}
.section-price .list-chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: 56px;
  max-width: 1146px;
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  line-height: 136%;
  color: #fff;
}
@media only screen and (max-width: 1199.98px) {
  .section-price .list-chk {
    font-size: 13px;
    line-height: 128%;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-price .list-chk {
    margin: 0 -16px;
    margin-top: 48px;
  }
}
.section-price .list-chk li {
  width: 33.3333333333%;
  padding: 0 76px;
  padding-top: 76px;
  text-align: center;
}
@media only screen and (max-width: 1199.98px) {
  .section-price .list-chk li {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-price .list-chk li {
    padding: 0 16px;
    padding-top: 40px;
  }
}
.section-price .list-chk li::before {
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 1199.98px) {
  .section-price .list-chk li::before {
    left: calc(50% - 14px);
    width: 28px;
    height: 28px;
  }
}
.section-price .list-chk li::after {
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  background-size: 22px;
}
@media only screen and (max-width: 1199.98px) {
  .section-price .list-chk li::after {
    left: calc(50% - 14px);
    width: 28px;
    height: 28px;
    background-size: 12px;
  }
}
.section-price .list-chk li:nth-child(2) {
  border-left: 1px solid rgba(78, 69, 244, 0.4);
  border-right: 1px solid rgba(78, 69, 244, 0.4);
}
.section-price .button-violet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: 80px;
}
@media only screen and (max-width: 767.98px) {
  .section-price .button-violet {
    margin-top: 38px;
  }
}

.section-order {
  position: relative;
}
.section-order .order-img-left, .section-order .order-img-right {
  position: absolute;
}
@media only screen and (max-width: 1199.98px) {
  .section-order .order-img-left, .section-order .order-img-right {
    max-width: 240px;
  }
}
@media only screen and (max-width: 991.98px) {
  .section-order .order-img-left, .section-order .order-img-right {
    max-width: 130px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-order .order-img-left, .section-order .order-img-right {
    display: none;
  }
}
.section-order .order-img-left {
  left: 0;
}
.section-order .order-img-right {
  right: 0;
}
.section-order .button {
  width: 203px;
}
@media only screen and (max-width: 767.98px) {
  .section-order .button {
    width: 161px;
  }
}
.section-order .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 62px;
}
@media only screen and (max-width: 767.98px) {
  .section-order .wrap {
    gap: 6px;
    margin-top: 34px;
  }
}
.section-order .desc {
  margin: 0 auto;
  margin-top: 36px;
  font-family: "InterDisplay-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  line-height: 148%;
  text-align: center;
}
@media only screen and (max-width: 1199.98px) {
  .section-order .desc {
    margin-top: 16px;
    font-size: 18px;
    line-height: 136%;
  }
}

.section-breadcrumbs {
  padding: 0;
}

.section-404 {
  padding: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F4FC));
  background: linear-gradient(180deg, #FFFFFF 0%, #F2F4FC 100%);
}

.section-links {
  padding-top: 0;
}
.section-links h2, .section-links .h2 {
  margin-top: 42px;
}
@media only screen and (max-width: 1199.98px) {
  .section-links h2, .section-links .h2 {
    margin-top: 56px;
  }
}
.section-links h2 + p, .section-links .h2 + p {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media only screen and (max-width: 1199.98px) {
  .section-links h2 + p, .section-links .h2 + p {
    margin-top: 10px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-links h2 + p, .section-links .h2 + p {
    max-width: 60%;
    margin: 0 auto;
    margin-top: 12px;
  }
}

/*=== Pages ====*/
.page-404 h1, .page-404 .h1 {
  margin: 0 0 24px;
  color: #2D2C3C;
  font-size: 64px;
  line-height: 116%;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media only screen and (max-width: 1199.98px) {
  .page-404 h1, .page-404 .h1 {
    font-size: 32px;
  }
}
.page-404 .button {
  width: 188px;
}
.page-404 h2, .page-404 .h2 {
  font-size: 36px;
  text-align: start;
}
@media only screen and (max-width: 1199.98px) {
  .page-404 h2, .page-404 .h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767.98px) {
  .page-404 h2, .page-404 .h2 {
    text-align: center;
  }
}
.page-404 h2 span, .page-404 .h2 span {
  color: #4E45F4;
}
@media only screen and (max-width: 767.98px) {
  .page-404 p {
    text-align: center;
  }
}

.notfound {
  position: relative;
  min-height: 729px;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .notfound {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: unset;
  }
}
.notfound__content {
  position: relative;
  z-index: 2;
  width: 47%;
  padding: 144px 0 0 0;
}
@media only screen and (max-width: 1199.98px) {
  .notfound__content {
    padding: 72px 0 0 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .notfound__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.notfound__text {
  margin: 0 0 25px;
  max-width: 520px;
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  line-height: 136%;
}
@media only screen and (max-width: 1199.98px) {
  .notfound__text {
    font-size: 16px;
  }
}
.notfound__image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 69%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}
@media only screen and (max-width: 1399.98px) {
  .notfound__image {
    width: 60%;
  }
}
@media only screen and (max-width: 767.98px) {
  .notfound__image {
    position: relative;
    width: 100%;
    margin-top: 38px;
  }
}
.notfound__image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.notfound .error-code {
  font-family: "InterDisplay-SemiBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0 0 38px;
  color: #4E45F4;
  font-size: 120px;
  line-height: 0.85;
  letter-spacing: 0.03em;
}

/* HELP */
.help__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 64px;
  padding: 0 54px;
}
@media only screen and (max-width: 1199.98px) {
  .help__container {
    padding: 0;
    margin-top: 44px;
  }
}
@media only screen and (max-width: 767.98px) {
  .help__container {
    grid-template-columns: 100%;
    gap: 74px;
  }
}
.help__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.help__item:first-child .help__item-img {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='55' height='54' viewBox='0 0 55 54' fill='none'%3e%3cpath d='M27.3804 0.00480153C34.0876 0.00480153 40.7979 -0.00787751 47.5051 0.00797128C52.4436 0.0206503 54.8019 2.36944 54.8083 7.29208C54.821 17.0106 54.8146 26.729 54.7956 36.4507C54.7893 40.5492 52.3834 42.9392 48.2817 42.955C44.1103 42.9709 39.9358 43.0184 35.7644 42.9297C34.2112 42.8948 33.7199 43.44 33.8276 44.9361C33.9418 46.5115 33.8942 48.1059 33.8562 49.6876C33.8308 50.6544 34.2397 51.0157 35.178 50.9745C36.1796 50.9333 37.1844 50.9745 38.1892 50.9745C39.1972 50.9777 39.8217 51.469 39.8248 52.4897C39.828 53.523 39.1814 53.989 38.1797 53.989C30.9971 53.989 23.8112 53.9985 16.6285 53.989C15.6554 53.989 14.9803 53.542 14.9961 52.477C15.012 51.4246 15.6776 50.9935 16.6539 50.9745C17.6048 50.9555 18.5589 50.9175 19.5067 50.9745C20.5907 51.0442 21.044 50.6353 21.0028 49.5228C20.9426 47.9411 20.9172 46.3498 21.006 44.7713C21.0852 43.4051 20.6129 42.9011 19.2087 42.9265C15.0912 42.9994 10.9705 42.9645 6.84983 42.9487C2.26637 42.9392 0.00632743 40.7045 -1.2082e-05 36.1622C-0.0063516 26.4438 -1.20816e-05 16.7253 0.0158367 7.0068C0.025346 2.45185 2.39315 0.0364991 6.93859 0.0174806C13.7536 -0.014217 20.5654 0.00797128 27.3804 0.00797128V0.00163177V0.00480153ZM27.4311 13.4034C19.9346 13.4034 12.4349 13.4446 4.93847 13.3685C3.38529 13.3527 2.80839 13.714 2.82741 15.3686C2.913 22.2311 2.85594 29.0968 2.87813 35.9594C2.88764 38.8565 4.01924 40.0357 6.90372 40.0388C20.6319 40.0642 34.357 40.0705 48.0852 40.0515C50.7478 40.0484 51.8097 38.9136 51.8097 36.251C51.816 29.2807 51.7685 22.3104 51.8414 15.3433C51.8572 13.8535 51.4737 13.3527 49.9237 13.3685C42.4272 13.4414 34.9276 13.4034 27.4311 13.4065V13.4034ZM27.336 10.4587V10.4523C34.3602 10.4523 41.3812 10.4523 48.4054 10.4523C50.6749 10.4523 51.8076 9.30804 51.8033 7.01948C51.797 4.10013 50.7003 3.00973 47.7904 3.00973C34.2746 3.00973 20.7556 3.00973 7.23972 3.00973C3.97169 3.00973 2.89398 4.09062 2.89398 7.38717C2.89398 7.86263 2.94469 8.34126 2.90666 8.81356C2.79888 10.1417 3.41382 10.4935 4.68806 10.484C12.2384 10.4333 19.7888 10.4587 27.3392 10.4587H27.336ZM30.8766 46.9426C30.8766 46.0994 30.8195 45.2531 30.8925 44.4163C30.9875 43.3005 30.5152 42.9011 29.4407 42.9392C27.9668 42.9899 26.4833 42.8821 25.0221 43.0216C24.5973 43.0628 23.9507 43.6809 23.8968 44.0993C23.7383 45.345 23.808 46.6193 23.8176 47.884C23.8461 51.694 23.7827 50.9238 26.832 50.9682C30.8798 51.0284 30.8829 50.9935 30.8766 46.9457V46.9426Z' fill='%234E45F4'/%3e%3c/svg%3e");
}
.help__item:nth-child(2) .help__item-img {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='49' height='54' viewBox='0 0 49 54' fill='none'%3e%3cg clip-path='url(%23clip0_278_1422)'%3e%3cpath d='M0.00318625 27.0812C0.00318625 20.4748 -0.00618008 13.8684 0.00318625 7.25891C0.0125526 2.60697 2.58829 0.012497 7.24336 0.00937486C18.7421 -0.00311357 30.2377 -0.00311357 41.7364 0.012497C46.1074 0.0187412 48.758 2.63195 48.7674 6.99665C48.7924 20.4186 48.7955 33.8405 48.7705 47.2625C48.7643 51.29 45.995 53.9844 41.9487 53.9875C30.347 54 18.7452 54 7.14345 53.9875C2.67571 53.9844 0.00943047 51.2588 0.00630836 46.7411C0.00318625 40.1847 0.00630836 33.6314 0.00630836 27.0749L0.00318625 27.0812ZM45.8201 27.0281H45.8076C45.8076 20.4248 45.817 13.8216 45.8045 7.2152C45.7983 4.1649 44.487 2.8661 41.4055 2.8661C30.0191 2.85986 18.6297 2.85986 7.24336 2.8661C4.30858 2.8661 2.96919 4.22422 2.96607 7.17774C2.95358 20.2812 2.94733 33.3847 2.94733 46.4882C2.94733 49.7258 4.2555 51.0621 7.45566 51.0652C18.792 51.0746 30.1284 51.0683 41.4617 51.0652C44.462 51.0652 45.8201 49.7071 45.8201 46.6787C45.8264 40.1254 45.8201 33.5752 45.8201 27.0219V27.0281Z' fill='%234E45F4'/%3e%3cpath d='M24.2432 25.2486C20.2906 25.2486 16.3411 25.2611 12.3885 25.2486C10.6495 25.2423 10.2624 24.8583 10.253 23.1537C10.2374 20.1377 10.2343 17.1217 10.2499 14.1058C10.2593 12.3543 10.5964 12.0077 12.3667 12.0046C20.3749 11.9921 28.38 12.0077 36.3882 11.9952C37.4435 11.9952 38.302 12.1701 38.2677 13.4689C38.2365 14.7521 37.3342 14.9238 36.3133 14.9238C29.3978 14.9144 22.4823 14.9019 15.5668 14.9082C12.8131 14.9082 13.2065 14.6927 13.1722 17.3497C13.1566 18.4923 13.2502 19.6444 13.1534 20.7809C13.0442 22.064 13.5874 22.3513 14.7769 22.345C21.8985 22.2982 29.0231 22.3044 36.1478 22.345C36.8034 22.3482 37.6932 22.548 38.0679 22.9976C38.9015 23.9998 37.9805 25.233 36.4163 25.2423C32.3607 25.2673 28.305 25.2517 24.2494 25.2517L24.2432 25.2486Z' fill='%234E45F4'/%3e%3cpath d='M27.1499 32.6292C30.2095 32.6292 33.2692 32.6386 36.3289 32.6261C37.356 32.623 38.2521 32.7728 38.2615 34.0685C38.2708 35.3985 37.2874 35.5109 36.3133 35.514C30.1409 35.5359 23.9684 35.5359 17.796 35.5421C16.8094 35.5421 15.9696 35.2455 16.0071 34.0935C16.0414 33.0226 16.7689 32.6074 17.8085 32.6136C20.9213 32.6323 24.034 32.6198 27.1436 32.6198V32.6354L27.1499 32.6292Z' fill='%234E45F4'/%3e%3ccircle cx='11.7079' cy='34.1872' r='1.40495' fill='%234E45F4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_278_1422'%3e%3crect width='48.7861' height='54' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.help__item:nth-child(3) .help__item-img {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'%3e%3cg clip-path='url(%23clip0_278_1431)'%3e%3cpath d='M15.5303 0.0131634C18.4777 0.0131634 21.4283 0.0492268 24.3757 4.94522e-05C26.4116 -0.0327354 28.1099 0.636076 29.5262 2.07861C36.9028 9.60275 44.3056 17.1072 51.6495 24.6641C54.1936 27.2836 54.0952 31.0244 51.5314 33.6308C45.5613 39.7058 39.5846 45.7743 33.5915 51.833C30.736 54.7213 27.3854 54.718 24.5462 51.8526C17.1335 44.3613 9.74381 36.847 2.30491 29.3819C0.747632 27.8115 -0.0162562 26.0345 0.000136199 23.8248C0.0394781 18.1989 0.00341469 12.5763 0.0132502 6.95045C0.0230856 2.42613 2.38032 0.0393913 6.84562 0.0229989C9.74053 0.00988492 12.6354 0.0229989 15.5271 0.0229989V0.0164419L15.5303 0.0131634ZM15.5303 3.02282V3.00642C12.5797 3.00642 9.63234 2.9802 6.6817 3.01626C4.33758 3.04249 3.15076 4.21947 3.14093 6.56686C3.1147 12.3009 3.07208 18.0383 3.18683 23.7724C3.2065 24.8149 3.68188 26.0968 4.39331 26.8345C11.8748 34.5684 19.4383 42.2172 26.9985 49.8724C28.346 51.2363 29.6803 51.2494 31.0015 49.9183C37.0798 43.7941 43.1451 37.6568 49.1873 31.4965C50.679 29.9753 50.6594 28.277 49.1512 26.7263C41.9156 19.2907 34.6866 11.8452 27.3493 4.50469C26.5264 3.67851 25.0773 3.17691 23.8774 3.08839C21.1071 2.88184 18.3105 3.02282 15.5238 3.02282H15.5303Z' fill='%234E45F4'/%3e%3cpath d='M14.4746 19.3202C11.9305 19.3497 9.83222 17.3138 9.85517 14.8385C9.87812 12.2944 11.8419 10.3339 14.4254 10.2748C16.9597 10.2158 18.8874 12.2026 18.8841 14.8614C18.8776 17.3924 16.999 19.2907 14.4746 19.3202Z' fill='%234E45F4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_278_1431'%3e%3crect width='53.5082' height='54' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.help__item:last-child .help__item-img {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='49' height='54' viewBox='0 0 49 54' fill='none'%3e%3cg clip-path='url(%23clip0_278_1436)'%3e%3cpath d='M12.3895 0C14.4654 0.164307 15.9853 1.0048 16.8921 2.85009C18.2603 5.63382 19.6411 8.41123 20.9903 11.2044C22.349 14.0229 21.9256 16.0104 19.5463 18.0832C18.6332 18.8763 17.7105 19.6631 16.7531 20.4025C15.9126 21.0502 15.7167 21.7422 16.2191 22.7185C18.946 27.9985 22.6555 32.4221 27.4488 35.9484C28.6527 36.8363 29.6828 36.8616 30.8392 35.9042C31.8093 35.1016 32.852 34.378 33.9105 33.6923C35.9422 32.3747 38.3626 32.4032 40.2426 33.9262C42.6535 35.8789 45.0233 37.8916 47.2825 40.015C49.5038 42.1099 49.526 45.3202 47.3773 47.4815C45.7848 49.0803 44.0975 50.6064 42.3217 51.9967C38.8713 54.6983 35.0765 54.2812 31.2279 52.9762C22.4659 50.0061 15.584 44.4544 9.9091 37.3134C4.82508 30.9118 1.25457 23.7897 0.158135 15.5775C-0.451695 11.0243 0.651055 7.09046 4.41115 4.21826C6.03526 2.97964 7.79207 1.89585 9.57101 0.887888C10.4083 0.413926 11.4416 0.284377 12.3863 0L12.3895 0ZM36.3814 51.3047C37.62 50.8561 38.8997 50.6728 39.8255 50.0029C41.693 48.6506 43.4182 47.0896 45.1023 45.5066C46.2082 44.4671 46.1577 43.0768 45.0138 42.0309C42.9189 40.1129 40.7513 38.274 38.5901 36.4318C37.5853 35.5724 36.4889 35.5629 35.3987 36.3118C34.1412 37.1775 32.8773 38.0307 31.645 38.928C30.0051 40.1256 28.3904 40.1856 26.681 39.0481C20.6427 35.0447 16.2033 29.6858 13.1478 23.1546C12.2947 21.3314 12.6486 20.0043 14.1779 18.6614C15.287 17.6914 16.3961 16.7214 17.5557 15.8114C18.69 14.9203 18.9175 13.8744 18.3014 12.6137C16.9869 9.92159 15.7009 7.21369 14.3359 4.54687C13.5049 2.92276 12.4337 2.63523 10.8223 3.57999C9.46358 4.37624 8.1744 5.29573 6.84731 6.14886C3.50114 8.29748 2.45211 11.4635 3.15989 15.1794C6.23748 31.3288 15.6567 42.5207 30.3526 49.4437C32.2232 50.3252 34.3371 50.6886 36.3814 51.3047Z' fill='%234E45F4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_278_1436'%3e%3crect width='48.9697' height='54' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.help__item-img {
  display: block;
  width: 100%;
  height: 54px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: contain;
}
.help__item h3, .help__item .h3 {
  margin: 26px 0;
  font-size: 36px;
}
@media only screen and (max-width: 1199.98px) {
  .help__item h3, .help__item .h3 {
    font-size: 32px;
  }
}
.help__item p {
  font-size: 24px;
  line-height: 128%;
  color: #2D2C3C;
}
@media only screen and (max-width: 1199.98px) {
  .help__item p {
    font-size: 20px;
  }
}

.design h1 {
  width: 100%;
  color: red;
}
.design h2 {
  width: 100%;
}
.design h3 {
  width: 100%;
}
.design h4 {
  width: 100%;
}
.design .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.design__background {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
.design__content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
/*=== Animation ====*/
.section-header.delighter {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.5s ease, transform 0.7s ease;
  transition: opacity 0.5s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.section-header.delighter.started {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.section-header.delighter.started.ended {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.section-body.delighter {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.5s ease, transform 0.7s ease;
  transition: opacity 0.5s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.section-body.delighter.started {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.section-body.delighter.started.ended {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}