html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

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

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

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

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

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

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

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

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

:root {
  --base--black: #070015;
  --title--h6: 18px;
  --base--primary: #7230ff;
  --base--white: #fff;
  --subtitle--small: 16px;
  --link--default: 16px;
  --subtitle--extra-small: 14px;
  --description--small: 14px;
  --light--light-3: #d6c3ff;
  --link--small: 14px;
  --light--light: #f8f7fa;
  --title--h1: 56px;
  --light--light-4: #c2a5ff;
  --brand--night: #9c94ff;
  --title--xl: 84px;
  --description--large: 18px;
  --title--h5: 24px;
  --title--h2: 48px;
  --description--extra-small: 12px;
  --button--s: 14px;
  --dark--dark: #140040;
  --dark--dark-2: #290081;
  --dark--dark-3: #3d00c1;
  --dark--dark-4: #6118ff;
  --brand--default: #7230ff;
  --brand--shade-1: #854cff;
  --brand--shade-2: #996aff;
  --brand--shade-3: #ad88ff;
  --light--light-2: #ebe1ff;
  --title--h3: 40px;
  --title--h4: 32px;
  --subtitle--large: 32px;
  --subtitle--default: 24px;
  --description--default: 16px;
  --uptitle--default: 14px;
  --secobdary-bg: #f8f7fa;
  --white: white;
  --black: black;
  --button--m: 16px;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  max-width: 100%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  margin-left: 2px;
}

.body {
  color: var(--base--black);
  max-width: 100%;
  font-family: Roboto, sans-serif;
  line-height: 140%;
  display: flex;
}

.page-wrapper {
  width: 100%;
  max-width: 1440px;
  position: static;
}

.page-wrapper.overflow-hidden {
  overflow: hidden;
}

.deprecated-container {
  background-color: #fff;
  border: 0 solid #bfb2d9;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 10px 15px;
  display: flex;
}

.deprecated-elem {
  flex-flow: row;
  display: flex;
}

.main {
  width: 100%;
  min-width: 480px;
  max-width: 100%;
  margin-top: -80px;
  line-height: 140%;
}

.main.fill {
  height: 100vh;
  margin-top: 0;
}

.deprecated-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 solid #baadd6;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.header {
  z-index: 9900;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #07001580;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: fixed;
  top: 0;
  box-shadow: inset 0 -1px #d6c3ff;
}

.h-container {
  background-color: #0000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  height: 70px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.h-logo {
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80px;
  height: 50px;
  display: flex;
}

.logo {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
}

.h-nav-flexbox {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 360px;
  max-width: none;
  height: 100%;
  display: flex;
  position: relative;
}

.h-nav-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 260px;
  max-width: 820px;
  height: 100%;
  display: flex;
}

.h-p-descr {
  color: #fff;
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.h-p-dropdown-icon {
  justify-content: flex-start;
  align-items: flex-start;
  width: 16px;
  height: 16px;
  display: flex;
}

.icon {
  object-fit: cover;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.h-p-events {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.h-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  min-width: 145px;
  display: flex;
  position: relative;
}

.button-text {
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.button-text.left {
  text-align: left;
}

.h-menu-icons {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding: 0;
  display: none;
}

.h-menu-icons.w--open {
  background-color: #0000;
  flex-direction: row;
  justify-content: flex-start;
  width: auto;
  height: auto;
  margin-left: 40px;
  padding: 0;
}

.h-menu-open {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.h-dropdown-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 20px 60px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 20px #3232471a, inset 0 -1px #bfb2d9;
}

.h-dropdown-section.services {
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1280px;
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  overflow: hidden;
}

.h-dropdown-section.language {
  box-shadow: none;
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1280px;
  padding: 20px 40px 40px;
}

.h-dropdown-services-container {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  display: flex;
}

.h-dropdown-services-p-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.h-dropdown-services-p-section.hidden {
  display: none;
}

.h-dropdown-services-p-section-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070015;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-h6 {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h6);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 130%;
}

.title-h6.center {
  text-align: center;
}

.title-h6.inline {
  display: inline;
}

.title-h6.inline.brand {
  color: var(--base--primary);
}

.title-h6.medium {
  font-weight: 500;
}

.title-h6.brand {
  color: var(--base--primary);
}

.h-dropdown-services-p-container {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.h-dropdown-services-p {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .8;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 260px;
  display: flex;
}

.h-dropdown-services-p.hidden {
  display: none;
}

.h-dropdown-services-p.lang {
  min-width: 40px;
  max-width: 40px;
}

.h-link-text {
  color: #070015;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.h-link-text.lang {
  color: var(--base--white);
  text-transform: capitalize;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 400;
  text-decoration: none;
}

.h-link-text.lang.w--current {
  font-weight: 500;
  text-decoration: underline;
  display: none;
}

.h-dropdown-tools-container {
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  display: flex;
}

.h-dropdown-tools-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
}

.h-dropdown-tools-p {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .8;
  color: #070015;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h-dropdown-tools-col-r {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  max-width: 220px;
  display: flex;
}

.h-dropdown-tools-follow {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.subtitle-s {
  font-family: Roboto, sans-serif;
  font-size: var(--subtitle--small);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;
}

.subtitle-s.center {
  text-align: center;
}

.subtitle-s.right {
  text-align: right;
}

.subtitle-s.hug {
  width: auto;
}

.subtitle-s.brand {
  color: var(--base--primary);
}

.h-dropdown-tools-follow-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h-fb {
  justify-content: flex-start;
  align-items: flex-start;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.link-text {
  font-family: Roboto, sans-serif;
  font-size: var(--link--default);
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.h-menu {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 100%;
  padding: 0;
  display: none;
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
}

.h-menu-dropdown-section {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.h-menu-accordion-s {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.accordion-s-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
}

.accordion-s-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.accordion-s-container.scroll {
  overflow: auto;
}

.h-menu-dropdown-p-section {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0 solid #d6c3ff;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.h-menu-dropdown-p-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.subtitle-xs {
  font-family: Roboto, sans-serif;
  font-size: var(--subtitle--extra-small);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;
}

.subtitle-xs.hug {
  width: auto;
}

.h-menu-dropdown-p {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s {
  font-family: Roboto, sans-serif;
  font-size: var(--description--small);
  text-align: left;
  white-space: normal;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 140%;
}

.descr-s.center {
  text-align: center;
}

.descr-s.hug {
  width: auto;
}

.descr-s.keep {
  white-space: nowrap;
}

.descr-s.inline {
  display: inline;
}

.accordion-s-img {
  background-color: #fff;
  border-radius: 22.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
}

.h-menu-p {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.h-menu-close {
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.accordion-s-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  display: flex;
}

.h-menu-container {
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  padding: 10px 20px 60px;
  display: flex;
  position: relative;
}

.h-p-dropdown {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.h-p-dropdown.hidden {
  display: none;
}

.h-p-dropdown-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.h-p-dropdown-container.w--open {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 1279px;
  display: flex;
  position: fixed;
  inset: 70px auto auto 0;
}

.h-nav {
  background-color: #0000;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: none;
  height: 100%;
  display: flex;
  position: relative;
  top: 0;
}

.h-menu-icons-flexbox {
  flex-flow: column wrap;
  width: 40px;
  height: 40px;
}

.h-space {
  width: 100%;
  max-width: 0;
  height: 100%;
  position: relative;
}

.h-dropdown-fade {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.footer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #f8f7fa;
  border: 0 solid #bfb2d9;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 60px 20px;
  display: flex;
}

.f-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: 1160px;
  display: flex;
}

.f-cta {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 300px;
  display: flex;
}

.f-cta-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.f-cta-logo {
  justify-content: flex-start;
  align-items: flex-start;
  width: 90px;
  height: 56px;
  text-decoration: none;
  display: flex;
}

.f-cta-logo.w--current {
  display: none;
}

.img {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  overflow: visible;
}

.img.contain {
  width: auto;
  height: auto;
  display: block;
}

.f-cta-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.f-btn-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.f-btn-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 240px;
  display: flex;
}

.f-button-outline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #7230ff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-2 {
  color: #7230ff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.f-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-text-3 {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.f-button-img {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #fff;
  width: 48px;
  height: 48px;
  position: static;
  top: 3px;
  left: 4px;
}

.f-soc-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.f-fb {
  justify-content: flex-start;
  align-items: flex-start;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.f-sitemap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.f-sitemap-col {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.f-sitemap-section {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.f-p-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.f-p-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.f-p {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--black);
  justify-content: center;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
}

.f-p.hidden {
  display: none;
}

.f-sitemap-col-s {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 160px;
  max-width: 160px;
  display: flex;
}

.f-sitemap-m {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: none;
}

.f-dropdown-section {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.accordion-s {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.f-dropdown-p {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.f-legals-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1px #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  padding-top: 0;
  display: flex;
}

.f-legals {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-label-s {
  opacity: .8;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.f-legals-col {
  grid-column-gap: 40px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 260px;
  max-width: 560px;
  display: flex;
}

.f-legals-col.de {
  max-width: 560px;
}

.f-subtitle-xs {
  color: var(--base--black);
  font-weight: 500;
  text-decoration: none;
}

.f-subtitle-xs.regular {
  font-weight: 400;
}

.f-legals-p {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  color: var(--base--black);
  flex-wrap: wrap;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.popup-lead {
  z-index: 9999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 60px 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-lead.active {
  display: flex;
}

.popup-fade {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  object-fit: cover;
  background-color: #14004033;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.popup-form {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 460px;
  padding: 30px;
  display: flex;
  position: relative;
}

.popup-form.border {
  border: 1px solid var(--light--light-3);
}

.popup-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.form-wrapper.inline {
  display: block;
}

.form-title-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.input-wrapper {
  border-top: 0 solid #d6c3ff;
  border-left: 0 solid #d6c3ff;
  border-right: 0 solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.field-input {
  color: #070015;
  background-color: #0000;
  border: 0 #d6c3ff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 5px 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}

.field-input::placeholder {
  color: #07001566;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.field-textarea {
  color: #070015;
  background-color: #0000;
  border: 0 #d6c3ff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 80px;
  margin-bottom: 0;
  padding: 5px 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  position: static;
}

.field-textarea::placeholder {
  color: #07001566;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.label-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.controls-checkbox-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-color: var(--base--primary);
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 10px 0 0;
  display: flex;
}

.controls-checkbox-icon.w--redirected-checked {
  background-color: #7230ff;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/652fcb316e326b8a13de6dde_icon-tick.svg");
  background-position: 50%;
  background-size: 16px 16px;
  border-color: #7230ff;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 10px 0 0;
}

.controls-checkbox-icon.w--redirected-focus {
  border-color: #d6c3ff;
  box-shadow: 0 0 3px 1px #7230ff33;
}

.checkbox-link-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #7230ff;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: block;
}

.checkbox-link-label.de {
  display: inline;
}

.checkbox-link-label.inline {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.checkbox-link-label.inline.light {
  color: var(--base--white);
}

.link-text-s {
  font-family: Roboto, sans-serif;
  font-size: var(--link--small);
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-text-s.inline {
  display: inline;
}

.form-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.form-button.hug {
  width: auto;
  min-width: 160px;
}

.popup-close {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  background-color: #f0f0f000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

.form-success {
  background-color: var(--light--light);
  color: var(--base--black);
  border-radius: 10px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

.form-error {
  color: var(--base--black);
  border-radius: 10px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.popup-reg {
  z-index: 999999;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-reg.active {
  display: flex;
}

.form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  display: flex;
  position: relative;
}

.form.inline {
  display: block;
}

.docs-cover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #070015;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 250px 20px 140px;
  display: flex;
  overflow: hidden;
}

.docs-cover-container {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.docs-cover-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-cover-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-h1 {
  font-size: var(--title--h1);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 115%;
  display: block;
}

.title-h1.light {
  color: var(--light--light-4);
}

.title-h1.inline {
  display: inline;
}

.title-h1.inline.night {
  color: var(--brand--night);
}

.title-h1.inline.brand {
  color: var(--base--primary);
}

.title-h1.inine {
  display: inline;
}

.title-h1.night {
  color: var(--brand--night);
}

.docs-cover-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1200px;
  max-width: 1200px;
  height: 320px;
  display: flex;
  position: absolute;
  top: 180px;
  left: 0;
}

.title-xl {
  font-size: var(--title--xl);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

.title-xl.night {
  color: #9c94ff;
}

.title-xl.center {
  text-align: center;
}

.docs-cover-descr {
  color: #fff;
  width: 100%;
}

.descr-l {
  font-size: var(--description--large);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 140%;
}

.descr-l.center {
  text-align: center;
}

.descr-l.brand {
  color: var(--base--primary);
}

.descr-l.cg-plans-bottom-descr {
  width: auto;
}

.docs {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  background-color: #f8f7fa;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: row;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: none;
  display: flex;
  position: relative;
}

.docs-menu {
  clear: none;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460px;
  height: 100vh;
  margin-left: -160px;
  margin-right: 20px;
  padding: 90px 40px 60px 200px;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.docs-menu-title {
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  margin-top: 20px;
  display: flex;
}

.title-h5 {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h5);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 130%;
}

.title-h5.center {
  text-align: center;
}

.title-h5.brand {
  color: var(--base--primary);
}

.docs-menu-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: static;
}

.docs-menu-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  display: flex;
}

.docs-menu-section-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070015;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.docs-menu-section-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  display: flex;
}

.docs-menu-p {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #070015;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.docs-body {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: none;
  display: flex;
}

.docs-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.docs-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.title-h2 {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h2);
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
  line-height: 120%;
  display: block;
}

.title-h2.brand {
  color: var(--base--primary);
}

.title-h2.inline {
  display: inline;
}

.title-h2.inline.night {
  color: var(--brand--night);
}

.title-h2.center {
  text-align: center;
}

.docs-section-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-identity {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-identity-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-identity {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-identity-logos {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-logo-component {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  display: flex;
}

.docs-logo-item-text {
  opacity: .3;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-logo-elem-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 100px;
  display: flex;
}

.descr-xs {
  font-family: Roboto, sans-serif;
  font-size: var(--description--extra-small);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 140%;
}

.descr-xs.right {
  text-align: right;
}

.descr-xs.night {
  color: var(--brand--night);
}

.docs-logo-elem-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 40px;
  display: flex;
}

.docs-logo-elem-dashed {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px dashed #d6c3ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  padding: 0;
  display: flex;
}

.logo-npro {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 56px;
  display: flex;
}

.docs-logo-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  padding: 0;
  display: flex;
}

.docs-logo-elem-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  display: flex;
}

.docs-logo-elem-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  display: flex;
}

.docs-icon-elem-dashed {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px dashed #d6c3ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  padding: 20px 17px;
  display: flex;
}

.icon-npro {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 45.0001px;
  height: 40px;
  display: flex;
}

.docs-icon-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  padding: 20px 17px;
  display: flex;
}

.docs-icon-elem-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

.docs-icon-elem-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

.docs-colors {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-colors-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-colors {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-colors-section-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-colors-section-container {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-color-base-black {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--base--black);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-text-s {
  font-family: Roboto, sans-serif;
  font-size: var(--button--s);
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.docs-color-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-text-s-2 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}

.docs-color-base-white {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--base--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-primary {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--base--primary);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-dark {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--dark--dark);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-title-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-color-descr-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-color-brand-dark-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--dark--dark-2);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-dark-3 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--dark--dark-3);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-dark-3-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--dark--dark-4);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-primary-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--brand--default);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-shade-1 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--brand--shade-1);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-shade-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--brand--shade-2);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-shade-3 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--brand--shade-3);
  color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-light-4 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--light--light-4);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-light-3 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--light--light-3);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-light-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--light--light-2);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-light {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-night {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--brand--night);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-primary-3 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid #d6c3ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.docs-color-brand-primary-4 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid #7230ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  padding: 10px 16px;
  display: flex;
}

.doc-layout {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-layout-elem-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-layout-elem-desktop {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 720px;
  display: flex;
}

.docs-layout-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-layout-details-section {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-layout-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-layout-descr {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.vectors-wrapper-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.docs-layout-img {
  grid-column-gap: 9.47368px;
  grid-row-gap: 9.47368px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 720px;
  height: 380px;
  display: flex;
}

.docs-layout-elem-tablet {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 440px;
  display: flex;
}

.docs-layout-img-2 {
  grid-column-gap: 9.56522px;
  grid-row-gap: 9.56522px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 440px;
  height: 380px;
  display: flex;
}

.docs-layout-elem-mobile {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  display: flex;
}

.docs-layout-img-3 {
  grid-column-gap: 9.23077px;
  grid-row-gap: 9.23077px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  height: 380px;
  display: flex;
}

.docs-icons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-icons-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-icons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-icons-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 0 solid #07001526;
  border-bottom-width: 1px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.docs-icons-elem {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100px;
  display: flex;
}

.docs-icon-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.docs-icons-elem-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-icon-container-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.docs-icons-elem-descr-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-icon-container-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.docs-icons-elem-descr-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-icon-container-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.docs-icons-elem-descr-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-icon-container-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.docs-icons-elem-descr-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-icon-container-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.docs-icons-elem-descr-6, .docs-icons-elem-descr-7, .docs-icons-elem-descr-8, .docs-icons-elem-descr-9, .docs-icons-elem-descr-10, .docs-icons-elem-descr-11, .docs-icons-elem-descr-12, .docs-icons-elem-descr-13, .docs-icons-elem-descr-14, .docs-icons-elem-descr-15, .docs-icons-elem-descr-16, .docs-icons-elem-descr-17, .docs-icons-elem-descr-18, .docs-icons-elem-descr-19, .docs-icons-elem-descr-20, .docs-icons-elem-descr-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-typography {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-typography-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-typography-font-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.docs-typography-font {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 0 solid #07001526;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 160px;
  padding: 8px 16px;
  display: flex;
}

.docs-typography-font-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-typography-font-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-typography {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-typography-component {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 40px;
  display: flex;
}

.docs-typography-elem {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.docs-typography-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100px;
  display: flex;
}

.docs-typography-descr {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  display: flex;
}

.docs-typography-img {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.docs-typography-text {
  justify-content: flex-start;
  align-items: center;
  width: 260px;
  max-width: 260px;
  display: flex;
}

.docs-typography-m-text {
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  display: flex;
}

.docs-typography-m-title-xl {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.docs-typography-m-title-h2 {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
}

.title-h3 {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h3);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

.title-h3.inline {
  display: inline;
}

.title-h3.inline.brand {
  color: var(--base--primary);
}

.title-h3.center {
  text-align: center;
}

.docs-typography-m-title-h3 {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.title-h4 {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h4);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 130%;
}

.title-h4.inline {
  display: inline;
}

.title-h4.inline.brand {
  color: var(--base--primary);
}

.title-h4.center {
  text-align: center;
}

.docs-typography-m-title-h4 {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.docs-typography-m-title-h5 {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

.docs-typography-m-title-h6 {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}

.subtitle-l {
  font-family: Roboto, sans-serif;
  font-size: var(--subtitle--large);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 130%;
}

.subtitle-l.inline {
  display: inline;
}

.subtitle-l.inline.night {
  color: var(--brand--night);
}

.docs-typography-m-subtitle-l {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.subtitle {
  font-family: Roboto, sans-serif;
  font-size: var(--subtitle--default);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 130%;
}

.subtitle.center {
  text-align: center;
}

.docs-typography-m-subtitle-s {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.docs-typography-m-subtitle-xs {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.docs-typography-m-title-h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.docs-typography-m-subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.docs-typography-component-2 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 40px;
  display: flex;
}

.docs-typography-elem-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.docs-typography-details-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100px;
  display: flex;
}

.docs-typography-descr-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  display: flex;
}

.vectors-wrapper-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.docs-typography-text-2 {
  justify-content: flex-start;
  align-items: center;
  width: 260px;
  max-width: 260px;
  display: flex;
}

.docs-typography-m-text-2 {
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  display: flex;
}

.docs-typography-m-descr-l {
  color: #070015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.vectors-wrapper-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.descr {
  font-family: Roboto, sans-serif;
  font-size: var(--description--default);
  text-align: left;
  flex: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 140%;
}

.descr.center {
  text-align: center;
}

.descr.hug {
  white-space: nowrap;
  width: auto;
}

.descr.right {
  text-align: right;
}

.docs-typography-m-descr {
  color: #070015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.vectors-wrapper-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.docs-typography-m-descr-s {
  color: #070015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.vectors-wrapper-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.docs-typography-m-descr-xs {
  color: #070015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.vectors-wrapper-12 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.text-14 {
  color: #070015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.vectors-wrapper-13 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.text-15 {
  color: #070015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.vectors-wrapper-14 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.docs-typography-m-link-text {
  color: #070015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.vectors-wrapper-15 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.docs-typography-m-link-text-s {
  color: #070015;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.vectors-wrapper-16 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.uptitle {
  font-family: Roboto, sans-serif;
  font-size: var(--uptitle--default);
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 140%;
}

.uptitle.small {
  font-size: 12px;
  font-weight: 500;
}

.docs-typography-m-uptitle {
  color: #070015;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
}

.docs-buttons {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-filter {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.docs-filter-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 160px;
  max-width: 300px;
  padding-left: 20px;
  display: flex;
}

.doc-buttons {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.tab-text-s {
  z-index: 10;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 140%;
  position: relative;
}

.docs-buttons-default {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-buttons-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-buttons-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-buttons-elems {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-buttons-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 340px;
  display: flex;
}

.button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  background-color: var(--base--primary);
  color: var(--base--white);
  border-radius: 30px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  background-color: var(--base--primary);
  color: var(--base--white);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.button-icon-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  background-color: var(--base--primary);
  color: var(--base--white);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px 16px 24px;
  text-decoration: none;
  display: flex;
}

.button-s {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  background-color: var(--base--primary);
  color: var(--base--white);
  text-align: center;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s.fill {
  width: 100%;
}

.button-s-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  background-color: var(--base--primary);
  color: var(--base--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 18px 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-icon.fill {
  width: 100%;
}

.button-img-s {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.button-xs {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--primary);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.button-outline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  color: var(--base--primary);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-outline-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  color: var(--base--primary);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-outline-icon-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  color: var(--base--primary);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px 16px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  color: var(--base--primary);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline.nopointer {
  cursor: default;
}

.button-s-outline-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  color: var(--base--primary);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 18px 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline-icon-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  color: var(--base--primary);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px 8px 18px;
  text-decoration: none;
  display: flex;
}

.button-xs-outline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--base--primary);
  color: var(--base--primary);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.docs-links {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 340px;
  display: flex;
}

.link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--primary);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-img-s {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.button-s-icon-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  background-color: var(--base--primary);
  color: var(--base--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px 8px 18px;
  text-decoration: none;
  display: flex;
}

.button-img-s-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.docs-buttons-dark {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-buttons-section-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-buttons-descr-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-buttons-elems-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  background-color: var(--dark--dark-2);
  color: var(--base--white);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-icon-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  background-color: var(--dark--dark-2);
  color: var(--base--white);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-img-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.button-icon-dark-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--dark--dark-2);
  color: var(--base--white);
  border: 1px solid #290081;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px 16px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  background-color: var(--dark--dark-2);
  color: var(--base--white);
  text-align: center;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-dark.nopointer {
  cursor: default;
}

.button-s-icon-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  background-color: var(--dark--dark-2);
  color: var(--base--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 18px 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-icon-dark-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  background-color: var(--dark--dark-2);
  color: var(--base--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px 8px 18px;
  text-decoration: none;
  display: flex;
}

.button-xs-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--dark--dark-2);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.button-outline-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  color: var(--dark--dark-2);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-outline-icon-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  color: var(--dark--dark-2);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-outline-icon-dark-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  color: var(--dark--dark-2);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px 16px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  color: var(--dark--dark-2);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline-icon-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  color: var(--dark--dark-2);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 18px 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline-icon-dark-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark--dark-2);
  color: var(--dark--dark-2);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px 8px 18px;
  text-decoration: none;
  display: flex;
}

.button-xs-outline-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark--dark-2);
  color: var(--dark--dark-2);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.docs-links-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  display: flex;
}

.link-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #290081;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-img-s-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.docs-buttons-light {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #fff;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-buttons-descr-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  background-color: var(--light--light);
  color: var(--base--primary);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-icon-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  background-color: var(--base--white);
  color: var(--base--primary);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-icon-light-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  background-color: var(--base--white);
  color: var(--base--primary);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px 16px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  background-color: var(--base--white);
  color: var(--base--primary);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-light.fill {
  width: 100%;
}

.button-s-icon-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  background-color: var(--base--white);
  color: var(--base--primary);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 18px 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-icon-light-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  background-color: var(--base--white);
  color: var(--base--primary);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px 8px 18px;
  text-decoration: none;
  display: flex;
}

.button-xs-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--white);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.button-outline-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  color: var(--base--white);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-outline-icon-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  color: var(--base--white);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-outline-icon-light-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  color: var(--base--white);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px 16px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  color: var(--base--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline-icon-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  color: var(--base--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 18px 8px 24px;
  text-decoration: none;
  display: flex;
}

.button-s-outline-icon-light-reversed {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  color: var(--base--white);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px 8px 18px;
  text-decoration: none;
  display: flex;
}

.button-xs-outline-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--base--white);
  color: var(--base--white);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.link-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.docs-controls {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-controls-default {
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-controls-section {
  border-color: #d6c3ff;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.controls-radio-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #d6c3ff;
  background-color: #0000;
  border: 1px solid #d6c3ff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
}

.controls-radio-icon.w--redirected-checked {
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/652993562631f110aea0ad87_controls-radio-icon-checked.svg");
  background-position: 50%;
  background-size: auto;
  border-width: 2px;
  border-color: #7230ff;
  border-radius: 12px;
}

.controls-radio-icon.w--redirected-focus {
  border-color: #d6c3ff;
  border-radius: 12px;
  box-shadow: 0 0 3px 1px #7230ff33;
}

.docs-controls-light {
  color: #fff;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-controls-form-container {
  width: 100%;
}

.docs-controls-form {
  width: 100%;
  margin-bottom: 0;
}

.controls-checkbox {
  color: #070015;
  width: 100%;
  margin-bottom: 0;
  padding: 15px 0;
  display: block;
}

.controls-checkbox.inline {
  flex: 1;
  text-decoration: none;
  display: block;
}

.controls-checkbox-light {
  color: #fff;
  width: 100%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  display: block;
}

.docs-fields {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-fields-default {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #070015;
  background-color: #0000;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-fields-elem-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 340px;
  display: flex;
}

.docs-fields-elem {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  display: flex;
}

.docs-fields-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.field-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070015;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.field-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #d6c3ff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.field-input-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .4;
  justify-content: flex-start;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.textarea-wrapper {
  border-top: 0 solid #d6c3ff;
  border-left: 0 solid #d6c3ff;
  border-right: 0 solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.dropdown-wrapper {
  border-top: 0 solid #d6c3ff;
  border-left: 0 solid #d6c3ff;
  border-right: 0 solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.docs-fields-light {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  background-color: #140040;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  padding: 20px;
  display: flex;
}

.field-dropdown {
  color: #070015;
  background-color: #0000;
  border: 0 solid #000;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0;
  display: block;
}

.controls-radio {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 0;
  display: flex;
}

.controls-radio-light {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 0;
  display: flex;
}

.select-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.select-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.select-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070015;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 5px;
  display: flex;
}

.field-input-light {
  color: #fff;
  background-color: #0000;
  border: 0 #d6c3ff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 5px 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}

.field-input-light::placeholder {
  color: #fff6;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.field-textarea-light {
  color: #fff;
  background-color: #0000;
  border: 0 #d6c3ff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 80px;
  margin-bottom: 0;
  padding: 5px 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  position: static;
}

.field-textarea-light::placeholder {
  color: #fff6;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.field-label-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.field-dropdown-light {
  color: #fff;
  background-color: #0000;
  border: 0 solid #000;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0;
  display: block;
}

.select-label-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 5px;
  display: flex;
}

.controls-radio-icon-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #d6c3ff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
}

.controls-radio-icon-light.w--redirected-checked {
  -webkit-text-stroke-color: white;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/652a61c229f6f7d9d296692f_controls-radio-icon-light-checked.svg");
  background-position: 50%;
  background-size: auto;
  border-width: 2px;
  border-color: #fff;
}

.controls-radio-icon-light.w--redirected-focus {
  box-shadow: 0 0 3px 1px #fff3;
}

.controls-checkbox-icon-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  border-color: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 10px 0 0;
  display: flex;
}

.controls-checkbox-icon-light.w--redirected-checked {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/652fcb5c297704eebfa33050_icon-tick.svg");
  background-position: 50%;
  background-size: 16px 16px;
  border-color: #fff;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 10px 0 0;
}

.controls-checkbox-icon-light.w--redirected-focus {
  box-shadow: 0 0 3px 1px #fff3;
}

.descr-s-3 {
  text-align: left;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.file-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.button-upload {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px 8px 18px;
  text-decoration: none;
  display: flex;
}

.button-upload-light {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px 8px 18px;
  text-decoration: none;
  display: flex;
}

.docs-navigation {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-navigation-default {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-navigation-tabs-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-navigation-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-tabs-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-tabs-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tab-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #7230ff0d;
  border-style: none;
  border-width: 0;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  display: block;
  position: absolute;
}

.tab-button.w--redirected-checked {
  background-color: #7230ff;
  border-color: #7230ff;
}

.tab-button.w--redirected-focus {
  box-shadow: none;
  border-radius: 100px;
}

.tab-text {
  z-index: 10;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
}

.docs-breadcrumbs-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: 360px;
  display: flex;
}

.breadcrumb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #07001566;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.breadcrumb.active {
  color: #7230ff;
}

.breadcrumb-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.docs-pagination-section-h {
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-pagination-elem-section {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 240px;
  max-width: 360px;
  display: flex;
}

.docs-pagination-elem {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  display: flex;
}

.pg-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070015;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.pg-link.w--current {
  background-color: var(--base--primary);
  color: var(--base--white);
}

.pg-link.selected {
  color: #fff;
  background-color: #7230ff;
}

.tag-text {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.docs-navigation-descr-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pg-link-s {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070015;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.pg-prev {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff0d;
  border-style: none;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 2px;
  text-decoration: none;
  display: flex;
}

.pg-prev.brand {
  background-color: var(--base--primary);
  min-width: 30px;
  min-height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  position: absolute;
  top: auto;
  bottom: -45px;
  left: 0;
}

.pagination-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.docs-navigation-light {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #fff;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.tab {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #7230ff;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.doc-tab-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 0 solid #d6c3ff;
  border-left: 0 solid #d6c3ff;
  border-right: 0 solid #d6c3ff;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.doc-tab-wrapper.right {
  justify-content: flex-end;
  width: auto;
  padding-right: 20px;
  position: absolute;
  top: -40px;
  right: 0;
}

.doc-tab-wrapper.inline {
  max-width: none;
  display: inline;
}

.tab-outline-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #0000;
  border: 1px solid #7230ff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -8px;
  margin-left: -24px;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  display: block;
  position: absolute;
}

.tab-outline-button.w--redirected-checked {
  background-color: #7230ff;
  border-color: #7230ff;
}

.tab-outline-button.w--redirected-focus {
  box-shadow: none;
  border-style: solid;
  border-color: #7230ff;
  border-radius: 100px;
}

.tab-outline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--primary);
  color: #7230ff;
  background-color: #0000;
  border-radius: 32px;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 8px 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.tab-outline.w--current {
  background-color: var(--base--primary);
  color: var(--base--white);
}

.tab-underline {
  color: #07001566;
  white-space: nowrap;
  word-break: normal;
  background-color: #0000;
  border-bottom: 1px solid #07001566;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tab-underline.w--current {
  color: #7230ff;
  background-color: #0000;
  border: 0 #7230ff;
  border-bottom: 1px solid #7230ff;
  font-weight: 500;
  box-shadow: inset 0 -1px #7230ff;
}

.tab-underline-button {
  color: #07001566;
  -webkit-text-stroke-color: white;
  border-style: none none solid;
  border-color: #fff;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
}

.tab-underline-button.w--redirected-checked {
  border-width: 1px;
  border-color: #7230ff;
}

.tab-underline-button.w--redirected-focus {
  box-shadow: none;
  border-style: none none solid;
  border-bottom-color: #7230ff;
  border-radius: 0;
}

.breadcrumb-dot {
  background-color: #07001566;
  border-radius: 4px;
  width: 4px;
  min-width: 4px;
  height: 4px;
  min-height: 4px;
  position: relative;
}

.breadcrumb-dot.active {
  background-color: #7230ff;
}

.docs-navigation-breadcrumbs-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-breadcrumbs-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 200px;
  max-width: 200px;
  display: flex;
}

.pg-link-s-dot {
  background-color: #07001533;
  border-radius: 8px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  position: relative;
}

.pg-link-s-dot.selected {
  background-color: #7230ff;
}

.tab-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #7230ff;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tab-light-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #ffffff1a;
  border-style: none;
  border-width: 0;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  display: block;
  position: absolute;
}

.tab-light-button.w--redirected-checked {
  background-color: #7230ff;
  border-color: #7230ff;
}

.tab-light-button.w--redirected-focus {
  box-shadow: none;
  border-style: none;
  border-radius: 100px;
}

.tab-outline-light-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  display: block;
  position: absolute;
}

.tab-outline-light-button.w--redirected-checked {
  background-color: #7230ff;
  border-color: #7230ff;
}

.tab-outline-light-button.w--redirected-focus {
  box-shadow: none;
  border-style: none;
  border-color: #fff;
  border-radius: 100px;
}

.tab-outline-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  -webkit-text-stroke-color: white;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tab-underline-light {
  color: #fff;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 4px 16px;
  display: flex;
  position: relative;
}

.tab-underline-light-button {
  color: #07001566;
  border-style: none none solid;
  border-color: #07001566 #07001566 #fff;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
}

.tab-underline-light-button.w--redirected-checked {
  border-width: 1px;
  border-color: #7230ff;
}

.tab-underline-light-button.w--redirected-focus {
  box-shadow: none;
  border: 0 #fff;
  border-bottom: 1px solid #7230ff;
}

.breadcrumb-light {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.breadcrumb-light.active {
  color: #7230ff;
}

.breadcrumb-light-dot {
  background-color: #fff6;
  border-radius: 4px;
  width: 4px;
  min-width: 4px;
  height: 4px;
  min-height: 4px;
  position: relative;
}

.breadcrumb-light-dot.active {
  background-color: #7230ff;
}

.breadcrumb-light-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pg-link-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.pg-link-light.selected {
  color: #fff;
  background-color: #7230ff;
}

.pg-link-s-light-dot {
  background-color: #fff6;
  border-radius: 8px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  position: relative;
}

.pg-prev-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff1a;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.pg-next-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff1a;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.pg-next {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff0d;
  border-style: none;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 2px 0 0;
  text-decoration: none;
  display: flex;
}

.pg-next.brand {
  background-color: var(--base--primary);
  min-width: 30px;
  min-height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  position: absolute;
  top: auto;
  bottom: -45px;
  left: 38px;
}

.pg-dots {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070015;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.pg-dots-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.docs-layers {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-layers-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-layers {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-layer-d {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  height: 150px;
  padding: 20px;
  display: flex;
  box-shadow: inset 0 0 0 1px #ebe1ff;
}

.docs-layer-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-layer-0 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px dashed var(--light--light-3);
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  height: 150px;
  padding: 20px;
  display: flex;
}

.docs-layer-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  height: 150px;
  padding: 20px;
  display: flex;
  box-shadow: 0 4px 6px #0e002b1a;
}

.docs-layer-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  height: 150px;
  padding: 20px;
  display: flex;
  box-shadow: 0 8px 12px #0e002b1a;
}

.docs-forms {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-forms-default {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px 20px;
  display: flex;
}

.docs-forms-elem-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-forms-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 340px;
  display: flex;
}

.docs-forms-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-button-outline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.form-title-text-left {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.form-title-text-left.large {
  font-size: 32px;
}

.form-title-text-left.small {
  font-size: 18px;
}

.form-button-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.form-button-outline-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.docs-forms-light {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #fff;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px 20px;
  display: flex;
}

.form-button-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #7230ff;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.form-button-outline-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.form-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
}

.form-wrapper-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.form-button-outline-light-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.form-button-light-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #7230ff;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 16px 32px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.docs-accordions {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-accordions-default {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-accordions-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 340px;
  display: flex;
}

.docs-accordions-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.accordion {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #070015;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 15px;
  display: flex;
}

.accordion.hidden {
  display: none;
}

.accordion-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
}

.accordion-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 4px;
  display: flex;
}

.docs-accordions-light {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #fff;
  background-color: #140040;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.accordion-light-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 4px;
  display: flex;
}

.accordion-s-light-img {
  background-color: #ffffff1a;
  border-radius: 22.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
}

.accordion-title {
  white-space: break-spaces;
  width: 100%;
}

.accordion-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.accordion-container.w--open {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.accordion-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding: 15px;
  display: flex;
}

.accordion-light-title {
  color: #fff;
  width: 100%;
}

.accordion-light-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.accordion-s-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.accordion-s-light-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  width: 100%;
  display: flex;
}

.accordion-s-light-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.docs-navigation-c {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-navigation-c-default {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #070015;
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-navigation-c-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-navigation-c-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.breadcrumbs {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pagination {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.pagination-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.pagination-slider {
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.docs-navigation-c-light {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #fff;
  background-color: #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.pg-link-s-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070015;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.docs-tooltips {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-tooltips-default {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-tooltips-elem-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-tooltips-elem {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 340px;
  display: flex;
}

.docs-tooltips-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.popover-title-left {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popover-triangle-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  height: 100%;
  min-height: auto;
  max-height: none;
  margin: 0 -1px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.popover-triangle-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 10px;
  height: 20px;
  display: flex;
}

.popover-container {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.popover-title {
  background-color: #f8f7fa;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 20px;
  display: flex;
}

.popover-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 20px;
  display: flex;
}

.popover-right {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.popover-top {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popover-triangle-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 10px;
  height: 20px;
  display: flex;
  transform: rotate(180deg);
}

.popover-triangle-container-v {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 0;
  display: flex;
  position: relative;
}

.popover-triangle-top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-start;
  width: 10px;
  height: 20px;
  margin-top: -5px;
  margin-bottom: -5px;
  display: flex;
  transform: rotate(90deg);
}

.popover-triangle-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-start;
  width: 10px;
  height: 20px;
  margin-top: -5px;
  margin-bottom: -5px;
  display: flex;
  transform: rotate(-90deg);
}

.popover-title-right, .popover-left {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popover-bottom {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popover-title-left-dark, .popover-left-dark {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popover-top-dark, .popover-bottom-dark {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popover-right-dark {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.popover-title-right-dark {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.popover-title-dark {
  color: #fff;
  background-color: #ffffff0d;
  border: 1px solid #140040;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 20px;
  display: flex;
}

.popover-descr-dark {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 20px;
  display: flex;
}

.popover-container-dark {
  background-color: #140040;
  border: 1px solid #140040;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-cards {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-cards-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-cards-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-cards-elem-section {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 340px;
  display: flex;
}

.docs-cards-elem {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  display: flex;
}

.docs-cards-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-default {
  border: 1px #d6c3ff;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.card-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.card-img-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.card-body {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
  position: relative;
}

.card-body.autoheight {
  height: auto;
}

.card-body.horizontal {
  flex-flow: row;
}

.card-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.card-content.top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
}

.card-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  display: flex;
}

.card-descr.hug {
  width: auto;
}

.card-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.card-buttons {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.card-buttons.center {
  justify-content: center;
}

.card-overlay {
  background-color: #fff;
  border: 1px solid #d6c3ff;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
  overflow: hidden;
}

.card-bgimg {
  z-index: 0;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  order: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.card-header {
  background-color: #f8f7fa;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 20px;
  display: flex;
}

.card-tab {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #0000;
  border-radius: 0;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.card-tab.active {
  background-color: #f8f7fa;
  border-style: solid;
  border-color: #d6c3ff;
}

.card-col-l {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.card-overlay-light {
  color: #fff;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.card-alt {
  background-color: #fff;
  border: 1px #d6c3ff;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-modals {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.docs-modals-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-modals {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.docs-modals-elem-section {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 340px;
  display: flex;
}

.docs-modals-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.docs-modals-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.popup-default {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 360px;
  padding: 30px 20px;
  display: flex;
  position: relative;
}

.popup-card {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 360px;
  display: flex;
  position: relative;
}

.card-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.doc-tab-container {
  width: 100%;
  height: auto;
  margin-top: 0;
}

.tabs {
  flex-direction: row;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.docs-tooltips-dark {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.docs-title-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  padding-bottom: 20px;
  display: flex;
}

.docs-ui-sign {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 2px solid #7230ff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 34px;
  padding: 0;
  display: flex;
}

.docs-getstarted {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.vectors-wrapper-19 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.docs-menu-logo {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 68px;
  height: 42px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.h-button-outline-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
}

.field-dropdown-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.field-dropdown-icon.absolute {
  pointer-events: none;
  position: absolute;
  right: 0;
}

.docs-ui-sign-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 2px solid #7230ff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 34px;
  display: flex;
}

.docs-title-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.home-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-slider-cover {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}

.home-hero-filter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .2;
  background-image: linear-gradient(to right, #070015bf, #07001580);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.home-hero-slider-container {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1280px;
  height: auto;
  margin-top: 200px;
  margin-bottom: 80px;
  margin-left: -80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-slider-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 580px;
  height: 480px;
  padding: 70px 60px 70px 110px;
  display: flex;
  position: relative;
}

.home-hero-slider-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 760px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: -180px;
}

.home-hero-slider-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--base--white);
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.home-hero-slider-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.home-hero-slider-button {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  max-height: 60px;
  display: flex;
  position: relative;
}

._wf-prev {
  z-index: -1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  background-color: #fff3;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 640px;
  bottom: auto;
  left: 490px;
}

.home-hero-pattern {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .6;
  mix-blend-mode: normal;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-top: 70px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.home-about {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  position: relative;
}

.home-about-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 380px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.home-about-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.home-about-section-upper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-about-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 480px;
  display: flex;
}

.home-about-title {
  color: #140040;
  letter-spacing: -.05em;
  text-transform: uppercase;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%;
}

.home-about-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 640px;
  padding-top: 10px;
  display: flex;
}

.home-about-li-elem-col-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.home-about-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 18px;
  height: 16px;
  display: flex;
}

.home-about-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-about-li-elem-col-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.home-about-li-elem-col-3-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.home-about-li-elem-col-2-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.home-about-section-video {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 360px;
  display: flex;
  position: relative;
}

.home-about-video {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-about-video-play {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 64px;
  height: 64px;
  display: none;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.home-about-section-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-about-bottom-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.home-about-bottom-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.home-about-bottom-list {
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.home-about-bottom-li-elem-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 160px;
  padding-bottom: 10px;
  display: flex;
}

.home-about-bottom-li-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 56px;
  height: 56.0006px;
  display: flex;
}

.home-about-bottom-li-elem-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  padding-bottom: 10px;
  display: flex;
}

.home-about-bottom-li-elem-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 220px;
  padding-bottom: 10px;
  display: flex;
}

.home-status {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-status-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-status-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 224px;
  height: 64px;
  display: flex;
}

.home-status-uptitle-container-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  top: 10px;
  left: -120px;
}

.home-status-uptitle-container-bottom {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 175px;
  left: -119.5px;
}

.home-status-uptitle {
  color: #07001566;
  text-transform: uppercase;
  word-break: break-all;
  width: 1920px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  position: relative;
}

.home-why {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.home-why-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.home-why-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-why-cards {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-why-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--light--light-3);
  background-color: var(--light--light);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
  position: relative;
}

.card-container-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.card-descr-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  display: flex;
}

.home-team {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 40px;
  display: flex;
  position: relative;
}

.home-team-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 460px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.home-team-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.home-team-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.home-team-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 360px;
  display: flex;
}

.home-team-col-r {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.home-team-mission {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.home-team-board-old {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 60px;
  display: none;
  position: relative;
}

.home-team-board-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1040px;
  display: flex;
}

.home-team-board-members {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-team-member {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  max-width: 220px;
  display: flex;
}

.home-team-member-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  height: 140px;
  display: flex;
}

.home-team-member-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-team-member-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-cs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 20px;
  display: flex;
}

.home-cs-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.home-cs-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.home-cs-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-cs-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 480px;
  max-width: 660px;
  display: flex;
}

.home-cs-col- {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.home-cs-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-cs-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.all-links-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.all-links-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  height: 240px;
  text-decoration: none;
  display: flex;
}

.card-body-large {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  position: relative;
}

.card-title-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-descr-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  display: flex;
}

.card-col-r-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.bgimg {
  object-fit: cover;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.bgimg.origin-left {
  object-position: 0% 50%;
}

.bgimg.hug {
  width: auto;
}

.bgvideo {
  object-fit: cover;
  object-position: 50% 50%;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding-bottom: 0;
  display: flex;
}

.bgvideo.hidden {
  display: none;
}

.sm-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(#7230ff, #a430ff 66%, #7331ff 99%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 260px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.sm-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 1368px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.sm-hero-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.sm-hero-upper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-hero-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--base--white);
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.sm-hero-body {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-hero-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.sm-hero-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-hero-li {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-hero-li-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.sm-hero-li-arrow-label {
  color: #290081;
  font-family: Roboto, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 18px;
}

.sm-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sm-hero-lower {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.sm-hero-lower-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-hero-lower-container {
  border: 1px solid #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-hero-lower-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px 40px 40px;
  display: flex;
}

.sm-hero-lower-list-descr {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-hero-lower-li-l {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 440px;
  display: flex;
}

.sm-hero-lower-li-l-descr {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 160px;
  max-width: 200px;
  display: flex;
}

.sm-hero-lower-li-m {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 32px;
  height: 32px;
  display: flex;
}

.sm-hero-lower-item-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #290081;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.sm-hero-lower-item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #7230ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 160px;
  max-width: 200px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0e002b30;
}

.sm-hero-lower-item-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 88px;
  left: 20px;
}

.sm-hero-lower-item-title {
  color: var(--base--white);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 220px;
  max-width: 680px;
  display: flex;
  position: relative;
}

.sm-hero-lower-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.link-icon-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--white);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.sm-hero-lower-li-l-descr-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-hero-lower-item-subtitle {
  color: var(--base--white);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.sm-msp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.sm-msp-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sm-msp-col-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.sm-msp-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-msp-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-msp-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  display: flex;
}

.sm-msp-col-r {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.sm-msp-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sm-msp-item-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 260px;
  display: flex;
}

.sm-msp-item-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-cs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  box-shadow: inset 0 1px #bfb2d9;
}

.sm-cs-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sm-cs-heading {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-cs-heading-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.sm-cs-heading-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sm-cs-heading-text-l {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.sm-cs-heading-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-cs-heading-text-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.sm-cs-heading-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-cs-methodology {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-cs-methodology-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 760px;
  display: flex;
}

.sm-cs-methodology-body {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-cs-methodology-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 260px;
  display: flex;
}

.sm-cs-methodology-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 480px;
  display: flex;
}

.sm-cs-methodology-descr-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-cs-methodology-descr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 160px;
  max-width: 220px;
  padding-left: 20px;
  display: flex;
}

.sm-cs-methodology-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.sm-msp-title, .sm-msp-descr, .sm-msp-item-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-cs-methodology-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-cs-cta {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.sm-cs-cta-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 120px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 -1px #bfb2d9;
}

.sm-cs-cta-container {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #fff;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px;
  display: flex;
  position: relative;
}

.sm-cs-cta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 860px;
  display: flex;
}

.sm-cs-cta-buttons {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-cs-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 260px;
  max-width: 520px;
  display: flex;
}

.sm-coord {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 40px;
  display: flex;
}

.sm-coord-container {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sm-coord-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 640px;
  display: flex;
}

.sm-coord-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-coord-img-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-coord-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  height: auto;
  display: flex;
}

.sm-coord-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #290081;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sm-coord-cta-container {
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 60px;
  display: flex;
}

.sm-coord-cta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 840px;
  display: flex;
}

.sm-hero-lower-li-l-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-marketing {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.sm-marketing-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sm-marketing-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.sm-marketing-body {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-marketing-col-l {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 320px;
  display: flex;
}

.sm-marketing-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-marketing-item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  color: var(--base--white);
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 260px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0e002b30;
}

.sm-marketing-item-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 134px;
  left: 20px;
}

.sm-marketing-item-title {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.sm-marketing-item-link {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 22px;
  display: flex;
  position: relative;
}

.sm-marketing-col-r {
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 720px;
  display: flex;
}

.sm-marketing-adv-upper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px 40px 20px 100px;
  display: flex;
  position: relative;
}

.sm-marketing-adv-upper-list {
  grid-column-gap: 20px;
  grid-row-gap: 5px;
  color: var(--base--white);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.sm-marketing-adv-upper-li {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.sm-marketing-adv-upper-li-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sm-marketing-adv-upper-li-arrow-label {
  color: #c2a5ff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 10.67px;
}

.sm-marketing-adv-upper-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  height: 140px;
  display: flex;
  position: absolute;
  top: 1px;
  left: -70px;
}

.sm-marketing-adv {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px 40px;
  display: flex;
}

.sm-marketing-adv-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  max-width: 160px;
  display: flex;
}

.sm-marketing-adv-li {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  display: flex;
}

.sm-marketing-adv-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 460px;
  display: flex;
}

.sm-marketing-adv-descr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.sm-marketing-adv-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.sm-marketing-adv-li-title, .sm-marketing-adv-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-sales {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 80px;
  display: flex;
}

.sm-sales-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sm-sales-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.sm-sales-body {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sm-sales-col-l {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 320px;
  display: flex;
}

.sm-sales-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-sales-forrester-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 240px;
  padding: 20px;
  display: flex;
}

.sm-sales-forrester-item-img-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  display: flex;
}

.sm-sales-forrester-item-img {
  object-fit: cover;
}

.sm-sales-forrester-item-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sm-sales-forrester-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.sm-sales-overview-item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  color: var(--base--white);
  background-image: linear-gradient(43.38deg, #7230ff, #c05aff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 240px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0e002b30;
}

.sm-sales-overview-item-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -20px;
  left: 0;
}

.sm-sales-overview-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.sm-sales-col-r {
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 720px;
  display: flex;
}

.sm-sales-adv-upper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 140px;
  padding: 20px 60px;
  display: flex;
  position: relative;
}

.sm-sales-adv-upper-mockup {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100px;
  padding-left: 120px;
  padding-right: 20px;
  display: flex;
}

.sm-sales-adv-upper-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  height: 140px;
  display: flex;
  position: absolute;
  top: 0;
  left: -70px;
}

.sm-sales-adv {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 60px 40px 30px;
  display: flex;
}

.sm-sales-adv-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  max-width: 160px;
  display: flex;
}

.sm-sales-adv-li {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  display: flex;
}

.sm-sales-adv-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 460px;
  display: flex;
}

.sm-sales-adv-descr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  display: flex;
}

.sm-sales-adv-upper-mockup-img {
  width: 100%;
  max-width: 360px;
}

.sm-sales-adv-li-title, .sm-sales-adv-li-descr, .sm-sales-adv-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-quickstart {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.sm-quickstart-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 50px 60px 60px;
  display: flex;
}

.sm-quickstart-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 1020px;
  display: flex;
}

.sm-quickstart-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 1020px;
  display: flex;
}

.sm-quickstart-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 620px;
  display: flex;
}

.sm-quickstart-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
}

.sm-quickstart-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sm-quickstart-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sm-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.sm-hero-subtitle {
  font-family: Roboto, sans-serif;
  font-size: var(--subtitle--default);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 130%;
}

.sm-coord-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-container {
  width: auto;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: inline-block;
}

.title-container.expand {
  width: 100%;
}

.us-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 240px 20px 80px;
  display: flex;
  position: relative;
}

.us-hero-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.us-hero-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.us-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 800px;
  display: block;
}

.us-hero-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.us-hero-upper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.us-hero-col-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: 460px;
  display: flex;
}

.us-hero-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-hero-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.us-hero-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.us-hero-li {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
}

.us-feats {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.us-feats-upperbg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #290081;
  border-top: 1px solid #290081;
  border-bottom: 0 solid #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 180px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.us-feats-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f7fa;
  border: 1px solid #baadd6;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 60px;
  display: flex;
  position: relative;
}

.us-feats-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 1040px;
  display: flex;
}

.us-feats-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-feats-col-l {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 460px;
  display: flex;
}

.us-feats-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.us-feats-item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 240px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0e002b30;
}

.us-feats-item-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 111px;
  left: 20px;
}

.us-feats-item-title {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.us-feats-item-link {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 22px;
  display: flex;
  position: relative;
}

.us-feats-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 540px;
  display: flex;
}

.us-feats-li {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 560px;
  display: flex;
}

.us-feats-li-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.us-feat-li-arrow {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 16px;
}

.us-feats-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.us-rep-wc {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 20px;
  display: flex;
}

.us-rep-wc-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.us-rep-wc-col-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 820px;
  display: flex;
}

.us-rep-wc-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.us-rep-wc-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 820px;
  display: flex;
}

.us-rep-wc-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-rep-wc-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-rep-wc-li-descr-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  display: flex;
}

.us-rep-wc-li-descr {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 400px;
  padding-left: 20px;
  display: flex;
}

.us-rep-wc-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1px;
  display: flex;
}

.us-rep-wc-li-title-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 23px;
  display: flex;
}

.us-rep-wc-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 260px;
  max-width: 300px;
  display: flex;
}

.us-rep-wc-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.us-rep-wc-item-container {
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 260px;
  height: 360px;
  display: flex;
  box-shadow: 0 8px 16px #0e002b30;
}

.us-rep-wc-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 242px;
  display: flex;
}

.us-rep-wc-item-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.us-rep-wc-item-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.us-rep-wc-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.us-rep-wc-item-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100px;
  display: flex;
}

.us-rep-hw {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.us-rep-hw-container {
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  height: auto;
  display: flex;
  position: relative;
}

.us-rep-hw-col-l {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--base--white);
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/6509c04c04be0c7a2cc9e431_rep-hw-col-l.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  height: auto;
  min-height: 0;
  padding: 50px 60px;
  display: flex;
}

.us-rep-hw-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.us-rep-hw-steps {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.us-rep-hw-step {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.us-rep-hw-step-num {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--dark--dark-2);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.us-rep-hw-step-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 160px;
  display: flex;
}

.us-rep-hw-step-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-rep-hw-step-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-rep-hw-step-title-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 160px;
  display: flex;
}

.us-rep-hw-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #140040;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  height: 530px;
  padding: 40px 60px;
  display: none;
}

.us-jc {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px 80px;
  display: flex;
}

.us-jc-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.us-js-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.us-jc-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-jc-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.us-jc-li-num {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-jc-li-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-jc-li-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.us-jc-li-title, .us-jc-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-bc-guide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  box-shadow: inset 0 1px #bfb2d9, inset 0 -1px #bfb2d9;
}

.us-bc-guide-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.us-bc-guide-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 880px;
  display: flex;
}

.us-bc-guide-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  display: flex;
}

.us-bc-guide-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.us-bc-guide-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-bc-guide-descr-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-bc-guide-descr {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 400px;
  padding-left: 20px;
  display: flex;
}

.us-bc-guide-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  display: flex;
}

.us-bc-guide-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.us-bc-guide-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 320px;
  display: flex;
  box-shadow: 0 8px 16px #0e002b1a;
}

.us-bc-guide-item-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.us-bc-guide-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.us-bc-uni-ode {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.us-bc-uni-ode-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.us-bc-uni-ode-top {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.us-bc-uni-ode-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 720px;
  display: flex;
}

.us-bc-uni-ode-col-l.de {
  max-width: 800px;
}

.us-bc-uni-ode-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.us-bc-uni-ode-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.us-bc-uni-ode-col-r.de {
  max-width: 280px;
}

.us-bc-uni-ode-bottom {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.us-bc-uni-ode-tab {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.us-bc-uni-ode-tab-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.us-bc-uni-ode-tab-image {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 660px;
  display: flex;
}

.us-bc-uni-ode-item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  color: var(--base--white);
  background-image: linear-gradient(43.38deg, #7230ff, #c05aff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 240px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0e002b30;
}

.us-bc-uni-ode-item-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 134px;
  left: 0;
}

.us-bc-uni-ode-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.us-bc-uni-ode-title, .us-bc-uni-ode-descr, .us-bc-uni-ode-item-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.us-msp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.us-msp-container {
  color: var(--base--white);
  background-color: #140040;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 50px 60px;
  display: flex;
}

.us-msp-col-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 660px;
  display: flex;
}

.us-msp-body {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.us-msp-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--brand--night);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 20px;
  display: flex;
}

.us-msp-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.msp-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-msp-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.us-msp-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.us-msp-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  height: 300px;
  display: flex;
}

.us-msp-item-image {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 171px;
  display: flex;
}

.image {
  object-fit: cover;
}

.us-msp-item-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--black);
  background-color: #9c94ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.us-msp-item-main {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-msp-item-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 22px;
  display: flex;
}

.subtitle-s-2 {
  color: #140040;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.us-msp-item-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-msp-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 260px;
  height: auto;
  display: flex;
}

.us-msp-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.us-faq {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.us-faq-container {
  background-color: #f8f7fa;
  border: 1px solid #baadd6;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 1160px;
  padding: 60px 40px;
  display: flex;
}

.us-faq-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #baadd6;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.us-faq-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.list {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.et-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 360px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.et-hero-bgimg {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 640px;
  position: absolute;
  top: 0;
  left: 0;
}

.et-hero-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 1160px;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.et-hero-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 1060px;
  display: flex;
}

.et-hero-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-hero-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-hero-descr-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-hero-descr-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 280px;
  max-width: 620px;
  display: flex;
}

.et-hero-descr-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 280px;
  max-width: 360px;
  display: flex;
}

.et-hero-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.et-techs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.et-techs-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.et-techs-title {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.et-techs-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.et-techs-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  height: 500px;
  display: flex;
}

.et-techs-col-r {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.et-techs-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-techs-title-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-techs-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.et-assess {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.et-assess-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 0 solid #bfb2d9;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 120px;
  display: flex;
  position: absolute;
  top: 128px;
  left: 0;
}

.et-assess-container {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.et-assess-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.et-assess-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.et-assess-t {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.et-assess-t-container {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  height: 424px;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.et-benefits {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px 80px;
  display: flex;
}

.et-benefits.hidden {
  display: none;
}

.et-benefits-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.et-benefits-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-benefits-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .6;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  display: flex;
}

.et-benefits-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.et-benefits-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-benefits-li {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  max-width: 275px;
  display: flex;
}

.et-benefits-li-num, .et-benefits-li-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-benefits-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .6;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-collab {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.et-collab-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.et-collab-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.et-collab-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-collab-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.et-collab-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.et-collab-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-teams {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.et-teams-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.et-teams-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-teams-tabs {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.et-teams-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-teams-tabs-menu {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.et-team-tab-link {
  border: 1px solid var(--light--light-3);
  background-color: #0000;
  min-width: 160px;
  max-width: 280px;
  padding: 0;
}

.et-team-tab-link.w--current {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  padding: 0;
}

.et-team-tab {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.et-team-tab-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.et-team-tab-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-team-tab-title-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.et-team-tab-label-arrow {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 18px;
}

.et-team-tab-title-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-team-tab-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.et-team-tab-descr {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.et-team-tab-cards-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-team-card {
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.et-team-card-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.et-team-card-row-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 30px;
  display: flex;
}

.et-team-card-title {
  color: var(--base--primary);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
}

.et-team-card-adds-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #bfb2d9;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 220px;
  height: auto;
  max-height: 120px;
  padding: 15px;
  display: flex;
}

.et-team-card-adds {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80px;
  display: flex;
}

.descr-xs-2 {
  opacity: .8;
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.et-team-card-row {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.et-team-card-skills {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-team-card-subtitle {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-team-card-link {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.et-team-tab-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.et-team-tab-button {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.et-cta {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px 80px;
  display: flex;
  position: relative;
}

.et-cta-bgimg-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 640px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.et-cta-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.et-cta-container {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  color: var(--base--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.et-cta-title {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.et-cta-list {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-cta-li {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.et-cta-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.vectors-wrapper-20 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 2px;
  display: flex;
}

.et-cta-li-descr {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.et-cta-img-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1200px;
  height: 260px;
  display: flex;
  position: relative;
}

.et-cta-button-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.et-whyus {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.et-whyus-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.et-whyus-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.et-whyus-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.et-whyus-col-l {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  height: 300px;
  display: flex;
}

.et-whyus-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.et-whyus-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.et-whyus-arrow-label {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 18px;
}

.et-whyus-descr {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.et-whyus-subtitle {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.et-assess-t-img {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
}

.bc-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(#77f6ff, #7230ff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 260px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.bc-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/6757d811e88eadb2fbddaadb_bc-hero-bgimg.webp");
  background-position: 100% -10%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 60px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bc-hero-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.bc-hero-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-hero-body {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  display: flex;
}

.bc-hero-button {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-hero-lower-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.bc-hero-lower-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-hero-lower-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 820px;
  display: flex;
}

.bc-hero-lower-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.bc-hero-lower-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.bc-hero-lower-card {
  box-sizing: border-box;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--light--light-3);
  color: var(--base--black);
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  min-width: 240px;
  height: auto;
  min-height: 120px;
  max-height: none;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.bc-hero-link {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--primary);
  background-color: #f0f0f000;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.bc-hero-lower-video {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 240px;
  display: flex;
  position: relative;
}

.bc-hero-lower-video-player {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.bc-hero-lower-video-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
  position: absolute;
  top: 78px;
  left: 488px;
}

.bc-path-ni {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-path-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.bc-path-row-t {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-path-title-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.bc-path-uptitle-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-path-breadcrumb {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--primary);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.button-img-s-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.bc-path-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-path-ta {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.bc-path-ta-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 8px;
  height: 87px;
  display: flex;
}

.bc-path-ta-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-path-ta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-path-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  height: 280px;
  display: flex;
}

.bc-path-adv-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.bc-path-adv {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-path-adv-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-path-adv-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #140040;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.bc-path-cta-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 20px;
  display: flex;
}

.bt-path-cta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  display: flex;
}

.bc-path-cta-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  display: flex;
}

.bc-path-cs {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-path-title-container-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.bc-path-up {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-path-title-container-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.bc-path-ls {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-path-title-container-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.bc-cs {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  position: relative;
}

.bc-cs-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  border: 1px solid #d6c3ff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: 400px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.bc-cs-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.bc-cs-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  display: flex;
}

.bc-cs-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 700px;
  display: flex;
}

.bc-cs-descr-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-cs-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 220px;
  max-width: 220px;
  display: flex;
}

.bc-cs-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-cs-cta-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--secobdary-bg);
  border: 1px solid #d6c3ff;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 35px 60px 40px;
  display: flex;
  position: relative;
}

.bc-cs-cta-col-l {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  display: flex;
}

.bc-cs-cta-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-cs-cta-col-r {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.bc-cs-cta-title, .bc-cs-cta-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-ot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  position: relative;
}

.bc-ot-container {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.bc-ot-col-l {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.bc-ot-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-ot-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460px;
  height: 120px;
  display: flex;
}

.bc-ot-col-r {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.bc-ot-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-ot-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-ot-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.bc-unicode {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-msp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.bc-tech {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-tech-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.bc-tech-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-tech-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  display: flex;
}

.bc-tech-img-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bc-tech-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-guide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid var(--light--light-3);
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-links-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.e-cover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.e-cover-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 1160px;
  padding-top: 240px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.e-cover-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.e-cover-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.e-cover-buttons-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-cover-reg-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.e-cover-details {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 10px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  padding: 30px 40px;
  display: flex;
  position: relative;
}

.e-details-when {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.e-details-where {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 120px;
  max-width: 140px;
  display: flex;
}

.e-details-lang {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 160px;
  max-width: 160px;
  display: flex;
}

.e-details-descr {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-details-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--brand--night);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-cover-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px 80px;
  display: flex;
}

.e-body-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.e-body-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 720px;
  display: flex;
}

.e-about-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.e-reasons {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-cms-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-insights {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-speakers-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-speaker-elem {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  max-width: 200px;
  display: flex;
}

.e-speaker-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: cover;
  border-radius: 60px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  height: 120px;
  display: flex;
}

.e-speaker-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-body-col-r {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #7230ff;
  border-radius: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  padding: 30px 30px 40px;
  display: flex;
  position: sticky;
  top: 120px;
  bottom: 120px;
}

.e-reg-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-descr {
  width: 100%;
  margin-top: 5px;
}

.e-speakers-collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.e-get-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.e-cms-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-speakers, .e-interested {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-all-cover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 260px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.e-all-cover-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 360px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -40px;
  left: 0;
}

.e-all-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.e-all-cover-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.e-all-cover-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.e-all-cover-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.e-all-cover-vignette {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 80px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -80px;
  left: 0;
  box-shadow: 0 -10px 60px #0e002b33;
}

.e-all-filter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 20px 20px;
  display: flex;
}

.e-all-filter-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.e-all-filter-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.e-filter-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.e-all-filter-items {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tab-wrapper-list {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.tab-wrapper-list.inline {
  display: inline;
}

.tab-empty {
  display: none;
}

.tab-outline-clear {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #7230ff;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  display: inline;
  position: relative;
}

.tab-outline-item {
  display: inline;
}

.e-all-events {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.e-all-events-container, .e-all-events-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.e-all-event-item {
  background-color: #fff;
  border: 1px solid #bfb2d9;
  border-radius: 0;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 320px;
  max-width: 360px;
  min-height: 410px;
  display: flex;
  position: relative;
}

.e-all-event-link {
  z-index: 9999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.e-all-event-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark--dark);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
}

.e-all-event-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.e-all-event-data {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-all-event-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.e-all-event-date {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
}

.e-all-event-speakers {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.e-all-speaker-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 12px;
  min-width: auto;
  max-width: 32px;
  height: auto;
  min-height: 32px;
  max-height: 32px;
  display: flex;
  position: relative;
  overflow: visible;
}

.e-all-event-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-fill {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  display: flex;
}

.button-text-5 {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.button-outline-fill {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #7230ff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  display: flex;
}

.button-text-6 {
  color: #7230ff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.e-all-event-reg-button, .e-all-event-get-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-all-event-speakers-empty {
  display: none;
}

.e-all-event-speakers-wrapper, .e-all-event-speakers-container {
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 32px;
  display: flex;
}

.e-all-event-title {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-all-pagination-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.e-all-event-category {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 5px;
  display: none;
}

.pg-img {
  color: var(--base--primary);
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.home-hero-slider-collection {
  justify-content: center;
  width: 100%;
  height: auto;
  display: flex;
}

.home-hero-slider-list {
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.home-hero-slider-item {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 1280px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-slider {
  z-index: 3;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: auto;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
}

.home-hero-slider-dots {
  display: none;
}

.home-hero-slider-mask {
  width: 100%;
  min-width: auto;
  max-width: 1280px;
  height: auto;
  position: relative;
  overflow: visible;
}

._wf-next {
  z-index: -1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  background-color: #fff3;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 8px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 640px;
  bottom: auto;
  left: 540px;
}

.home-hero-slider-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  overflow: visible;
}

.home-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-top: 70px;
  display: flex;
  position: absolute;
  top: 0;
}

.home-hero-bgvideo-html {
  display: none;
}

.ds-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 360px 20px 40px;
  display: flex;
  position: relative;
}

.ds-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.ds-hero-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 1160px;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.ds-hero-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 1060px;
  display: flex;
}

.ds-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-hero-descr {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 640px;
  display: flex;
}

.ds-hero-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.ds-services {
  color: var(--base--white);
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.ds-services-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ds-services-elem-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--brand--night);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ds-services-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-services-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-services-elem-double {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 560px;
  display: flex;
}

.ds-services-elem {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.ds-services-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ds-services-elem-descr {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.ds-services-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-isv {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.ds-isv-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ds-isv-upper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.ds-isv-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 520px;
  display: flex;
}

.descr-l-3 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.ds-isv-body {
  grid-column-gap: 100px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-isv-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  height: 300px;
  display: flex;
}

.ds-isv-list-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  display: flex;
}

.ds-isv-col-r {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  display: flex;
}

.ds-isv-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-isv-list-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ds-isv-list-descr-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-isv-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-isv-descr {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.ds-isv-list-descr {
  flex-direction: column;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.ds-cta {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  position: relative;
}

.ds-cta-bgimg-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 572px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.ds-cta-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ds-cta-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.ds-cta-title-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-cta-title {
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  display: flex;
}

.ds-cta-descr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 520px;
  display: flex;
}

.ds-cta-list {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ds-cta-li {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.ds-cta-li-hyph {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 12px;
  height: 2px;
  display: flex;
}

.ds-cta-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ds-cta-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1200px;
  height: 260px;
  display: flex;
  position: relative;
}

.cg-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 260px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.cg-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 76%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.cg-hero-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.cg-hero-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.cg-hero-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.cg-hero-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: 490px;
  display: flex;
}

.cg-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-hero-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460px;
  height: 140px;
  display: flex;
}

.cg-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cg-hero-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.cg-hero-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  margin-bottom: 0;
  display: flex;
}

.cg-hero-lower-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 60px;
  display: flex;
  overflow: hidden;
}

.cg-hero-lower-fig {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 160px;
  max-width: 160px;
  display: flex;
}

.cg-hero-lower-fig-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cg-hero-lower-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 560px;
  display: flex;
}

.cg-hero-lower-tags {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: default;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cg-hero-lower-slider-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.cg-hero-lower-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  overflow: visible;
}

.cg-hero-slider-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: visible;
}

.cg-hero-slide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 300px;
  height: auto;
  display: flex;
  position: relative;
}

.cg-hero-slide-cover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  height: 100%;
  display: flex;
}

.cg-hero-slide-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 36px;
  height: 36px;
  display: none;
  position: absolute;
  top: 62px;
  left: 132px;
}

.pg-next-dark {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 65px;
  left: 1025px;
}

.pg-prev-dark {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 65px;
  left: -15px;
}

.cg-hero-lower-section-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-hero-section-upper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-hero-lower-section-slider {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-hero-empty {
  display: none;
}

.cg-hero-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.cg-hero-slide-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 300px;
  height: auto;
  display: flex;
  position: relative;
}

.cg-upgrade {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.cg-upgrade-container {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.cg-upgrade-title-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-upgrade-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.cg-upgrade-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.cg-card-default {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.card-container-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-card-img-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  display: flex;
}

.cg-card-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.card-content-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-descr-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  display: flex;
}

.cg-or {
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 80px;
  padding: 80px 20px;
  display: flex;
  position: relative;
}

.cg-or-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 140px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.cg-or-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.cg-or-top {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.cg-or-top-elem {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--brand--shade-2);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  padding: 20px;
  display: flex;
}

.cg-or-top-elem-num {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--brand--shade-2);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-or-top-elem-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-or-bottom {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--base--white);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cg-or-bottom-q-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cg-or-bottom-q-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  display: flex;
}

.cg-or-bottom-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 60px;
  display: flex;
}

.cg-or-bottom-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--base--black);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.cg-or-bottom-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.cg-or-top-elem-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-ex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 80px 20px;
  display: flex;
}

.cg-ex-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.cg-ex-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  height: 380px;
  display: flex;
}

.cg-ex-col-r {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.cg-ex-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-ex-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-ex-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.cg-cta-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/6538f96b88dff21b82d3a6f8_cg-cta-bgimg.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 60px;
  display: flex;
  position: relative;
}

.cg-cta-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.cg-cta-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.cg-cta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-cta-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.cg-plans {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 80px 20px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cg-plans-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.cg-plans-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.cg-plans-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-plans-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--base--primary);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 52%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.cg-plans-cards {
  z-index: 2;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: grid;
  position: relative;
}

.cg-card-alt {
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.card-container-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-content-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-title-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-descr-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  display: flex;
}

.cg-plans-bottom {
  z-index: 2;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.cg-plans-bottom-text {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cg-plans-bottom-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.cg-plans-bottom-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cg-faq {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 0;
  display: none;
}

.cg-faq-container {
  background-color: #f8f7fa;
  border: 1px solid #baadd6;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 1160px;
  padding: 60px 40px;
  display: flex;
}

.cg-faq-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #baadd6;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.cg-faq-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cg-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 80px 20px;
  display: flex;
}

.notfound {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 80px 20px;
  display: flex;
}

.notfound-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  min-height: 560px;
  display: flex;
}

.notfound-img {
  grid-column-gap: 9.58333px;
  grid-row-gap: 9.58333px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460px;
  height: 560px;
  display: flex;
}

.notfound-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.notfound-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.notfound-title, .notfound-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.notfound-legals-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--base--white);
  border: 0 solid #fff;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  padding-top: 30px;
  display: flex;
}

.f-legals-loc {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 460px;
  display: flex;
}

.notfound-legals-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nf-title-h2 {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h2);
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
  line-height: 120%;
  display: block;
}

.nf-descr-l {
  font-size: var(--description--large);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 140%;
}

.nf-legals-p {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  color: var(--base--white);
  flex-wrap: wrap;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.bc-tech-img {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
}

.h-p-blog, .h-p-careers {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.h-p-careers.hidden {
  display: none;
}

.form-reg-success-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.form-reg-success-buttons {
  align-items: center;
  margin-top: 20px;
}

.form-success-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.bgfade {
  background-color: #07001566;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.e-cover-title-container-light {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.e-cover-uptitle-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  letter-spacing: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.f-subtitle-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 160px;
}

.f-subtitle-xs-link {
  color: var(--base--black);
  text-decoration: none;
}

.hidden-wrapper {
  border-top: 0 solid #d6c3ff;
  border-left: 0 solid #d6c3ff;
  border-right: 0 solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
}

.field-hidden {
  color: #070015;
  background-color: #0000;
  border: 0 #d6c3ff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 0;
  margin-bottom: 0;
  padding: 5px 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  display: none;
  overflow: visible;
}

.field-hidden::placeholder {
  color: #07001566;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.e-all-speaker-img-container {
  border: 2px solid var(--base--white);
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  display: flex;
  overflow: hidden;
}

.fs-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(#77f6ff, #7230ff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 260px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fs-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: auto;
}

.fs-hero-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.fs-hero-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-hero-body {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 860px;
  display: flex;
}

.fs-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  display: flex;
}

.fs-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-hero-lower-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.fs-hero-lower-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-hero-lower-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.fs-hero-lower-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 440px;
  display: flex;
}

.fs-hero-lower-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--light--light-3);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 300px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.fs-hero-lower-video {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 220px;
  display: flex;
  position: relative;
}

.fs-hero-lower-video-player {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 220px;
  display: flex;
}

.fs-hero-link-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--primary);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-card-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--black);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  display: flex;
}

.fs-msp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.fs-msp-container {
  color: var(--base--white);
  background-color: #140040;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 50px 60px;
  display: flex;
}

.fs-msp-col-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 600px;
  display: flex;
}

.fs-msp-body {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.fs-msp-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  display: flex;
}

.fs-msp-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
}

.fs-msp-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  height: 300px;
  display: flex;
}

.fs-msp-item-image {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 171px;
  display: flex;
}

.fs-msp-item-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--black);
  background-color: #9c94ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.fs-msp-item-main {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-msp-item-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 22px;
  display: flex;
}

.fs-msp-item-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-msp-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.fs-msp-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-bc-guide-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fs-msp-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--brand--night);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.fs-path-cs {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 20px;
  display: flex;
}

.fs-path-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.fs-path-row-t {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-path-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.fs-path-uptitle-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-path-breadcrumb {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--primary);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.fs-path-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-path-ta {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.fs-path-ta-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 8px;
  height: 87px;
  display: flex;
}

.fs-path-ta-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-path-ta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-path-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  height: 280px;
  display: flex;
}

.fs-path-adv-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.fs-path-adv {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-path-adv-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.fspath-adv-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #140040;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.button-img-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.fs-path-cta-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 20px;
  display: flex;
}

.fs-path-cta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  display: flex;
}

.fs-path-cta-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  display: flex;
}

.fs-path-up {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.fs-path-adv-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #140040;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.button-img-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.fs-steps {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  position: relative;
}

.fs-steps-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: 720px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.bgfill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.fs-steps-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.fs-steps-main-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-bottom: 1px solid var(--light--light-3);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: flex;
}

.fs-steps-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.fs-steps-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-steps-descr-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-steps-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 440px;
  display: flex;
}

.fs-steps-note-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 440px;
  display: flex;
}

.fs-steps-none {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #7230ff;
  border-left-width: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 30px;
  display: flex;
}

.fs-steps-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  display: flex;
}

.fs-steps-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  display: flex;
}

.fs-steps-item-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.fs-steps-item-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-steps-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-steps-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1100px;
  display: flex;
}

.fs-card-light {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--black);
  background-color: #9c94ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 220px;
  max-width: 360px;
  height: 180px;
  padding: 20px;
  display: flex;
}

.fs-step-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-step-num-light {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--brand--night);
  background-color: #140040;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 10px;
  display: flex;
}

.fs-step-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 168px;
  display: flex;
}

.fs-card-dark {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--white);
  background-color: #140040;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 220px;
  max-width: 340px;
  height: 180px;
  padding: 20px;
  display: flex;
}

.fs-step-num-dark {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--dark--dark);
  background-color: #9c94ff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 10px;
  display: flex;
}

.fs-cg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  display: flex;
  position: relative;
}

.fs-cg-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(#7000ff, #9c94ff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 380px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.fs-cg-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.fs-cg-col-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.fs-cg-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.fs-cg-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-cg-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 220px;
  height: 60px;
  display: flex;
}

.fs-cg-col-r {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.fs-cg-descr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-cg-descr.mobile {
  display: none;
}

.fs-trial {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 40px;
  display: flex;
  position: relative;
}

.fs-trial-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  max-width: none;
  height: 300px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.vectors-wrapper-23 {
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.fs-trial-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.fs-trial-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-trial-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.fs-trial-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  height: 595px;
  display: flex;
}

.fs-trial-cta {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-trial-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-trial-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-uo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.fs-uo-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.fs-uo-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.fs-uo-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-uo-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-uo-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--base--white);
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex-flow: row-reverse;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 360px;
  max-height: 56px;
  padding: 16px 32px 16px 4px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.fs-uo-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  height: 360px;
  display: flex;
}

.fs-qs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.fs-qs-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 50px 60px 60px;
  display: flex;
}

.fs-qs-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 1020px;
  display: flex;
}

.fs-qs-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 1020px;
  display: flex;
}

.fs-qs-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 620px;
  display: flex;
}

.fs-qs-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
}

.fs-qs-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fs-qs-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fs-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.fs-button-img-s {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.fs-cg-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 220px;
  height: 60px;
  display: flex;
}

.fs-cg-img.mobile {
  display: none;
}

.sc-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(181.46deg, #03ffab 1%, #ac8fff 98%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 260px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.sc-hero-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.sc-hero-upper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-hero-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.sc-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-hero-descr {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sc-hero-lower {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.sc-hero-lower-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.sc-hero-lower-container {
  border: 1px solid #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 460px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.sc-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.sc-meas {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.sc-meas-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sc-meas-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.sc-meas-title-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-meas-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-meas-subtitle-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-meas-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  background-color: #7230ff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.sc-meas-descr-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-meas-subtext {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 320px;
  padding-top: 20px;
  display: flex;
}

.sc-meas-col-r {
  border: 1px solid #d6c3ff;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  height: auto;
  display: flex;
}

.sc-meas-li-text {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 338px;
  max-width: 338px;
  display: flex;
  position: relative;
}

.sc-meas-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px;
  display: flex;
}

.sc-meas-li-descr-bottom {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px;
  display: flex;
}

.sc-meas-li-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 320px;
  height: 100%;
  display: flex;
  position: relative;
}

.sc-value {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  display: flex;
}

.sc-value-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sc-value-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 920px;
  display: flex;
}

.sc-value-body {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-value-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  height: 360px;
  display: flex;
}

.sc-value-col-r {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.sc-value-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-value-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-value-note-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-value-note {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #7230ff;
  border-left-width: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 30px;
  display: flex;
}

.sc-value-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.descr-container {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.sc-steps {
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sc-steps-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: 660px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.sc-steps-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--base--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.sc-steps-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-steps-slide {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 560px;
  max-width: 560px;
  height: 100%;
  padding-right: 40px;
  display: flex;
}

.sc-steps-slide-img {
  grid-column-gap: 8.21429px;
  grid-row-gap: 8.21429px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  display: flex;
}

.sc-steps-slide-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.sc-steps-dots {
  display: none;
}

.sc-slider-prev, .sc-slider-next {
  align-items: flex-start;
  width: auto;
  height: 100%;
  padding-top: 140px;
  display: flex;
}

.sc-slider-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex: 1;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: visible;
}

.sc-slider {
  background-color: #0000;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: visible;
}

.sc-pg-next, .sc-pg-prev {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark--dark);
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.sc-msm {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 20px;
  display: flex;
}

.sc-msm-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sc-msm-upper {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-msm-col-l {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.sc-msm-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sc-msm-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.sc-msm-col-r-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-msm-col-r-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-msm-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  min-width: 120px;
  height: 120px;
  min-height: 120px;
  display: flex;
}

.sc-msm-tags {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  display: flex;
}

.sc-msm-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #7230ff;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  display: flex;
}

.sc-msm-section-col-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.sc-card-header {
  background-color: #f8f7fa;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px;
  display: flex;
}

.sc-card-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 20px 20px;
  display: flex;
}

.sc-msm-section-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 320px;
  display: flex;
}

.sc-msm-section-tags {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 0;
  display: flex;
}

.sc-msm-section-img {
  grid-column-gap: 8.75px;
  grid-row-gap: 8.75px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 320px;
  display: flex;
}

.sc-card-alt {
  background-color: #fff;
  border: 1px #d6c3ff;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.sc-preview {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.sc-preview-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sc-preview-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.sc-preview-card-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-preview-card {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.sc-preview-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  display: flex;
}

.sc-preview-card-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  display: flex;
}

.sc-preview-card-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-preview-card-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.sc-cta-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  height: 330px;
  display: flex;
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
}

.sc-cta-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.sc-cta-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  display: flex;
}

.sc-cta-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-cta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-cta-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sc-cta-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  height: 250px;
  display: flex;
}

.sc-qs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.sc-qs-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.sc-qs-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.sc-qs-card-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-qs-card {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.sc-qs-card-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  height: 200px;
  display: flex;
}

.sc-qs-card-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  padding: 20px;
  display: flex;
}

.sc-qs-card-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sc-resp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.sc-resp-container {
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding-bottom: 80px;
  display: flex;
}

.sc-resp-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  display: flex;
}

.sc-resp-body {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  max-height: none;
  padding: 40px 60px;
  display: flex;
}

.sc-resp-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sc-resp-descr-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.docs-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-text-s-4 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.doc {
  background-color: #f8f7fa;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.doc-container {
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 1200px;
  height: auto;
  display: flex;
}

.doc-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f7fa;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  height: auto;
  max-height: 90vh;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  top: 100px;
  bottom: 80px;
  overflow: auto;
}

.doc-menu-container {
  color: var(--base--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.doc-menu-icon-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 10px 20px;
  display: flex;
}

.doc-menu-icon {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1.6px solid #7230ff;
  border-radius: 6.4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.doc-menu-title {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--black);
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.doc-menu-section-bare {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
}

.doc-menu-section-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-menu-p {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--black);
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  text-decoration: none;
  display: flex;
}

.doc-menu-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #0700151a;
  border-top-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
}

.doc-menu-p-title {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .4;
  color: var(--base--black);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.doc-menu-section-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.doc-body {
  background-color: #fff;
  border: 0 solid #d6c3ff;
  border-width: 0 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 768px;
  max-width: 960px;
  padding-top: 80px;
  display: flex;
  box-shadow: 0 0 12px #0700150d;
}

.doc-body-cover {
  background-color: #070015;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 260px 60px 60px;
  display: flex;
  position: relative;
}

.doc-cover-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  height: 400px;
  display: flex;
  position: absolute;
  bottom: -120px;
  left: 0;
}

.doc-cover-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
  position: relative;
}

.doc-cover-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--base--white);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-body-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 60px;
  display: flex;
  position: relative;
}

.doc-section-first {
  border: 0 solid #0700151a;
  border-bottom-width: 1px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  padding-bottom: 40px;
  display: flex;
}

.doc-version {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-section-version-hash {
  grid-column-gap: 12.7273px;
  grid-row-gap: 12.7273px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 12.5px;
  display: flex;
}

.doc-section-version-container {
  opacity: .4;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.doc-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-section-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-section-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 5px 20px;
  display: flex;
}

.doc-section-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 5px 20px;
  display: flex;
}

.doc-section-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  display: flex;
  position: relative;
}

.doc-figma-img {
  background-color: #0f0134;
  border: 1px solid #d6c3ff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  margin-left: 40px;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.doc-figma-link {
  grid-column-gap: 6.25px;
  grid-row-gap: 6.25px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff40;
  border-radius: 50%;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 80px;
  left: auto;
}

.doc-section-p {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-webflow-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: none;
  padding-top: 15px;
  display: flex;
}

.button-img-s-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.button-text-s-5 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.doc-section {
  border: 0 solid #0700151a;
  border-bottom-width: 1px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.doc-filter {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.doc-filter-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 200px;
  max-width: 200px;
  display: flex;
}

.doc-note {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.doc-note-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  display: flex;
}

.doc-note-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 16px;
  height: 16px;
  display: flex;
}

.doc-note-title {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.doc-section-contributors {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-contributor {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 340px;
  height: 43px;
  display: flex;
}

.doc-contributor-img {
  grid-column-gap: 3.33333px;
  grid-row-gap: 3.33333px;
  object-fit: cover;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.doc-contributor-details {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.subtitle-xs-3 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

.subtitle-xs-4 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

.doc-section-buttons, .doc-section-fields, .doc-section-navigation, .doc-section-forms, .doc-section-accordions, .doc-section-tooltips, .doc-section-cards, .doc-section-modals {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-section-identity, .doc-section-colors, .doc-section-icons, .doc-section-typography, .doc-section-layers, .doc-section-layout {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-contributor-name, .doc-contributor-descr {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-section-libraries, .doc-section-functions, .doc-section-css, .doc-section-cms, .doc-section-sitemap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-section-webflow, .doc-section-figma {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-menu-html {
  display: none;
}

.doc-libraries {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.doc-lib-elem {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 180px;
  max-width: 180px;
  padding: 10px;
  display: flex;
}

.doc-lib-icon-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 43px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.doc-lib-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 16px;
  height: 16px;
  display: flex;
}

.doc-lib-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-lib-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.doc-lib-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.doc-functions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-functions-accordion-s {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px;
  display: flex;
}

.accordion-s-title-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.accordion-s-title-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.accordion-s-dark-img {
  background-color: #140040;
  border-radius: 22.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
}

.doc-functions-code {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.doc-functions-code-container {
  background-color: #f8f7fa;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 15px;
  display: flex;
}

.descr-code {
  color: #070015;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
}

.descr-code.blue {
  color: #4040ec;
}

.descr-code.red {
  color: #e93d82;
}

.descr-code.purple {
  color: #708;
}

.descr-code-2 {
  color: #070015;
  font-family: Inconsolata, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.doc-props-header {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 0 solid #ebe1ff;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.doc-props-cell {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-props-table {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.doc-props-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.doc-props-cell-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 17px;
  display: flex;
}

.doc-props-cell-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 17px;
  display: flex;
}

.accordion-s-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-css {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-css-code-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f8f7fa;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 10px 20px;
  display: flex;
}

.descr-code-container {
  color: #070015;
  white-space: break-spaces;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
}

.doc-cms {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-cms-tabs {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 180px;
  max-width: 180px;
  margin-right: 40px;
  display: flex;
}

.doc-cms-tab-icon-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 43px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.doc-cms-tab-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 16px;
  height: 16px;
  display: flex;
}

.doc-cms-tab-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-cms-tab-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.doc-cms-tab-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.doc-cms-tab {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
}

.doc-cms-tab.w--current {
  border-bottom: 1px solid var(--light--light-3);
  background-color: var(--light--light);
}

.doc-cms-props {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 520px;
  display: flex;
}

.doc-cms-prop {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.doc-props-check-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #7230ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.doc-props-notcheck-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: .8px solid #d6c3ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.doc-cms-props-cell {
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  height: auto;
  display: flex;
}

.docs-cms-props-check {
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  display: flex;
}

.doc-cms-prop-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-sitemap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-sitemap-section {
  border: 1px dashed #d6c3ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 220px;
  padding: 10px;
  display: flex;
}

.doc-sitemap-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 15px;
  display: flex;
}

.doc-sitemap-pages {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.doc-sitemap-page {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 5px 15px;
  display: flex;
}

.doc-sitemap-page-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-sitemap-page-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.doc-fields, .doc-navigation, .doc-forms, .doc-accordions {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.doc-cards {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.doc-tooltips {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.home-hero-slider-nav {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.home-hero-slider-prev, .home-hero-slider-next {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff3;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.popup-xmas {
  z-index: 9999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-img {
  background-color: #7230ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 460px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: scale(1);
}

.xmas-bgimg {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  padding-bottom: 0;
  display: flex;
}

.article-cover {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 280px;
  display: flex;
  position: relative;
}

.article-hero-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.article-hero-pattern {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.article-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.article-hero-bgfill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.article-hero-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.article-hero-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  padding: 60px 40px 20px;
  display: flex;
}

.article-hero-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.article-hero-details {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.article-hero-auth {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.article-hero-categories {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.article-category-tag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--base--white);
  background-color: var(--light--light);
  color: var(--base--primary);
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.article-hero-details-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .6;
}

.article-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px 20px 80px;
  display: flex;
}

.article-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.article-html {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.article-body-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.article-other-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  top: 80px;
  bottom: 80px;
}

.article-other-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: none;
  display: flex;
}

.article-other-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  min-width: 100px;
  max-width: 100px;
  height: auto;
  min-height: 60px;
  max-height: none;
  display: flex;
  position: relative;
}

.article-other-title {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 180px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.article-other-details {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  opacity: .6;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.article-rich {
  font-family: Roboto, sans-serif;
  font-size: var(--description--default);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 140%;
}

.article-hero-divider, .article-hero-date, .article-hero-cat, .article-other-auth, .article-other-divider, .article-other-date {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blog-hero-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.blog-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  height: 400px;
  padding: 40px;
  display: flex;
  position: relative;
}

.blog-main-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 660px;
  height: 400px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-main-fade {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(#0000 0%, #000 100%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 660px;
  height: 400px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-main-body {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.blog-main-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-main-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--white);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-main-auth {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-main-auth-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: flex;
  overflow: hidden;
}

.blog-main-divider {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  height: auto;
  min-height: 400px;
  padding: 60px 40px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-cta-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-cta-form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.blog-filter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 20px 20px;
  display: flex;
}

.blog-filter-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.blog-filter-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-filter-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-filter-items {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.blog-articles {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blog-articles-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.blog-article-item {
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  min-width: 320px;
  max-width: 360px;
  height: auto;
  min-height: 0;
  display: flex;
  position: relative;
}

.blog-article-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-article-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
}

.blog-article-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.blog-article-data {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.blog-article-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  display: flex;
}

.blog-article-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .6;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  display: flex;
}

.blog-article-auth {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.blog-article-date {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.blog-article-divider {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-articles-wrapper {
  width: 100%;
}

.blog-articles-list {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
}

.blog-pagination-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding-top: 30px;
  padding-bottom: 60px;
  display: flex;
}

.blog-main-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 660px;
  height: 400px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.pc-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(56.68deg, #9c94ff, #7000ff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 220px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.pc-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/675ba82b17e9ad416d21e27e_pc-hero-bgimg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.pc-hero-bgimg-lower {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: 180px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.pc-hero-bgimg-lower.manual {
  background-color: var(--light--light);
}

.pc-hero-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.pc-hero-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pc-hero-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.pc-hero-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pc-hero-body.is-flex {
  flex-flow: row;
}

.pc-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  display: flex;
}

.pc-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pc-hero-button.manual {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.pc-hero-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 280px;
  display: flex;
}

.pc-hero-lower-section {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  padding: 60px;
  display: flex;
}

.pc-hero-lower-section.manual {
  border-bottom-width: 0;
}

.pc-hero-lower-section.pc {
  border-style: solid solid none;
  border-color: var(--light--light-2);
  padding-bottom: 30px;
}

.pc-hero-lower-body {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 700px;
  display: flex;
}

.pc-hero-lower-body.manual {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.pc-hero-lower-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 820px;
  display: flex;
}

.pc-hero-lower-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pc-feats-li {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 660px;
  display: flex;
}

.pc-feats-li-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pc-feat-li-arrow {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 16px;
}

.pc-feats-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pc-hero-item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 240px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0e002b30;
}

.pc-hero-item-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 88px;
  left: 20px;
}

.pc-hero-item-title {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.pc-hero-item-link {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 22px;
  display: flex;
  position: relative;
}

.pc-hero-lower-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pc-hero-lower-text.manual {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.pc-op {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pc-op-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pc-op-body {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pc-op-body.is-pc {
  max-width: 100%;
}

.pc-op-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pc-op-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.pc-op-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  height: 200px;
  display: flex;
}

.pc-op-descr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pc-rep {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 20px;
  display: flex;
  position: relative;
}

.pc-rep-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 320px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.pc-rep-upper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.pc-rep-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.pc-rep-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.pc-rep-tab-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 320px;
  max-width: 1160px;
  padding: 40px 50px;
  display: flex;
  position: relative;
}

.pc-rep-tab-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pc-rep-tab {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pc-rep-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.pc-rep-row-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pc-rep-cell1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  display: flex;
}

.pc-rep-cell2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 240px;
  display: flex;
}

.pc-rep-cell3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 320px;
  display: flex;
}

.pc-rep-row-2 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.pc-rep-row-container-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.pc-rep-row-3 {
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.pc-imp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pc-imp-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pc-imp-upper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pc-imp-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.pc-imp-descr-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pc-imp-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.pc-imp-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pc-imp-card-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pc-imp-card {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.pc-imp-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 240px;
  display: flex;
}

.mig-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 240px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.mig-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 820px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.mig-hero-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.mig-hero-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-hero-body {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.mig-hero-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  display: flex;
}

.mig-hero-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--base--white);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-hero-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-hero-li {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.mig-hero-lower-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 60px;
  display: flex;
}

.mig-hero-lower-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.mig-hero-lower-img {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 660px;
  height: 200px;
  display: flex;
}

.mig-benefits {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.mig-benefits-container {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.mig-benefits-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  display: flex;
}

.mig-benefits-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-benefits-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.mig-benefits-col-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-benefits-col-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-benefits-li {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-benefits-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark--dark);
  border-radius: 50%;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  display: flex;
}

.mig-benefits-li-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-benefits-li-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-benefits-li-title, .mig-benefits-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-services {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 20px 80px;
  display: flex;
}

.mig-services-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.mig-services-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.mig-services-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.mig-services-types {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-services-pipeline {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1px dashed #0000004d;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  padding: 30px;
  display: flex;
}

.mig-services-pipeline.de {
  align-self: stretch;
  height: 100%;
}

.mig-services-pipeline-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-services-pipeline-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-services-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-services-li-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-services-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.mig-services-li-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 320px;
  display: flex;
}

.mig-services-project {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1px dashed #0000004d;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  padding: 30px;
  display: flex;
}

.mig-services-project.de {
  align-self: stretch;
}

.mig-services-project-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-services-project-list-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 320px;
  display: flex;
}

.mig-services-project-list-col.de {
  max-width: 340px;
}

.mig-services-arrow {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  height: 24px;
  display: flex;
  position: absolute;
  top: -12px;
  left: 0;
}

.mig-services-arrow-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--light--light-3);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 4px;
  display: flex;
}

.mig-services-arrow-tri {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 24px;
  display: flex;
  position: relative;
}

.mig-services-li-title, .mig-services-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-services-project-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-us {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  position: relative;
}

.mig-us-bg {
  grid-column-gap: 8.88889px;
  grid-row-gap: 8.88889px;
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 782px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.mig-us-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--base--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.mig-us-title-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-us-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  display: flex;
}

.mig-us-body {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.mig-us-upper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-us-col-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  display: flex;
}

.mig-us-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-us-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.mig-us-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mig-us-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-us-li {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
}

.mig-us-lower-section {
  color: var(--base--black);
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px;
  display: flex;
}

.mig-us-lower-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  display: flex;
}

.mig-us-feats-li {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 360px;
  max-width: 520px;
  display: flex;
}

.mig-us-feats-li-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mig-us-feat-li-arrow {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 16px;
}

.mig-us-feats-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-us-arch {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.mig-us-arch-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.mig-us-arch-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-us-arch-uptitle-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-us-arch-uptitle-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mig-us-arch-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-us-arch-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-us-arch-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 760px;
  height: 406px;
  display: flex;
}

.mig-us-arch-item-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  height: auto;
  display: flex;
}

.mig-us-arch-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 260px;
  height: 360px;
  display: flex;
  box-shadow: 0 8px 16px #0e002b30;
}

.mig-us-arch-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 242px;
  display: flex;
}

.mig-us-arch-item-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.mig-us-arch-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mig-us-arch-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.mig-us-arch-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-le {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.mig-le-container {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.mig-le-title {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-le-title-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.mig-le-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-le-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-le-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.mig-le-col-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #d6c3ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.mig-le-col-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-sdm {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 60px 20px 100px;
  display: flex;
  overflow: hidden;
}

.mig-sdm-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.mig-sdm-slider {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mig-sdm-slider-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.mig-sdm-slide {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 1200px;
  max-width: 1200px;
  display: flex;
}

.mig-sdm-slide-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--base--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  height: 360px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.mig-sdm-slide-uptitle {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-sdm-uptitle-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.mig-sdm-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mig-sdm-slide-img {
  grid-column-gap: 10.6452px;
  grid-row-gap: 10.6452px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  height: 320px;
  display: flex;
}

.mig-sdm-slider-prev {
  align-items: flex-end;
  width: auto;
  height: 30px;
  margin-bottom: -40px;
  margin-left: 0;
  padding-top: 0;
  display: flex;
}

.mig-sdm-slider-next {
  align-items: flex-end;
  width: 30px;
  height: 30px;
  margin-bottom: -40px;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  bottom: 0;
  left: 40px;
}

.mig-sdm-steps-dots {
  display: none;
}

.mig-pg-prev, .mig-pg-next {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff4d;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.mig-why {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.mig-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0 20px 80px;
  display: flex;
}

.mig-us-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  display: flex;
}

.ss-hero {
  color: var(--base--white);
  background-color: #fff;
  background-image: linear-gradient(#7230ff, #290081 86%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 240px 20px 60px;
  display: flex;
  position: relative;
}

.ss-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 844px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
}

.ss-hero-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.ss-hero-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-hero-col-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.ss-hero-body {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.ss-hero-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: none;
  display: flex;
}

.ss-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-hero-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-hero-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 300px;
  display: flex;
}

.ss-hero-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
}

.ss-hero-li-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.ss-hero-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: 400px;
  display: flex;
}

.ss-hero-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  display: flex;
}

.hero-lower-list {
  grid-column-gap: 20px;
  grid-row-gap: 8px;
  background-color: #7230ff;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.ss-hero-lower-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.ss-nl {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.ss-nl-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ss-nl-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-nl-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-nl-body {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-nl-col-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  height: 314px;
  display: flex;
}

.ss-nl-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 314px;
  display: flex;
}

.img-9 {
  object-fit: cover;
}

.ss-nl-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 640px;
  display: flex;
}

.ss-nl-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-nl-li {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-nl-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  display: flex;
}

.ss-nl-li-body {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-st {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 80px;
  display: flex;
}

.ss-st-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ss-st-title-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-st-col-l {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.ss-st-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #7230ff;
  border-left-width: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.ss-st-tip {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #d6c3ff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 25px;
  display: flex;
}

.ss-st-li {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.ss-st-li-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-st-li-num {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-st-li-title, .ss-st-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-com {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.ss-com-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ss-com-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.ss-com-card-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-com-card {
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.ss-com-card-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  display: flex;
}

.ss-com-card-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 170px;
  padding: 20px;
  display: flex;
}

.ss-com-card-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-com-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-com-card-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-sp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.ss-sp-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ss-sp-title-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.ss-sp-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.ss-sp-card-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-sp-card {
  color: var(--base--black);
  background-image: linear-gradient(to right, #dad4ec, #dad4ec 1%, #f3e7e9);
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  height: 220px;
  padding: 30px;
  display: flex;
}

.ss-sp-card-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-sp-card-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-icon-black {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--black);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-img-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.ss-sp-card-light {
  color: var(--base--white);
  background-image: linear-gradient(to right, #ac8fff, #7230ff);
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  height: 220px;
  padding: 30px;
  display: flex;
}

.ss-sp-card-light-2 {
  color: var(--base--white);
  background-image: linear-gradient(to right, #505285, #585e92 12%, #65689f 25%);
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  height: 220px;
  padding: 30px;
  display: flex;
}

.ss-sp-card-light-3 {
  color: var(--base--white);
  background-image: linear-gradient(to right, #1e3c72, #1e3c72 1%, #2a5298);
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  height: 220px;
  padding: 30px;
  display: flex;
}

.ss-ge {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 80px;
  display: flex;
}

.ss-ge-container {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ss-ge-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.ss-ge-body {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-ge-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: 260px;
  display: flex;
}

.ss-ge-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 700px;
  display: flex;
}

.ss-ge-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 340px;
  display: flex;
}

.ss-ge-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: flex;
}

.ss-ge-li-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-ge-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-ge-li-descr {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-cs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 80px;
  display: flex;
}

.ss-cs-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 50px 60px 60px;
  display: flex;
}

.ss-cs-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 1020px;
  display: flex;
}

.ss-cs-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 1020px;
  display: flex;
}

.ss-cs-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 620px;
  display: flex;
}

.ss-cs-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  display: flex;
}

.ss-cs-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-cs-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ss-od {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ss-od-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 440px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.ss-od-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.ss-og-body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.ss-og-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-og-item-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.ss-od-item {
  color: var(--base--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  display: flex;
}

.ss-od-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  display: flex;
}

.ss-od-item-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #9c94ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.ss-od-item-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-od-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-text-7 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.ss-pow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.ss-pow-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ss-pow-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-pow-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.ss-pow-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-pow-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.ss-pow-li-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-pow-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 12px;
  height: 12px;
  display: flex;
}

.ss-pow-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-pow-li-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.ss-pow-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 260px;
  display: flex;
}

.ss-pow-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-why {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 80px;
  display: flex;
}

.ss-why-container {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.ss-why-title-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-why-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.ss-why-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.ss-why-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-why-li {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.ss-why-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: flex;
}

.ss-why-li-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ss-why-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-why-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ss-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0 20px 80px;
  display: flex;
}

.pp-hero {
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 240px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.pp-hero-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 960px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.pp-hero-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.pp-hero-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-hero-col-l {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pp-hero-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pp-hero-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-hero-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 380px;
  height: 380px;
  display: flex;
}

.pp-hero-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 380px;
  display: flex;
}

.pp-hero-lower {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 60px;
  display: flex;
}

.pp-hero-lower-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  display: flex;
}

.pp-hero-lower-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  display: flex;
}

.pp-hero-lower-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 240px;
  text-decoration: none;
  display: flex;
}

.pp-card-tab {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--base--black);
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.pp-hero-link-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.card-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.link-s-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--primary);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pp-lc {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pp-lc-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.pp-lc-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.pp-lc-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pp-lc-title-container {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-lc-uptitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--brand--night);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-lc-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-lc-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.pp-lc-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--black);
  background-image: linear-gradient(to right, #dad4ec, #dad4ec 1%, #dcd5ec 31%, #f3e7e9);
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  padding: 30px 20px;
  display: flex;
}

.pp-lc-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 78px;
  display: flex;
}

.pp-lc-item-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-lc-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-lc-body-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--brand--night);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-lc-body-descr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-lc-item-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-pbi {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pp-pbi-container {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pp-pbi-upper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pbi-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.pp-pbi-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.subtitle-2 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}

.pp-pbi-product {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.subtitle-s-3 {
  color: #000;
  text-align: right;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.pp-pbi-product-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.pp-pbi-body {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-height: none;
  margin-top: -110px;
  display: flex;
}

.pp-pbi-col-l {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pp-pbi-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pbi-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: flex;
}

.pp-pbi-li-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.subtitle-s-4 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.descr-2 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.pp-pbi-col-r {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  display: flex;
}

.pp-pbi-tip {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #7230ff;
  border-left-width: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pbi-tip-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #d6c3ff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 25px;
  display: flex;
}

.subtitle-s-5 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.pp-pbi-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  display: flex;
  box-shadow: 0 4px 6px #0e002b1a;
}

.pp-pbi-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  display: flex;
}

.img-10 {
  object-fit: cover;
}

.pp-pbi-item-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.title-h6-2 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

.pp-pbi-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-8 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.title-h2-0 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.title-h2-1 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.pp-pbi-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-app {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pp-app-container {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pp-app-upper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-app-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.pp-app-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-app-product {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.subtitle-s-6 {
  color: #000;
  text-align: right;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.pp-app-product-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.pp-app-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-app-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.pp-app-video-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 260px;
  display: flex;
  position: relative;
}

.pp-app-video {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #bfb2d9;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 260px;
  display: flex;
  overflow: hidden;
}

.pp-app-video-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 100px;
  left: 200px;
}

.pp-app-button-conta {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.descr-l-4 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.pp-app-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-7 {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.pp-app-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pp-app-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-app-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: flex;
}

.pp-app-li-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.subtitle-s-7 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.descr-3 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.title-h2-3 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.title-h2-4 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.pp-app-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-pag {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pp-pag-container {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pp-pag-upper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pag-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.pp-pag-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-pag-product {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.subtitle-s-8 {
  color: #000;
  text-align: right;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.pp-pag-product-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.pp-pag-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pag-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pp-pag-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pag-li-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: flex;
}

.pp-pag-li-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.subtitle-s-9 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.descr-4 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.pp-pag-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pag-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.pp-pag-video-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 260px;
  display: flex;
  position: relative;
}

.pp-pag-video {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #bfb2d9;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 260px;
  display: flex;
  overflow: hidden;
}

.pp-pag-video-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 100px;
  left: 200px;
}

.title-h2-5 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.title-h2-6 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.pp-pag-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-pag-subtitle, .pp-pag-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-pa {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pp-pa-container {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pp-pa-upper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pa-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pp-pa-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-pa-product {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.subtitle-s-10 {
  color: #000;
  text-align: right;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.pp-pa-product-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.pp-pa-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-pa-col-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.pp-pa-li {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.pp-pa-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-h5-2 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.n-progression-descr {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.pp-pa-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  display: flex;
}

.pp-pa-video-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 260px;
  display: flex;
  position: relative;
}

.pp-pa-video {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #bfb2d9;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 260px;
  display: flex;
  overflow: hidden;
}

.pp-pa-video-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 100px;
  left: 200px;
}

.pp-pa-button-conta {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-h2-8 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.pp-pa-li-descr {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-ag {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pp-ag-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pp-ag-upper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-ag-title-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.pp-ag-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-ag-product {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  display: flex;
}

.subtitle-s-11 {
  color: #000;
  text-align: right;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.pp-ag-product-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.pp-ag-body {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.pp-ag-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.pp-ag-figs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-ag-fig {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 240px;
  display: flex;
}

.n-progression-title-h4 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.n-progression-descr-s {
  opacity: .8;
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.pp-ag-tip {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 0 solid #7230ff;
  border-left-width: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-ag-tip-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #d6c3ff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 25px;
  display: flex;
}

.pp-ag-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-h6-3 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.pp-ag-li {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  display: flex;
}

.descr-5 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.pp-ag-col-r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 360px;
  display: flex;
}

.pp-ag-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  display: flex;
  box-shadow: 0 4px 6px #0e002b1a;
}

.pp-ag-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
}

.pp-ag-item-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.pp-ag-item-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.subtitle-xs-5 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

.pp-ag-item-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-text-9 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.title-h2-10 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.pp-ag-fig-num {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-ag-fig-descr, .pp-ag-li-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-ag-list-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  position: relative;
}

.pp-cta-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.pp-cta-container {
  color: var(--base--white);
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.pp-cta-col-l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.pp-cta-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.title-h2-11 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.pp-cta-img {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460px;
  height: 280px;
  display: flex;
}

.pp-cta-col-r {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 520px;
  display: flex;
}

.pp-cta-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 460px;
  display: flex;
}

.n-progression-title-h6 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.pp-cta-list-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subtitle-s-12 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.pp-cta-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460px;
  display: flex;
}

.pp-cta-li {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 160px;
  max-width: 220px;
  display: flex;
}

.n-progression-descr-2 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.pp-cta-button-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-light-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-8 {
  color: #7230ff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.pp-pa-product-title, .pp-ag-product-title, .pp-pag-product-title, .pp-app-product-title, .pp-pbi-product-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.policy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 200px 20px 80px;
  display: flex;
  position: relative;
}

.policy-bgimg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  filter: blur(8px);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 660px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.policy-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 80px 60px;
  display: flex;
  position: relative;
}

.policy-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.n-progression-title-h2 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.policy-body {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.policy-li {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.n-progression-title-h5 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.policy-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.policy-descr-s {
  color: #070015;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.policy-subtitle-s {
  color: #070015;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.policy-descr-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.policy-button {
  width: 100%;
  margin-top: 10px;
}

.pp-hero-lower-cards-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  display: flex;
}

.pp-hero-lower-card-2 {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 240px;
  text-decoration: none;
  display: flex;
}

.pp-card-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 160px;
  display: flex;
}

.img-11 {
  object-fit: cover;
}

.card-tab-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.card-col-l-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-title-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pp-hero-link-icon-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.title-h6-4 {
  color: #070015;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

.card-link-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.link-s-icon-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-text-s-2 {
  color: #7230ff;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-s-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.home-hero-bgvideo-link {
  opacity: 0;
  pointer-events: none;
}

.home-hero-bgvideo {
  object-fit: cover;
  object-position: 50% 50%;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  padding-bottom: 0;
  display: flex;
}

.home-hero-bgvideo.hidden {
  display: none;
}

.popup-getmaterials {
  z-index: 999999;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-getmaterials.active {
  display: flex;
}

.form-descr-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.n-progression-descr-3 {
  color: #070015;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.form-html {
  display: none;
}

.adbl-hero {
  grid-row-gap: 10px;
  background-image: linear-gradient(124.46deg, #ac8fff, #f24968);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 240px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.adbl-hero-bgimg {
  grid-row-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/675baadfe848dbe18a92a5ec_adbl-hero-bgimg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.adbl-hero-container {
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.adbl-hero-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-hero-body {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.adbl-hero-title {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  text-decoration: none;
  display: flex;
}

.title-h1-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.subtitle-l-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.adbl-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-light-3 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-9 {
  color: #7230ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.adbl-hero-info {
  grid-column-gap: 20px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 320px;
  text-decoration: none;
  display: flex;
}

.adbl-hero-info-icon {
  grid-column-gap: 10px;
  background-color: #140040;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-24 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.adbl-hero-info-body {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  text-decoration: none;
  display: flex;
}

.adbl-hero-info-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-l-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-hero-lower-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--light--light-2);
  background-color: #fff;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 60px 60px 30px;
  text-decoration: none;
  display: flex;
}

.adbl-hero-lower-img {
  grid-column-gap: 8.82353px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 150px;
  text-decoration: none;
  display: flex;
}

.img-12 {
  object-fit: cover;
}

.adbl-hero-lower-descr {
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  text-decoration: none;
  display: flex;
}

.descr-6 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.subtitle-s-13 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.adbl-pos {
  grid-row-gap: 10px;
  border-style: none solid;
  border-width: 1px 0 0;
  border-color: var(--light--light-3) #d6c3ff #d6c3ff;
  background-color: var(--secobdary-bg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
}

.adbl-pos-container {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.adbl-pos-col-l {
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.adbl-pos-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h4-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.adbl-pos-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-3 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-10 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.adbl-pos-col-r {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  text-decoration: none;
  display: flex;
}

.adbl-pos-li {
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 200px;
  max-width: 260px;
  text-decoration: none;
  display: flex;
}

.adbl-pos-li-fig {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-pos-li-fig-descr {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-end;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 48px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.descr-7 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.title-h3-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.adbl-pos-li-body {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-s-14 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-kf {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.adbl-kf-bg {
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--light--light-2);
  background-color: var(--secobdary-bg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 80px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-25 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.adbl-kf-container {
  grid-column-gap: 40px;
  color: var(--white);
  background-color: #140040;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 30px 60px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.adbl-kf-body {
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.adbl-kf-title {
  grid-column-gap: 10px;
  color: var(--brand--night);
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-3 {
  color: #9c94ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.adbl-kf-descr {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-8 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-kf-img {
  grid-row-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/6757c8d807afa6e5505a1ed1_adbl-kf-img.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 440px;
  text-decoration: none;
  display: flex;
}

.img-13 {
  object-fit: cover;
}

.adbl-res {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px 80px;
  text-decoration: none;
  display: flex;
}

.adbl-res-container {
  grid-column-gap: 60px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.adbl-res-charts {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.adbl-res-chart-s {
  grid-row-gap: 10px;
  background-image: linear-gradient(90deg, #dad4ec, #dad4ec 1%, #f3e7e9);
  border: 1px solid #d6c3ff;
  border-radius: 4px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100px;
  max-width: 140px;
  height: 47%;
  padding: 20px;
  display: flex;
}

.adbl-res-chart-body {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-res-chart-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h4-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-s-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-res-chart-m {
  grid-row-gap: 10px;
  color: var(--base--white);
  background-image: linear-gradient(90deg, #ac8fff, #7230ff);
  border: 1px solid #d6c3ff;
  border-radius: 4px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100px;
  max-width: 140px;
  height: 80%;
  padding: 20px;
  display: flex;
}

.title-h4-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-s-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-res-chart-l {
  grid-row-gap: 10px;
  color: var(--white);
  background-image: linear-gradient(90deg, #505285, #585e92 12%, #65689f 25%);
  border: 1px solid #d6c3ff;
  border-radius: 4px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100px;
  max-width: 140px;
  height: 100%;
  padding: 20px;
  display: flex;
}

.adbl-res-body {
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 640px;
  text-decoration: none;
  display: flex;
}

.adbl-res-text {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.subtitle-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.adbl-res-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-icon-2 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-10 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-8 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-26 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-hero {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 40px;
  text-decoration: none;
  display: none;
}

.adbl-cs-hero-container {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-hero-body {
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-hero-title {
  grid-column-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-cs-hero-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-icon-3 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-11 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-9 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-27 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-hero-details {
  grid-row-gap: 15px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  padding: 20px 30px;
  text-decoration: none;
  display: flex;
}

.title-h5-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.adbl-cs-hero-details-list {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-cs-hero-details-li {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 640px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-hero-details-li-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 80px;
  text-decoration: none;
  display: flex;
}

.subtitle-s-15 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.adbl-cs-hero-details-li-descr {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 140px;
  text-decoration: none;
  display: flex;
}

.descr-9 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.title-h2-13 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.title-h2-14 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.adbl-cs-pr {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.adbl-cs-pr-bgimg {
  grid-row-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/65cbaba708ae0526932bbf63_adbl-cs-pr-bgimg.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 87%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-28 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-pr-container {
  grid-row-gap: 40px;
  color: var(--base--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.adbl-cs-pr-body {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-cs-pr-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.adbl-cs-pr-list {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-cs-pr-li {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-pr-li-fig {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-10 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-cs-pr-lower {
  grid-row-gap: 10px;
  color: var(--base--black);
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 40px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-pr-lower-descr {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.subtitle-4 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.adbl-cs-so {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-so-container {
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-so-body {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-cs-so-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.title-h3-6 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.adbl-cs-so-descr {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  text-decoration: none;
  display: flex;
}

.descr-l-6 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-cs-so-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.adbl-cs-so-li {
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.adbl-cs-so-li-icon {
  grid-row-gap: 10px;
  color: var(--base--white);
  background-color: #7230ff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  text-decoration: none;
  display: flex;
}

.subtitle-xs-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.adbl-cs-so-li-descr {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-11 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-cs-im {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-im-container {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-im-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.title-h3-7 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.adbl-cs-im-list {
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-im-li {
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  max-width: 240px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-im-li-title {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.subtitle-s-16 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.adbl-cs-im-li-timeline {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-cs-im-li-dot {
  grid-row-gap: 10px;
  background-color: #7230ff;
  border-radius: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 11px;
  height: 11px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-im-li-line {
  grid-column-gap: 10px;
  background-color: #d6c3ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0 10px;
  display: flex;
}

.adbl-cs-im-li-descr {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-12 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-cs-re {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px 80px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-container {
  grid-column-gap: 80px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 60px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-col-l {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 640px;
  text-decoration: none;
  display: grid;
}

.adbl-cs-re-col-l:lang(de) {
  max-width: 605px;
}

.adbl-cs-re-col-l:lang(sr) {
  max-width: 602px;
}

.adbl-cs-re-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 190px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-li {
  grid-row-gap: 5px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-li-fig {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-li-fig-title {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-li-fig-descr {
  grid-row-gap: 10px;
  opacity: .5;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 166px;
  height: 48px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-li-body-1 {
  grid-row-gap: 5px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-li-body-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-s-17 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-cs-re-li-fig-descr-2 {
  grid-row-gap: 10px;
  opacity: .5;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 160px;
  height: 48px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-li-body-3 {
  grid-row-gap: 5px;
  background-color: #9c94ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
}

.subtitle-s-18 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-8 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.adbl-cs-re-li-body-2 {
  grid-row-gap: 5px;
  background-color: #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-col-r {
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-img-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.adbl-cs-re-bgimg {
  grid-column-gap: 10px;
  background-color: #9c94ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-29 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.adbl-cs-re-img {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 220px;
  height: 340px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -40px;
  left: 40px;
}

.img-14 {
  object-fit: cover;
}

.adbl-cs-re-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-4 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-11 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.button-outline-2 {
  grid-column-gap: 5px;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-12 {
  color: #7230ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.footer-2 {
  grid-row-gap: 40px;
  background-color: #f8f7fa;
  border: 0 solid #bfb2d9;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-top: 60px;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.f-container-2 {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.f-upper-container {
  grid-column-gap: 0px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.f-upper-col-l {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 680px;
  text-decoration: none;
  display: flex;
}

.f-title-container {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.f-title-body {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.f-title-body.de {
  max-width: 560px;
}

.f-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-8 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-l-7 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.f-soc-container-2 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.f-fb-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-30 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.f-contacts {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 30px;
  text-decoration: none;
  display: flex;
}

.f-contacts-li {
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  max-width: 200px;
  text-decoration: none;
  display: flex;
}

.f-contacts-li-body {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-s-19 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.f-contacts-li-descr-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.f-contacts-li-descr {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s-9 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.f-contacts-li-descr-link {
  grid-column-gap: 10px;
  color: var(--base--black);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s-10 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
}

.link-s-icon-3 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-s-3 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-s-4 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 14px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.f-upper-col-r {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 480px;
  text-decoration: none;
  display: flex;
}

.f-awards {
  grid-column-gap: 30px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 520px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.f-awards-ms-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.img-15 {
  object-fit: cover;
}

.f-awards-ce-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90px;
  height: 34px;
  text-decoration: none;
  display: flex;
}

.f-subscr {
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  padding: 30px;
  text-decoration: none;
  display: flex;
}

.form-wrapper-aligned {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.form-title-h3-aligned {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.input-wrapper-2 {
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.field-input-container {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.field-input-2 {
  color: #07001566;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.field-input-2::placeholder, .descr-s-11 {
  color: #07001566;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.controls-checkbox-checked {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.controls-checkbox-icon-checked {
  grid-column-gap: 10px;
  background-color: #7230ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-31 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.controls-label {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.checkbox-link-label-2 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.form-button-aligned {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-13 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.f-sitemap-container {
  grid-row-gap: 40px;
  border: 0 solid #bfb2d9;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.f-sitemap-2 {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  text-decoration: none;
  display: flex;
}

.f-sitemap-section-2 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.title-h6-5 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.f-p-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.f-sitemap-section-3 {
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.f-sitemap-section-group {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.f-sitemap-col-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.f-p-section {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.f-sitemap-m-2 {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.accordion-s-2 {
  grid-row-gap: 5px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.accordion-s-img-2 {
  background-color: #fff;
  border-radius: 22.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.accordion-s-container-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.f-dropdown-p-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s-12 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.f-sitemap-section-group-2 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.f-legals-container-2 {
  grid-row-gap: 30px;
  border: 0 solid #bfb2d9;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  padding-top: 30px;
  text-decoration: none;
  display: flex;
}

.f-legals-2 {
  grid-column-gap: 60px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s-13 {
  opacity: .8;
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.f-p-3 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.link-label-s-2 {
  opacity: .8;
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.f-legals-loc-2 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  text-decoration: none;
  display: flex;
}

.subtitle-xs-7 {
  opacity: .8;
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.f-container-old {
  display: none;
}

.form-wrapper-button-light {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--base--white);
  flex-flow: column;
  width: 100%;
}

.e-cover-get-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.article-other-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.article-bgimg {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding-bottom: 0;
  display: flex;
}

.article-bgimg.origin-left {
  object-position: 0% 50%;
}

.article-bgimg.hug {
  width: auto;
}

.article-other-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--black);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  text-decoration: none;
  display: flex;
}

.f-awards-pl-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.checkbox-descr-s {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: var(--description--small);
  text-align: left;
  white-space: normal;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.checkbox-descr-s.center {
  text-align: center;
}

.checkbox-descr-s.hug {
  width: auto;
}

.checkbox-descr-s.keep {
  white-space: nowrap;
}

.checkbox-descr-s.inline {
  display: inline;
}

.checkbox-descr-s.inline.light {
  color: var(--white);
}

.f-descr {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-hero {
  grid-row-gap: 10px;
  background-image: linear-gradient(#7230ff, #a430ff 66%, #7331ff 99%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 180px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.lm-hero-bgimg {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 1456px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: -80px;
}

.vectors-wrapper-32 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.lm-hero-container {
  grid-row-gap: 60px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.lm-hero-container-2 {
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.lm-hero-col-r {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 380px;
  text-decoration: none;
  display: flex;
}

.lm-hero-section {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  text-decoration: none;
  display: flex;
}

.lm-hero-body {
  grid-row-gap: 15px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-hero-title {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  text-decoration: none;
  display: flex;
}

.title-h1-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.subtitle-l-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.lm-hero-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.button-light-4 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-14 {
  color: #7230ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.lm-hero-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  height: 380px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-33 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.lm-hero-lower-section {
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1200px;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  text-decoration: none;
  display: flex;
}

.lm-hero-lower-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-hero-lower-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-st-li {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  text-decoration: none;
  display: flex;
}

.lm-st-li-title-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-st-li-num {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-9 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-st-li-descr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-13 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.card-link-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  text-decoration: none;
  display: flex;
}

.link-s-icon-4 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-s-4 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-s-5 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 14px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.lm-hero-lower-video {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 280px;
  display: flex;
  position: relative;
}

.lm-hero-lower-video-2 {
  grid-row-gap: 10px;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  height: 280px;
  text-decoration: none;
  display: flex;
}

.lm-hero-lower-video-play {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 64px;
  height: 64px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 108px;
  left: 488px;
}

.title-h2-16 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.title-h2-17 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-hero-upper-body {
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.lm-bu {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: flex;
}

.lm-bu-container {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.lm-bu-title-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.lm-bu-title-num {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.lm-bu-uptitle {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.uptitle-2 {
  color: #7230ff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.title-h2-18 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-bu-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-bu-body-top {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.lm-bu-body-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.title-h2-19 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-bu-body-descr {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.descr-l-8 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.lm-bu-body-bottom {
  grid-column-gap: 100px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-bu-tab {
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  height: 381px;
  display: flex;
}

.lm-bu-tab-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.lm-bu-tab-image {
  grid-row-gap: 10px;
  background-image: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 660px;
  height: 320px;
  min-height: 320px;
  text-decoration: none;
  display: flex;
}

.img-16 {
  object-fit: cover;
}

.lm-bu-item {
  grid-row-gap: 100px;
  color: var(--white);
  background-image: linear-gradient(43.38deg, #7230ff, #c05aff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 240px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0e002b30;
}

.lm-bu-item-bgimg {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 134px;
  left: 0;
}

.vectors-wrapper-34 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 140px;
  text-decoration: none;
  display: flex;
}

.title-h6-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.lm-bu-item-link {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.link-icon-light-2 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-12 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-10 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-35 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.title-h6-0 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.title-h6-1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.lm-bu-item-title, .lm-bu-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.lm-dep {
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px;
  text-decoration: none;
  display: flex;
}

.lm-dep-container {
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.lm-dep-title-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-dep-title-num {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.lm-dep-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-20 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-dep-list {
  grid-column-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-dep-li {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  text-decoration: none;
  display: flex;
}

.lm-dep-li-upper {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-dep-li-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-36 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 139px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.lm-dep-li-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-left: -80px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.title-h5-5 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.lm-dep-li-descr {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding-left: 40px;
  text-decoration: none;
  display: flex;
}

.descr-14 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.lm-dep-button {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-5 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-15 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.lm-msp {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: flex;
}

.lm-msp-container {
  grid-column-gap: 40px;
  color: var(--base--white);
  background-color: #140040;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 60px;
  text-decoration: none;
  display: flex;
}

.lm-msp-col-l {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.lm-msp-body {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-msp-title-num {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.title-h3-10 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-msp-title {
  grid-column-gap: 10px;
  color: var(--brand--night);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 20px;
  display: flex;
}

.uptitle-3 {
  color: #9c94ff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.lm-msp-uptitle {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-msp-text {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-15 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.lm-msp-button {
  grid-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  text-decoration: none;
  display: flex;
}

.button-light-5 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-16 {
  color: #7230ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.lm-msp-col-r {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.lm-msp-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  height: 300px;
  text-decoration: none;
  display: flex;
}

.lm-msp-item-image {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 171px;
  text-decoration: none;
  display: flex;
}

.img-17 {
  object-fit: cover;
}

.lm-msp-item-text {
  grid-row-gap: 10px;
  color: var(--black);
  background-color: #9c94ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  text-decoration: none;
  display: flex;
}

.lm-msp-item-main {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-msp-item-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 22px;
  display: flex;
}

.subtitle-s-20 {
  color: #140040;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.lm-msp-item-descr {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s-14 {
  opacity: .8;
  color: #140040;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.subtitle-xs-8 {
  color: #140040;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.lm-msp-descr {
  grid-column-gap: 10px;
  color: var(--base--white);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 60px;
  display: flex;
}

.descr-s-15 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.lm-msp-link {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-bc-guide-item-link {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.link-icon-light-3 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-13 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.vectors-wrapper-37 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.lm-aim {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: flex;
}

.lm-aim-container {
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.lm-aim-title-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-aim-title-num {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.lm-aim-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.title-h2-21 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-aim-body {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-aim-li {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.lm-aim-li-icon {
  grid-column-gap: 10px;
  object-fit: cover;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  text-decoration: none;
  display: flex;
}

.lm-aim-li-text {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-aim-li-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-16 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.lm-aim-li-icon-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-38 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.lm-aim-button {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.button-6 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-17 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.subtitle-s-0 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.subtitle-s-1 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.lm-bcd {
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px 120px;
  text-decoration: none;
  display: flex;
}

.lm-bcd-container {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.lm-bcd-title-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-bcd-title-num {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.lm-bcd-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.title-h2-22 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-bcd-body {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-bcd-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 860px;
  text-decoration: none;
  display: flex;
}

.lm-bcd-li {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.lm-bcd-li-upper {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-bcd-li-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-39 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 139px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.lm-bcd-li-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-left: -60px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.lm-bcd-li-descr {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding-left: 60px;
  text-decoration: none;
  display: flex;
}

.descr-17 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.lm-bcd-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 260px;
  height: auto;
  text-decoration: none;
  display: flex;
  box-shadow: 0 8px 16px #0e002b30;
}

.lm-bcd-item-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 242px;
  text-decoration: none;
  display: flex;
}

.img-18 {
  object-fit: cover;
}

.lm-bcd-item-text {
  grid-row-gap: 15px;
  color: var(--base--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  text-decoration: none;
  display: flex;
}

.lm-bcd-item-title {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.title-h6-8 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.lm-bcd-item-link {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.link-text-14 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.vectors-wrapper-40 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.lm-sm {
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.lm-sm-bg {
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-41 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.lm-sm-container {
  grid-row-gap: 20px;
  color: var(--base--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.lm-sm-title-container {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-sm-title-num {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.title-h3-11 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-sm-uptitle {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  text-decoration: none;
  display: flex;
}

.uptitle-4 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.lm-sm-title {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  text-decoration: none;
  display: flex;
}

.title-h2-23 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lm-sm-body {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-sm-upper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-sm-col-text {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  text-decoration: none;
  display: flex;
}

.lm-sm-subtitle {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-18 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.lm-sm-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  text-decoration: none;
  display: flex;
}

.button-7 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.lm-sm-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-42 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 165px;
  text-decoration: none;
  display: flex;
}

.lm-sm-list {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lm-sm-li {
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.title-h5-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.input-group-h {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.input-group-h.margin-top {
  margin-top: 10px;
}

.flex-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.fs-steps-cards-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--base--primary);
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 220px;
  max-width: 360px;
  height: 180px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0e002b30;
}

.home-feedback {
  grid-row-gap: 30px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 40px 20px 60px;
  text-decoration: none;
  display: flex;
}

.home-feedback-container {
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.home-fd-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-24 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.home-feedback-slider {
  grid-row-gap: 20px;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: none;
}

.home-feedback-slider-container {
  grid-column-gap: 0px;
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.home-feedback-slide {
  grid-row-gap: 32px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 560px;
  min-width: 560px;
  max-width: 560px;
  height: auto;
  min-height: 380px;
  margin-right: 40px;
  padding: 40px 32px;
  text-decoration: none;
  display: flex;
}

.home-feedback-slide-author {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.home-feedback-author-img {
  grid-column-gap: 10px;
  border: 3px solid var(--base--primary);
  border-radius: 100%;
  justify-content: flex-start;
  align-items: center;
  width: 80px;
  height: 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.img-19 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #7230ff;
}

.home-feedback-author-body {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 357px;
  text-decoration: none;
  display: flex;
}

.subtitle-s-22 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-16 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.home-feedback-slide-quote {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 466px;
  text-decoration: none;
  display: flex;
}

.home-feedback-quote-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  min-width: 48px;
  height: 32px;
  min-height: 0;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-43 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.home-feedback-quote-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.home-feedback-slider-nav {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pg-prev-2 {
  grid-row-gap: 10px;
  background-color: #7230ff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.pagination-img-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  text-decoration: none;
  display: flex;
}

.home-feedback-slider-pagination {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: none;
}

.home-feedback-slider-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.home-feedback-cms-slide {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 560px;
  max-width: 560px;
  height: 100%;
  margin-right: 40px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.home-feedback-slide-copy {
  grid-row-gap: 32px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 560px;
  max-width: 560px;
  height: 372px;
  min-height: 0;
  padding: 40px 32px;
  text-decoration: none;
  display: flex;
}

.home-feedback-slide-author-2 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.home-feedback-author-img-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 80px;
  height: 80px;
  text-decoration: none;
  display: flex;
}

.img-20 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #7230ff;
}

.home-feedback-author-body-2 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 357px;
  text-decoration: none;
  display: flex;
}

.home-feedback-author-name {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-s-23 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-17 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.home-feedback-author-job {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.home-feedback-slide-quote-2 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 466px;
  text-decoration: none;
  display: flex;
}

.home-feedback-quote-img-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-44 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.home-feedback-quote-text-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.descr-s-18 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.fs-uo-button-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

.et-hero-link-container {
  margin-left: 20px;
}

.et-hero-button-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
}

.fs-card-light-2, .fs-card-light-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--base--black);
  background-color: #9c94ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 220px;
  max-width: 340px;
  height: 180px;
  padding: 20px;
  display: flex;
}

.us-hero-item {
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 260px;
  height: auto;
  display: flex;
  position: relative;
  box-shadow: 0 8px 16px #0e002b30;
}

.uc-hero-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.us-hero-item-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
}

.home-team-board {
  grid-row-gap: 30px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.home-team-board-title-2 {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1080px;
  text-decoration: none;
  display: flex;
}

.title-h4-5 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.home-team-board-members-2 {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1080px;
  text-decoration: none;
  display: flex;
}

.hero-team-mem {
  grid-column-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 520px;
  text-decoration: none;
  display: flex;
}

.hero-team-mem-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  height: 140px;
  text-decoration: none;
  display: flex;
}

.img-21 {
  object-fit: cover;
}

.hero-team-mem-body {
  grid-row-gap: 12px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 160px;
  max-width: 340px;
  text-decoration: none;
  display: flex;
}

.hero-team-mem-title-container {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hero-team-mem-descr {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-s-24 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-xs-3 {
  opacity: .6;
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.descr-s-19 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.hero-team-mem-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hero-team-mem-subtitle {
  grid-column-gap: 10px;
  opacity: .6;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ip-hero {
  grid-row-gap: 10px;
  background-color: #290081;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 240px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ip-hero-bgimg {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-45 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.ip-hero-container {
  grid-row-gap: 80px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ip-pack-lowerbg {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 320px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.ip-hero-upper {
  grid-row-gap: 20px;
  color: var(--base--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ip-hero-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: block;
}

.title-h1-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.ip-hero-subtitle {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-l-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.ip-hero-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.button-light-6 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-18 {
  color: #7230ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.ip-hero-lower {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ip-pack-card {
  color: var(--base--black);
  background-image: linear-gradient(90deg, #dad4ec, #dad4ec 1%, #f3e7e9);
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  min-width: 260px;
  max-width: 340px;
  height: 540px;
  display: flex;
}

.ip-pack-card-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ip-pack-card-header {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 140px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  display: flex;
}

.ip-pack-card-uptitle {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uptitle-5 {
  color: #070015;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.ip-pack-card-title {
  grid-column-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-12 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.ip-pack-card-separator {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.ip-pack-card-line {
  grid-row-gap: 10px;
  background-color: #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 1px;
  display: flex;
}

.ip-pack-card-list {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.ip-pack-card-li {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ip-pack-card-li-icon {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 16px;
  height: 16px;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-46 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.ip-pack-card-li-descr {
  grid-column-gap: 10px;
  color: var(--base--black);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: underline;
  display: flex;
}

.ip-pack-card-li-descr.light {
  color: var(--base--white);
}

.descr-s-20 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
}

.ip-pack-card-button {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 30px 30px;
  text-decoration: none;
  display: flex;
}

.ip-pack-card-2 {
  color: var(--base--white);
  background-image: linear-gradient(214.22deg, #a67efa, #854cff);
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  min-width: 260px;
  max-width: 340px;
  height: 540px;
  display: flex;
}

.uptitle-6 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.title-h3-13 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.ip-pack-card-li-descr-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s-21 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.descr-s-22 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
}

.ip-pack-card-3 {
  color: var(--base--white);
  background-image: linear-gradient(90deg, #505285, #585e92 12%, #65689f 25%);
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  min-width: 260px;
  max-width: 340px;
  height: 540px;
  display: flex;
}

.ip-pack-card-li-icon-2 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 44px;
  padding-top: 3px;
  text-decoration: none;
  display: flex;
}

.ip-hero-title-h1 {
  font-size: var(--title--h1);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 115%;
  display: block;
}

.ip-hero-title-h1.light {
  color: var(--light--light-4);
}

.ip-hero-title-h1.inline {
  display: inline;
}

.ip-hero-title-h1.inline.night {
  color: var(--brand--night);
}

.ip-hero-title-h1.inline.brand {
  color: var(--base--primary);
}

.ip-hero-title-h1.inine {
  display: inline;
}

.ip-hero-title-h1.night {
  color: var(--brand--night);
}

.ip-modules {
  grid-row-gap: 120px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
}

.ip-modules-container {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.ip-modules-title-container {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.ip-module-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h1-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.ip-module-subtitle {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.ip-modules-body {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ip-module-card {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 280px;
  text-decoration: none;
  display: flex;
}

.card-tab-3 {
  grid-column-gap: 20px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.card-col-l-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-title-4 {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-7 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.card-descr-container {
  grid-column-gap: 15px;
  color: var(--base--black);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  text-decoration: none;
  display: flex;
}

.card-descr-5 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.descr-19 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.descr-20 {
  color: #ad88ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.card-icon-2 {
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-47 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.ip-module-card-2 {
  grid-column-gap: 20px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 280px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.title-h5-8 {
  color: #9c94ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.ip-module-card-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 280px;
  text-decoration: none;
  display: flex;
}

.card-tab-4 {
  grid-column-gap: 20px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 280px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.card-col-l-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-title-5 {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-9 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.title-h5-10 {
  color: #9c94ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.card-descr-container-2 {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  text-decoration: none;
  display: flex;
}

.card-descr-6 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.descr-21 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.descr-22 {
  color: #ad88ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.vectors-wrapper-48 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.card-tab-5 {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 280px;
  text-decoration: none;
  display: flex;
}

.card-body-2 {
  grid-column-gap: 20px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 280px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.title-h5-11 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.descr-xs-4 {
  color: #9c94ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.card-descr-7 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.descr-23 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.descr-24 {
  color: #ad88ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.vectors-wrapper-49 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.ip-form {
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 80px;
  text-decoration: none;
  display: flex;
}

.ip-form-container {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.ip-form-body {
  grid-row-gap: 20px;
  background-color: #f8f7fa;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 700px;
  padding: 60px 40px;
  text-decoration: none;
  display: flex;
}

.form-title-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-25 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.form-wrapper-aligned-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.dropdown-wrapper-2 {
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.field-dropdown-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.field-dropdown-label {
  color: #070015;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.field-dropdown-label::placeholder, .descr-s-23 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.field-dropdown-icon-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-50 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.input-container {
  grid-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.input-wrapper-3 {
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 320px;
  text-decoration: none;
  display: flex;
}

.field-input-3 {
  color: #07001566;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.field-input-3::placeholder, .descr-s-24 {
  color: #07001566;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.field-input-4 {
  color: #07001566;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.field-input-4::placeholder {
  color: #07001566;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.ip-assumptions-body {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.controls-checkbox-checked-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.controls-checkbox-icon-checked-2 {
  grid-column-gap: 10px;
  background-color: #7230ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-51 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.controls-label-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.checkbox-link-label-3 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-s-5 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.form-button-aligned-2 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.button-text-19 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.ip-form-img {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 440px;
  height: 360px;
  padding: 100px 80px;
  display: flex;
}

.ip-img-container {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  height: 160px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ip-bgimg {
  grid-column-gap: 10px;
  background-color: #9c94ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  display: flex;
}

.ip-img {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 240px;
  height: 380px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -150px;
  left: 30px;
}

.img-22 {
  object-fit: cover;
}

.ip-assumptions-container {
  grid-row-gap: 5px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.ip-assumptions-subtitle {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-xs-9 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-25 {
  opacity: .6;
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.form-title-h2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
}

.form-title-h2.left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  line-height: 1.4;
}

.ip-form-html {
  display: none;
}

.ip-assumptions-list {
  opacity: .6;
  flex-flow: column;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.ip-modules-html {
  display: none;
}

.popup-module {
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.popup-module.active {
  display: flex;
}

.vectors-wrapper-52 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.popup-left {
  grid-column-gap: 10px;
  background-color: var(--base--white);
  border-radius: 10px;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 420px;
  height: auto;
  padding: 60px 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  left: auto;
  right: 40px;
}

.popup-container-2 {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 420px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ip-popup-title {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-12 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.ip-popup-body {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

.ip-popup-p {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-s-25 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}

.descr-25 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.subtitle-s-26 {
  color: #070015;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.popup-close-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 20px;
  left: 384px;
}

.vectors-wrapper-53 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.popup-module-fixedassets {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-fixedassets.active {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.popup-module-basepack {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-basepack.active {
  display: flex;
}

.popup-module-budgeting {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-budgeting.active {
  display: flex;
}

.popup-module-purchases {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-purchases.active {
  display: flex;
}

.popup-module-sales {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-sales.active {
  display: flex;
}

.popup-module-banking {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-banking.active {
  display: flex;
}

.popup-module-inventory {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-inventory.active {
  display: flex;
}

.popup-module-jobs {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-jobs.active {
  display: flex;
}

.popup-module-servicemanagement {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-servicemanagement.active {
  display: flex;
}

.popup-module-manufacturing {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-manufacturing.active {
  display: flex;
}

.popup-module-advancedinventory {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-advancedinventory.active {
  display: flex;
}

.popup-module-inventoryplanning {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-inventoryplanning.active {
  display: flex;
}

.popup-module-warehousing {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-warehousing.active {
  display: flex;
}

.popup-module-warehousingextra {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-warehousingextra.active {
  display: flex;
}

.popup-module-consolidation {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-consolidation.active {
  display: flex;
}

.popup-module-billofmaterials {
  z-index: 9999;
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-module-billofmaterials.active {
  display: flex;
}

.popup-pack-s {
  z-index: 9999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-pack-s.active {
  display: flex;
}

.popup-pack-m {
  z-index: 9999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-pack-m.active {
  display: flex;
}

.popup-pack-l {
  z-index: 9999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-pack-l.active {
  display: flex;
}

.ip-pack-title-s {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h3);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

.ip-pack-title-s.inline {
  display: inline;
}

.ip-pack-title-s.inline.brand {
  color: var(--base--primary);
}

.ip-pack-title-s.center {
  text-align: center;
}

.ip-pack-title-m {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h3);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

.ip-pack-title-m.inline {
  display: inline;
}

.ip-pack-title-m.inline.brand {
  color: var(--base--primary);
}

.ip-pack-title-m.center {
  text-align: center;
}

.ip-pack-title-l {
  font-family: Roboto, sans-serif;
  font-size: var(--title--h3);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

.ip-pack-title-l.inline {
  display: inline;
}

.ip-pack-title-l.inline.brand {
  color: var(--base--primary);
}

.ip-pack-title-l.center {
  text-align: center;
}

.f-dropdown-wrapper {
  border-top: 0 solid #d6c3ff;
  border-left: 0 solid #d6c3ff;
  border-right: 0 solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.fs-hero-subtitle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.descr-s-copy {
  font-family: Roboto, sans-serif;
  font-size: var(--description--small);
  text-align: left;
  white-space: normal;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 140%;
}

.descr-s-copy.center {
  text-align: center;
}

.descr-s-copy.hug {
  width: auto;
}

.descr-s-copy.keep {
  white-space: nowrap;
}

.descr-s-copy.inline {
  display: inline;
}

.cookie-modal_radio_label {
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: .9375rem;
  font-weight: 500;
}

.cookie-modal_radio_label.is--not-allowed {
  font-weight: 500;
}

.cookie-modal_radio_button {
  float: left;
  border: 1.75px solid var(--light--light-3);
  border-radius: .375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio_button.w--redirected-checked {
  background-color: var(--base--primary);
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/66b61995dab53d7ecbe12855_radio__checkmark.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #515750;
}

.cookie-modal_radio_button.w--redirected-focus {
  box-shadow: none;
}

.cookie-modal_radio_button.is-always-active {
  border-color: var(--base--primary);
  background-color: var(--base--primary);
  cursor: not-allowed;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/66b61995dab53d7ecbe12855_radio__checkmark.svg");
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f3f7f2;
  border-radius: 0 0 .25rem .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.in-pref-manger {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--light--light);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2rem -2rem -2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.cookie-modal_button-wrap.is-small {
  background-color: var(--white);
  justify-content: flex-start;
  padding: 20px;
}

.cookie-preference_wrapper {
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.cookie-preference_background {
  opacity: 1;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  cursor: pointer;
  background-color: #d7e7d580;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cookie-modal_link {
  color: var(--base--primary);
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio {
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio.is--not-allowed {
  cursor: not-allowed;
}

.cookie-modal_closebutton {
  z-index: 5;
  background-color: var(--white);
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 0 -2.5rem auto;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cookie-modal_closebutton.is-sticky {
  position: sticky;
  top: -1rem;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding: 20px 20px 0;
  display: flex;
}

.cookie-popup_component {
  z-index: 2147483647;
  max-width: 25rem;
  position: fixed;
  inset: auto 1.25rem 1.25rem auto;
}

.cookie-modal_styles {
  display: none;
}

.cookie-modal_component {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: 0 4px 1rem #2629260d;
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_title {
  margin-bottom: .25em;
  font-size: 1.25rem;
  font-weight: 700;
}

.cookie-modal_title.is-small {
  font-size: 1.1875rem;
}

.cookie-modal_closebutton_line {
  background-color: #515750;
  width: 1rem;
  height: 2px;
  position: absolute;
}

.cookie-modal_closebutton_line.is-right {
  transform: rotate(-45deg);
}

.cookie-modal_closebutton_line.is-left {
  transform: rotate(45deg);
}

.cookie-modal_form-wrap {
  margin-bottom: 0;
}

.cookie-modal_form {
  padding-top: 1.25rem;
  padding-bottom: .5rem;
}

.cookie-modal_button {
  background-color: var(--base--black);
  color: #fff;
  text-align: center;
  border-radius: 30px;
  padding: 12px 24px;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: var(--base--primary);
}

.cookie-modal_button.is-secondary {
  opacity: 1;
  color: var(--black);
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 500;
}

.cookie-modal_button.is-secondary:hover {
  opacity: 1;
  text-decoration: underline;
}

.cookie-preference_component {
  z-index: 99999999;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.cookie-modal_radio_description {
  opacity: .5;
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
}

.cookies-container.hidden {
  display: none;
}

.policy-link {
  color: var(--base--primary);
  font-weight: 500;
}

.ip-pack-card-descr {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ip-module-descr {
  grid-row-gap: 80px;
  opacity: .5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lf-block {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 760px;
  display: flex;
}

.h-dropdown-language-p-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.h-dropdown-language-p-section.hidden {
  display: none;
}

.h-dropdown-lang-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 40px;
  max-width: 40px;
  display: flex;
}

.appsource-img {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 160px;
  display: flex;
}

.f-legals-locales {
  color: var(--base--black);
  display: flex;
}

.f-legals-locales-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--base--black);
  display: flex;
}

.f-legals-locale {
  color: var(--black);
  width: 160px;
}

.f-locale-label-s {
  opacity: .8;
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.h-text-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--base--white);
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  margin-left: 30px;
  display: flex;
}

.f-p-group-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.f-p-group-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.f-p-links-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.f-p-link-item {
  margin-left: 0;
}

.link-linkedin {
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/652fcb106d99a97c8af77166_icon-ln.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
  text-decoration: none;
}

.mig-hero-button-group {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-benefits {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 40px;
  display: flex;
  position: relative;
}

.home-benefits-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-flow: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.home-benefits-title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.home-benefits-info-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.home-benefits-info-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 0;
  display: flex;
}

.home-benefits-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #140040;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.home-benefits-gallery-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.home-benefits-gallery-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.home-benefits-cert-list-wrap {
  width: 100%;
  margin-top: 20px;
}

.home-benefits-cert-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.home-benefits-cert-item {
  width: 100%;
}

.home-benefits-cert-img {
  width: 100%;
  display: block;
}

.home-benefits-gallery-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.home-benefits-gallery-img {
  object-fit: cover;
  flex: 1;
  align-self: stretch;
  width: 100%;
}

.mig-app {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.mig-app-container {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.swiper.mig-app-slider, .swiper.che-hero-slider, .swiper.pc-screens__slider {
  z-index: 1;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.swiper.home-feedback__slider {
  width: 100%;
  overflow: hidden;
}

.swiper.g-solutions-swiper, .swiper.g-customers-swiper, .swiper.home-feedback-swiper, .swiper.spc-screens-swiper {
  width: 100%;
}

.swiper-wrapper.mig-app-slider-list, .swiper-wrapper.cg-hero-slider-list, .swiper-wrapper.pc-screens__slider-list {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.swiper-wrapper.home-feedback__slider-list {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.swiper-wrapper.edicom-slider {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.swiper-wrapper.g-solutions-swiper-wrapper, .swiper-wrapper.g-customers-swiper-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.swiper-wrapper.home-feedback-swiper-wrapper, .swiper-wrapper.spc-screens-swiper-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  display: flex;
}

.swiper-slide.mig-app-slider-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.swiper-slide.cg-hero-slider-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 35%;
  display: flex;
}

.swiper-slide.cg-slider-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.swiper-slide.pc-tesers__item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.swiper-slide.home-feedback-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--light--light-3);
  background-color: var(--secobdary-bg);
  flex-flow: column;
  height: auto;
  padding: 40px 32px;
  display: flex;
}

.swiper-slide.edicom-slider-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.swiper-slide.g-solution, .swiper-slide.g-customer {
  box-sizing: border-box;
  color: var(--base--black);
  min-height: 396px;
}

.swiper-slide.spc-screens-slide {
  align-self: stretch;
  height: auto;
  overflow: hidden;
}

.mig-app-slider-img {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

.mig-app-slider-title {
  pointer-events: none;
  padding-left: 10px;
}

.slider-contain-d2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.slider-contain-d2.home-feedback__slider-contain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.slider-nav {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: -16px;
  display: flex;
  position: absolute;
}

.slider-nav.home-feedback__slider-nav {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-self: flex-start;
  width: auto;
  margin-top: 0;
  position: relative;
}

.slider-nav.g-customers-slider-nav {
  height: 80px;
  margin-top: 0;
  display: none;
}

.slider-nav.spc-slider-nav {
  margin-top: 0;
  position: relative;
}

.mid-app-slider-btn {
  z-index: 2;
  background-color: var(--base--primary);
  pointer-events: auto;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
}

.mid-app-slider-btn.swiper-next {
  pointer-events: auto;
  right: 0;
}

.mid-app-slider-btn.swiper-prev {
  pointer-events: auto;
  left: 0;
}

.is-disabled {
  opacity: .5;
  pointer-events: none;
}

.mig-guides {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 40px;
  display: flex;
}

.erp-guides-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.mig-guides-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  display: flex;
}

.mig-guides-list-wrap {
  width: 100%;
}

.mig-guides-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.mig-guides-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.mig-guides-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.us-hero-button-group {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.us-hero-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-path-bc {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 60px;
  display: flex;
}

.bc-hero-lower-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.bc-hero-lower-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--light--light-2);
  background-color: var(--light--light);
  overflow-wrap: anywhere;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  padding: 40px 20px 20px;
  display: flex;
  position: relative;
}

.bc-hero-lower-functional-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.bc-hero-lower-item-color {
  width: 100%;
  height: 8px;
  position: absolute;
  inset: 0% 0% auto;
}

.bc-hero-lower-item-color.is-purple {
  background-color: var(--brand--default);
}

.bc-hero-lower-item-color.is-pink {
  background-color: #a7008b;
}

.bc-hero-lower-item-color.is-blue {
  background-color: #6a4bb3;
}

.bc-path-bc-list-wrap {
  width: 100%;
  position: relative;
}

.bc-path-bc-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.bc-path-bc-item {
  border: 1px solid var(--light--light-3);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.bc-path-bc-popup {
  z-index: 99999;
  justify-content: center;
  align-items: center;
  padding: 40px 20px 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.bc-path-bc-popup-content {
  z-index: 2;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--base--white);
  border-radius: 10px;
  flex-flow: column;
  max-height: 80svh;
  padding: 30px;
  display: flex;
  position: relative;
  overflow: auto;
}

.bc-popup-line {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #7230ff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 8px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bc-pop-up-title {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding: 15px 15px 15px 23px;
  display: flex;
  position: relative;
}

.bc-path-bc-popup-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-path-bc-popup-description {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 30px 20px;
  display: flex;
}

.bc-path-bc-popup-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.bc-path-bc-popup-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.bc-path-bc-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.bc-path-bc-popup-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  display: flex;
}

.bc-path-bc-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.mig-guides-card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  display: flex;
  box-shadow: 0 4px 6px #0e002b1a;
}

.mig-guides-img-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/65a7b1e576d34ee9100fc9b2_ss-od-item-img.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  display: flex;
}

.mig-guides-img {
  object-fit: cover;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.mig-guides-img.origin-left {
  object-position: 0% 50%;
}

.mig-guides-img.hug {
  width: auto;
}

.mig-guides-info-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px 20px 20px;
  display: flex;
}

.bc-guides {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 80px;
  display: flex;
}

.bc-guide-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.bc-guide-item {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 0;
  display: flex;
}

.bc-guide-card {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: var(--dark--dark);
  color: var(--base--white);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0e002b30;
}

.bc-guide-img-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto -25% 20px;
}

.bc-pricing {
  border: 1px solid var(--light--light-3);
  background-color: var(--secobdary-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  padding: 80px 20px;
  display: flex;
}

.bc-pricing-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.bc-pricing-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.bc-pricing-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--light--light-2);
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding: 20px 20px 30px;
  display: flex;
  box-shadow: 0 8px 16px #0000001a;
}

.bc-pricing-desc-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.opacity-0 {
  opacity: 0;
}

.bc-pricing-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bc-mc {
  border: 1px solid var(--light--light-3);
  background-color: var(--secobdary-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bc-mc-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.bc-mc-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  display: flex;
}

.bc-mc-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.bc-mc-img-wrap {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.bc-mc-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 660px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.bc-mc-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bc-mc-img {
  width: 100%;
}

.bc-pricing-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 700px;
  display: flex;
}

.cg-hero-cards-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.cg-hero-cards-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--base--black);
  background-color: #f8f7fa;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.cg-ot-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--base--white);
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  display: flex;
}

.cg-webinar {
  border: 1px solid var(--light--light-3);
  background-color: var(--secobdary-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 80px 20px;
  display: flex;
  overflow: hidden;
}

.cg-webinar__container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.cg-webinar__video-wrap {
  flex: 1;
  width: 100%;
  min-width: 300px;
}

.cg-webinar__video {
  z-index: 1;
  width: 100%;
}

.cg-webinar__list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.cg-webinar__item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  width: 100%;
  max-width: 460px;
  margin-left: 0;
  display: flex;
}

.cg-webinar__item-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 24px;
  margin-top: 10px;
  display: flex;
}

.cg-webinar__item-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cg-webinar__item-heading:lang(de) {
  margin-right: 20px;
  padding: 10px;
}

.cg-webinar__item-heading.is-1 {
  background-color: #6a6aab;
}

.cg-webinar__item-heading.is-2 {
  background-color: #cd40ff;
}

.cg-webinar__item-heading.is-3 {
  background-color: #0046ff;
}

.cg-screens {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 80px 20px;
  display: flex;
  overflow: hidden;
}

.cg-screens__container {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.cg-update {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.cg-update__container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px 60px;
  display: flex;
}

.cg-plans__descr {
  font-size: 16px;
  font-weight: 400;
}

.cg-plans__popup {
  z-index: 9999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: none;
  position: fixed;
  inset: 0%;
}

.cg-plans__popup-content {
  z-index: 2;
  background-color: var(--base--white);
  text-align: center;
  border-radius: 10px;
  min-width: 300px;
  max-width: 480px;
  padding: 60px 30px 30px;
  position: relative;
}

.cg-plans__link {
  color: var(--base--white);
  font-size: 16px;
}

.cg-advantages {
  border: 1px solid var(--light--light-3);
  background-color: var(--secobdary-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 80px 20px;
  display: flex;
  overflow: hidden;
}

.cg-advantages__container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.cg-advantages__title {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 300px;
  display: flex;
}

.cg-adnatages__list {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  min-width: 600px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.cg-advantages__info-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--light--light-3);
  background-color: var(--secobdary-bg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  min-width: 300px;
  padding: 24px;
  display: grid;
}

.cg-advantages__item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/676770eb264061ca37f8ee46_Vector%20100.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 125px 100%;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding: 20px 0 20px 60px;
  display: flex;
}

.cg-advantages__number {
  font-size: var(--title--h2);
  font-weight: 700;
  line-height: 120%;
}

.cg-advantages__span {
  color: var(--brand--shade-1);
  font-size: var(--subtitle--default);
  font-weight: 700;
  line-height: 128%;
}

.cg-advantages__logo-wrap {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  height: 50px;
  display: flex;
}

.cg-advantages__buttons-group {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.cg-start {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.cg-start__container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.cg-start__content {
  width: 100%;
  position: relative;
}

.cg-start__line {
  z-index: 1;
  background-color: var(--light--light-3);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 50% 0% 0%;
  transform: rotate(45deg);
}

.cg-start__list {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  position: relative;
}

.cg-start__item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  font-size: 16px;
  display: flex;
  position: relative;
}

.cg-start__item.is-1 {
  flex: 0 auto;
  min-width: 200px;
}

.cg-start__item.is-2 {
  min-width: 260px;
}

.cg-start__item.is-3, .cg-start__item.is-4 {
  min-width: 232px;
}

.cg-start__item.is-5 {
  min-width: 200px;
}

.cg-start__item-info-wrap {
  flex-flow: column;
  display: flex;
}

.cg-start__item-img-wrap {
  justify-content: flex-start;
  align-items: center;
  height: 64px;
  margin-top: -32px;
  display: flex;
  position: relative;
  top: -50%;
  bottom: 50%;
}

.cg-start__item-line {
  z-index: 1;
  background-color: var(--light--light-3);
  width: 100%;
  height: 1px;
  position: absolute;
}

.cg-start__item-img-bg {
  background-color: var(--base--primary);
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.cg-start__line-wrap {
  justify-content: center;
  align-items: center;
  height: 85%;
  display: flex;
  position: absolute;
  inset: auto 0%;
  overflow: hidden;
}

.cg-start__button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.mac-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.title-h5-13 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.slider-contain-d3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.cg-hero-video {
  width: 100%;
}

.cg-hero-slider-btn {
  z-index: 2;
  background-color: var(--base--black);
  pointer-events: auto;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
}

.cg-hero-slider-btn.swiper-next {
  pointer-events: auto;
  margin-right: -15px;
  right: 0;
}

.cg-hero-slider-btn.swiper-prev {
  pointer-events: auto;
  margin-left: -15px;
  position: relative;
}

.swiper-bullet {
  background-color: #a8a8a8;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  padding: 0;
}

.swiper-bullet.ch-hero-slider-bullets {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  display: flex;
}

.swiper-bullet.cg-hero-slider-bullet {
  background-color: #d1d1d1;
}

.swiper-bullet.cg-hero-slider-bullet.is-active {
  background-color: var(--dark--dark-4);
}

.swiper-bullet.is-active {
  background-color: var(--base--primary);
}

.swiper-bullet-wrapper {
  border-radius: 50%;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.swiper-bullet-wrapper.ch-hero-slider-bullets {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
}

.swiper-bullet-wrapper.cg-hero-slider-bullet {
  background-color: #d1d1d1;
}

.swiper-bullet-wrapper.cg-hero-slider-bullet.is-active {
  background-color: var(--dark--dark-4);
}

.cg-start__item-img {
  width: 100%;
  height: 100%;
}

.erp-quides__list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.erp-guides__item {
  aspect-ratio: 1 / 1.4;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 20px 150%;
  background-repeat: no-repeat;
  background-size: 80%;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding: 0;
  display: flex;
  box-shadow: 0 8px 16px #0e002b30;
}

.erp-guides__item.is-1 {
  background-color: var(--base--white);
  color: var(--dark--dark);
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/6757a7a5539f454198392571_Vectors-Wrapper.svg");
}

.erp-guides__item.is-2 {
  background-color: var(--brand--default);
  color: var(--white);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.erp-guides__item.is-3 {
  background-color: var(--dark--dark);
  color: var(--base--white);
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/65329f7d322f8db7e4926d9c_Vectors-Wrapper.svg");
}

.erp-guides__item.is-4 {
  background-color: var(--base--white);
  color: var(--dark--dark);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.erp-guides__item.is-5 {
  background-color: var(--brand--default);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/6532717242089bc729018d1e_Vectors-Wrapper.svg");
}

.erp-guides__btn-wrap {
  color: var(--dark--dark);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.erp-guides__img {
  aspect-ratio: 1.5;
  object-fit: cover;
  width: 100%;
}

.erp-guides__info-wrap {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.adbl-hero-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.adbl-hero-lower-tags {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: default;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 220px;
  display: flex;
}

.adbl-hero-lower-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.adbl-hero-lower-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/675ba99712cb632a2ce746ce_pc-feats-li-arrow.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px 16px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  padding-left: 44px;
  display: flex;
}

.adbl-hero-lower-item-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 24px;
  height: 24px;
  margin-top: 0;
  display: flex;
}

.adbl-hero-lower-slider {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.adbl-teasers {
  background-color: var(--secobdary-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.adbl-teasers__container {
  border-right: 1px solid var(--light--light-2);
  border-bottom: 1px solid var(--light--light-2);
  border-left: 1px solid var(--light--light-2);
  background-color: var(--white);
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 30px 60px 60px;
}

.adbl-hero-slider-btn {
  z-index: 2;
  background-color: var(--base--primary);
  pointer-events: auto;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
}

.adbl-hero-slider-btn.swiper-next {
  pointer-events: auto;
  margin-right: -15px;
  right: 0;
}

.adbl-hero-slider-btn.swiper-prev {
  pointer-events: auto;
  margin-left: -15px;
  position: relative;
}

.adbl-kf-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.adbl-kf-item {
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/6757caf8eca343024d8d2b58_arrow-right.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 24px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding-left: 44px;
  font-size: 16px;
  line-height: 140%;
  display: flex;
}

.adbl-screens {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 80px 20px 20px;
  display: flex;
  overflow: hidden;
}

.teasers-anchor {
  margin-top: -100px;
  position: absolute;
  inset: 0% 0% auto;
}

.pc-teasers {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.pc-teasers__container {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--light--light-2);
  background-color: var(--secobdary-bg);
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 30px 60px 60px;
}

.pc-op__list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pc-op__item {
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding: 20px;
  display: flex;
}

.pc-hero-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pc-hero-list.manual {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.pc-rep__list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--white);
  flex-flow: wrap;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pc-rep__item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--dark--dark);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/657969082416eb71be10f89f_Vectors-Wrapper.svg");
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  padding: 20px;
  display: flex;
}

.pc-rep__item.disabled {
  display: none;
}

.pc-rep__list-sec {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pc-rep__item-sec {
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/652fcb2f17e83e0fbc09f91b_arrow-right.svg");
  background-position: 0 1%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  margin-left: 0;
  padding-left: 44px;
}

.pc-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--brand--default);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/6544dcb97704e0b30332c64f_Vectors-Wrapper.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pc-cta__container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: grid;
}

.pc-cta__column {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 260px;
  display: flex;
}

.pc-cta__column.book {
  max-width: 200px;
}

.pc-cta__column.test {
  max-width: 340px;
}

.pc-cta__button {
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.pc-screens {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.pc-screens__container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.pc-screens__upper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  display: flex;
}

.cg-hero__card-contain {
  color: var(--white);
  flex: 1;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.mac-card__top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mac-card__icon {
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/675ba067a46a7065df8e3b06_certificate-svgrepo-com%201.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 45px;
  height: 45px;
}

.mac-card__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.mac-card__img {
  flex: none;
  margin-left: 20px;
}

.mac-card__img.cg {
  align-self: flex-start;
  width: 116px;
  height: auto;
}

.mac-card__img.pc {
  align-self: flex-start;
  width: 60px;
  height: auto;
}

.mac-card__img.adbl {
  align-self: flex-start;
  width: 43px;
  height: auto;
}

.cg-hero-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.cg-hero-item-con {
  background-color: var(--dark--dark);
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/675ba4f4820c28ab53803469_icon-tick.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 50%;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.mac-card__top-contain {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pc-hero__text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.pc-hero__list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pc-hero__list.manual {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.pc-hero__item {
  background-image: url("https://cdn.prod.website-files.com/65053d50245f78f8abbe59fe/675ba99712cb632a2ce746ce_pc-feats-li-arrow.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px 16px;
  margin-left: 0;
  padding-left: 44px;
}

.adbl-hero__text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 720px;
  display: flex;
}

.adbl-card-contain {
  color: var(--base--black);
  flex: none;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.cg-advantages__column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cg-advantages__info-column {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  align-content: flex-start;
  display: flex;
}

.cg-start__item-line-contain {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.cg-start__item-dot {
  z-index: 2;
  background-color: var(--base--primary);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: relative;
}

.accordion-container-flex {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 5px;
  display: flex;
}

.pc-cta__wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  width: 620px;
}

.im-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 180px 20px 80px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.im-hero-bgimg {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.bgimg-2 {
  object-fit: cover;
  overflow: hidden;
}

.im-hero-container {
  grid-row-gap: 80px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.im-hero-section {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-hero-section-container {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-hero-body {
  grid-column-gap: 90px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-hero-title-container {
  grid-row-gap: 15px;
  color: var(--white);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: 680px;
  text-decoration: none;
  display: flex;
}

.im-hero-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h1-6 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.subtitle-l-5 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.im-hero-banner {
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--white);
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 380px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.im-banner-container {
  grid-column-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-banner-body {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 200px;
  max-width: 280px;
  text-decoration: none;
  display: flex;
}

.im-banner-icon {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.img-style {
  object-fit: cover;
  border-radius: 100px;
  padding: 10px;
  overflow: hidden;
}

.im-banner-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-14 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.img-style-2 {
  object-fit: cover;
}

.im-banner-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 56px;
  text-decoration: none;
  display: flex;
}

.button-s-dark-2 {
  grid-column-gap: 5px;
  background-color: #290081;
  border: 1px solid #290081;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-s-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.im-hero-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-dark-2 {
  grid-column-gap: 5px;
  background-color: #290081;
  border: 1px solid #290081;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-20 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.im-hero-list {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  color: var(--white);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-hero-item {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 340px;
  text-decoration: none;
  display: flex;
}

.im-hero-li-icon {
  grid-column-gap: 5px;
  background-color: #140040;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.im-hero-li-descr {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.title-h5-15 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.iframe-pdf {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.bc-comparison-guides {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 20px 80px;
  display: none;
}

.mig-comparison-guides {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 40px;
  display: none;
}

.s-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 180px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.s-hero-bgimg {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.bgimg-3 {
  object-fit: cover;
  overflow: hidden;
}

.s-hero-lower-bg {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 100px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.s-hero-container {
  grid-row-gap: 80px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.s-hero-section {
  grid-row-gap: 64px;
  color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-hero-section-container {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-hero-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-hero-title-container {
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.s-hero-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h1-7 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-l-9 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.s-hero-banner {
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 380px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.s-banner-container {
  grid-column-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-banner-body {
  grid-column-gap: 16px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 200px;
  max-width: 260px;
  text-decoration: none;
  display: flex;
}

.prod-banner-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-16 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-banner-img {
  grid-column-gap: 10px;
  object-fit: cover;
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 60px;
  text-decoration: none;
  display: flex;
}

.s-banner-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-s-dark-3 {
  grid-column-gap: 5px;
  background-color: #290081;
  border: 1px solid #290081;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-s-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.button-dark-3 {
  grid-column-gap: 5px;
  background-color: #290081;
  border: 1px solid #290081;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-21 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.button-icon-light-2 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-22 {
  color: #7230ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.button-img-5 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.s-hero-list {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-hero-item {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.s-hero-li-icon {
  grid-column-gap: 5px;
  background-color: #140040;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-hero-li-icon.small {
  max-width: 28px;
  max-height: 28px;
}

.s-hero-li-descr {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.title-h5-17 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-hero-li-icon-2 {
  grid-column-gap: 5px;
  object-fit: cover;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-hero-lower-section {
  grid-row-gap: 16px;
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-hero-lower-uptitle {
  grid-column-gap: 10px;
  color: var(--base--primary);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.uptitle-7 {
  color: #7230ff;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.s-hero-lower-content {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.s-hero-lower-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.title-h4-6 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-hero-lower-descr {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.looking-for-a-smoother-way-to-manage-your-document-flows-nprogressions-integration-between-microsoft {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.s-benefits {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-benefits-container {
  grid-row-gap: 32px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.s-benefits-upper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-benefits-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.title-h2-26 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-benefits-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-benefits-card {
  grid-row-gap: 10px;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 376px;
  height: 260px;
  display: flex;
}

.s-benefits-card.card-1 {
  background-color: var(--dark--dark-2);
  color: var(--base--white);
}

.s-benefits-card.card-2 {
  background-color: var(--base--primary);
  color: var(--white);
}

.s-benefits-card.card-3 {
  background-color: var(--light--light-2);
}

.s-card-body {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 260px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.s-card-bgimg {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 376px;
  height: 260px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.img-style-3 {
  background-color: #290081;
}

.s-card-col-l {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 212px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.s-card-title-container {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-card-uptitle-light {
  grid-column-gap: 10px;
  opacity: .6;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uptitle-8 {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.s-card-title-light {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h6-9 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-card-descr-light {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  text-decoration: none;
  display: flex;
}

.descr-26 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.img-style-4 {
  background-color: #7230ff;
}

.img-style-5 {
  background-color: #bfb2d9;
}

.uptitle-9 {
  color: #000;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.title-h6-10 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-27 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.s-screens {
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 48px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-screens-container {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.s-screens-cards {
  grid-column-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-screens-card {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-radius: 4px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 376px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-screens-img {
  grid-row-gap: 10px;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
  overflow: hidden;
}

.img-style-6 {
  object-fit: cover;
}

.s-addon {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 60px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-addon-container {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  text-decoration: none;
  display: flex;
}

.s-addon-content {
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  text-decoration: none;
  display: flex;
}

.s-addon-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-27 {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-l-10 {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.s-addon-button {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.button-style {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-23 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.s-features {
  grid-row-gap: 10px;
  color: var(--white);
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-features-container {
  grid-column-gap: 40px;
  flex-flow: row;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.s-features-content {
  grid-row-gap: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  text-decoration: none;
  display: flex;
}

.s-features-uptitle {
  grid-column-gap: 10px;
  color: var(--brand--night);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uptitle-10 {
  color: #d6c3ff;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.s-features-title {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-14 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-features-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.s-features-card {
  background-color: #2c1a53;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  height: 108px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.s-features-icon {
  grid-column-gap: 5px;
  background-color: #9c94ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-features-icon-img {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.icon-tick {
  object-fit: cover;
  overflow: hidden;
}

.s-features-descr {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.s-features-card-2 {
  background-color: #2c1a53;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  height: 120px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.dynamics-365-nav {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.s-features-2 {
  grid-row-gap: 10px;
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-features-uptitle-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uptitle-11 {
  color: #d6c3ff;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.title-h3-15 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-features-cards-2 {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.text-16 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.s-features-card-3 {
  background-color: #2c1a53;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  height: 120px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.s-video {
  grid-row-gap: 10px;
  color: var(--white);
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-video-container {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.s-video-content {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-video-uptitle {
  grid-column-gap: 10px;
  color: var(--brand--night);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uptitle-12 {
  color: #d6c3ff;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.s-video-title {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-28 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-video-cards {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-video-card {
  background-color: #f8f7fa;
  border: 1px solid #d6c3ff;
  border-radius: 4px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 376px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.s-video-img {
  grid-row-gap: 10px;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.s-video-icon {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 80px;
  left: 168px;
}

.s-apps {
  grid-row-gap: 10px;
  color: var(--white);
  background-color: #fff;
  background-image: linear-gradient(#7230ff, #7230ff);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-apps-container {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.s-apps-card-large {
  background-color: #f8f7fa;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 580px;
  height: 224px;
  padding: 32px;
  display: flex;
}

.s-apps-top {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-apps-top-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 340px;
  height: 80px;
  text-decoration: none;
  display: flex;
}

.s-apps-bottom {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-apps-bottom-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.s-apps-bottom-link {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.link-icon-dark {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-15 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.link-img-11 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.arrow-right {
  object-fit: cover;
  overflow: hidden;
}

.s-apps-cards {
  grid-row-gap: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 170px;
  max-width: 300px;
  text-decoration: none;
  display: flex;
}

.s-apps-card {
  grid-row-gap: 18px;
  background-color: #fff;
  background-image: linear-gradient(#7c3bff, #7c3bff);
  border: 1px solid #9662ff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 108px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.s-apps-card-title {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.title-h4-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-apps-card-descr {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s-26 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.s-apps-card-img {
  grid-row-gap: 10px;
  background-color: #140040;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 248px;
  height: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-start {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.s-start-upper-bg {
  grid-row-gap: 10px;
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 140px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.s-start-container {
  grid-row-gap: 40px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 48px 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.s-start-content {
  grid-column-gap: 20px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-start-title {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 560px;
  text-decoration: none;
  display: flex;
}

.title-h2-29 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-start-subtitle {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.title-h6-11 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-start-steps {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-start-step {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.s-start-step-upper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-start-step-upper-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 84px;
  display: flex;
  position: relative;
}

.s-start-step-img {
  grid-row-gap: 10px;
  object-fit: cover;
  object-position: 0% 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  max-width: 360px;
  height: 84px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.img-style-8 {
  object-fit: cover;
}

.s-start-step-title {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 84px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.title-h5-18 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-start-step-middle {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.s-start-step-dot {
  background-color: #7230ff;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 12px;
  height: 12px;
  text-decoration: none;
  display: flex;
}

.s-start-step-line {
  background-color: #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1px;
  display: flex;
}

.s-start-step-content {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

.s-start-step-descr {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-l-11 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.s-start-step-link {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-style {
  grid-column-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-text-16 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}

.s-start-step-link-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 167px;
  text-decoration: none;
  display: flex;
}

.link-img-12 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.icon-arrow {
  overflow: hidden;
}

.icon-download {
  object-fit: cover;
  overflow: hidden;
}

.s-start-step-link-3 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-text-24 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.s-cta {
  grid-row-gap: 10px;
  color: var(--white);
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 387px;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.s-cta-container {
  grid-row-gap: 40px;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 60px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.s-cta-bgimg {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1160px;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.bgimg-4 {
  object-fit: cover;
}

.s-cta-text {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.s-cta-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-30 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-17 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.s-cta-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-light-7 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-25 {
  color: #7230ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.gc {
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.gc-container {
  grid-column-gap: 40px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.gc-img {
  grid-column-gap: 9.58333px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459.999px;
  height: 560px;
  text-decoration: none;
  display: flex;
}

.img-style-9 {
  object-fit: cover;
}

.gc-content {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460.001px;
  text-decoration: none;
  display: flex;
}

.gc-body {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.gc-text {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.gc-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-31 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.gc-descr {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-l-12 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.button-style-2 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-26 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.gc-form {
  grid-row-gap: 10px;
  opacity: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 1px;
  max-width: 1px;
  max-height: 1px;
  text-decoration: none;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  overflow: hidden;
}

.form-wrapper-aligned-3 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460.001px;
  text-decoration: none;
  display: flex;
}

.form-style {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.input-wrapper-4 {
  border: 0 solid #d6c3ff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.field-input-container-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.field-input-5 {
  color: #07001566;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.field-input-5::placeholder, .descr-s-27 {
  color: #07001566;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.field-input-6 {
  color: #07001566;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.field-input-6::placeholder {
  color: #07001566;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.gc-form-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 10px;
  padding: 16px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.gc-form-button.hug {
  width: auto;
  min-width: 160px;
}

.g-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 240px 20px 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.g-hero-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-hero-content {
  grid-row-gap: 82px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  min-height: 540px;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.g-hero-title-container {
  grid-row-gap: 24px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 660px;
  text-decoration: none;
  display: flex;
}

.g-hero-status-imgs {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.g-hero-status-img {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.img-style-10 {
  object-fit: cover;
}

.g-hero-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h1-8 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.g-hero-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-style-3 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-27 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.g-hero-list {
  grid-column-gap: 36px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.g-hero-li {
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 160px;
  text-decoration: none;
  display: flex;
}

.g-hero-li-title {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-19 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-18 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.g-hero-img {
  border-radius: 8px 0 0;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 720px;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: visible;
}

.g-customers {
  grid-row-gap: 10px;
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.g-customers-container {
  grid-row-gap: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-customers-slider {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  height: 80px;
  text-decoration: none;
  display: flex;
}

.g-customers-logo {
  background-color: #2c1a54;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 180px;
  height: 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.img-style-11 {
  object-fit: cover;
}

.g-about {
  grid-row-gap: 10px;
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 20px 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.g-about-container {
  grid-row-gap: 48px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-about-list {
  grid-column-gap: 160px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-about-li {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 220px;
  text-decoration: none;
  display: flex;
}

.g-about-li-title {
  grid-column-gap: 10px;
  color: var(--brand--night);
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-16 {
  color: #9c94ff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-l-13 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.g-about-li-large {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  text-decoration: none;
  display: flex;
}

.g-about-cards {
  grid-column-gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-about-cards-top {
  grid-column-gap: 20px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 640px;
  text-decoration: none;
  display: flex;
}

.g-about-card-1 {
  background-color: #f8f7fa;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  height: 320px;
  padding: 24px;
  display: flex;
}

.title-h5-20 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.g-about-card-content {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-about-card-descr {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-28 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.g-about-card-2 {
  background-color: #9c94ff;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 260px;
  height: 320px;
  padding: 24px;
  display: flex;
}

.g-about-card-3 {
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  height: 320px;
  min-height: 192px;
  max-height: 320px;
  padding: 24px;
  display: flex;
}

.g-about-card-img {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  height: 272px;
  text-decoration: none;
  display: flex;
}

.image-2 {
  object-fit: cover;
}

.g-about-li-descr {
  grid-column-gap: 10px;
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-about-card-title {
  grid-column-gap: 10px;
  color: var(--base--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-solutions {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.g-solutions-container {
  grid-row-gap: 24px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-solutions-title-container {
  grid-row-gap: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-solutions-h-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-32 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.g-solutions-h-descr {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-l-14 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.g-solutions-tabs-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tabs-outline {
  grid-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tab-outlinechecked {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.tab-text-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.tab-outline-2 {
  grid-column-gap: 5px;
  border: 1px solid #7230ff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.tab-text-3 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.g-solutions-content {
  width: 100%;
}

.g-solutions-tab {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.g-solutions-slider {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-solutions-slider-container {
  grid-column-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-solution {
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.g-solution-top {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-solution-img {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  text-decoration: none;
  display: flex;
}

.g-solution-img.large {
  width: 160px;
  min-width: 160px;
}

.img-style-14 {
  object-fit: cover;
}

.g-solution-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h6-12 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.g-solution-bottom {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-solution-bottom-content {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 100px;
  text-decoration: none;
  display: flex;
}

.g-solution-prod {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-xs-10 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-28 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.g-solution-button {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-s-2 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-s-8 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.g-solutions-slider-nav {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pg-prev-3 {
  grid-row-gap: 10px;
  background-color: #7230ff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.pagination-img-3 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  text-decoration: none;
  display: flex;
}

.arrow-short-left {
  object-fit: cover;
  overflow: hidden;
}

.g-solutions-slider-containe {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-solutions-slider-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.g-solutions-slider-container-2 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-solution-2 {
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 284px;
  height: 386px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.img-style-15 {
  object-fit: cover;
}

.subtitle-xs-11 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-29 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.button-text-s-9 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.pg-prev-4 {
  grid-row-gap: 10px;
  background-color: #7230ff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.pagination-img-4 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  text-decoration: none;
  display: flex;
}

.g-solution-prod-img {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  text-decoration: none;
  display: flex;
}

.g-solution-tab {
  width: 100%;
}

.g-solutions-html {
  display: none;
}

.g-advs {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.g-adv-container {
  grid-row-gap: 40px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-adv-title-container {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-adv-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h3-17 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.g-adv-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.g-adv {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 570px;
  text-decoration: none;
  display: flex;
}

.g-adv-li-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-adv-icon {
  grid-column-gap: 5px;
  background-color: #140040;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-img-6 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.descr-29 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.g-adv-imgs {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.g-adv-imgs-left {
  grid-row-gap: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 572px;
  text-decoration: none;
  display: flex;
}

.g-adv-imgs-top {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 572px;
  text-decoration: none;
  display: flex;
}

.g-adv-img-topleft {
  grid-column-gap: 10px;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 180px;
  height: 190px;
  display: flex;
  overflow: hidden;
}

.img-style-17 {
  object-fit: cover;
}

.g-adv-img-topright {
  grid-row-gap: 10px;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 120px;
  max-width: 376px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.g-adv-img-bottom {
  grid-row-gap: 10px;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 572px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.g-feedback {
  grid-row-gap: 30px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 0 20px 80px;
  text-decoration: none;
  display: flex;
}

.g-customers-html {
  display: none;
}

.g-customers-swiper-prev {
  z-index: 2;
  background-color: var(--base--primary);
  pointer-events: auto;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
}

.g-customers-swiper-prev.swiper-next {
  pointer-events: auto;
  right: 0;
}

.g-customers-swiper-prev.swiper-prev {
  background-color: var(--base--white);
  pointer-events: auto;
  left: 0;
}

.g-customers-swiper-next {
  z-index: 2;
  background-color: var(--base--primary);
  pointer-events: auto;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
}

.g-customers-swiper-next.swiper-next {
  background-color: var(--base--white);
  pointer-events: auto;
  right: 0;
}

.g-customers-swiper-next.swiper-prev {
  pointer-events: auto;
  left: 0;
}

.g-hero-img-container {
  border-radius: 8px 0 0;
  width: 720px;
  height: 100%;
  margin-left: 80px;
  display: flex;
  overflow: hidden;
}

.home-feedback-slide-2 {
  grid-row-gap: 32px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 560px;
  height: 372px;
  padding: 40px 32px;
  text-decoration: none;
  display: flex;
}

.home-feedback-slide-author-3 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.home-feedback-author-img-3 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 80px;
  height: 80px;
  text-decoration: none;
  display: flex;
}

.img-style-18 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #7230ff;
}

.home-feedback-author-body-3 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 357px;
  text-decoration: none;
  display: flex;
}

.home-feedback-author-name-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-s-27 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.descr-s-30 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.home-feedback-slide-quote-3 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 466px;
  text-decoration: none;
  display: flex;
}

.home-feedback-quote-img-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.img-style-19 {
  object-fit: cover;
}

.home-feedback-quote-text-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.descr-s-31 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.home-fd-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.home-fd-slider.home-feedback__slider-contain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.home-fd-html {
  display: none;
}

.spc-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 240px 20px 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.s-hero-bgimg-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 1306px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: -80px;
}

.bgimg-5 {
  object-fit: cover;
  overflow: hidden;
}

.spc-hero-lower-bg {
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 360px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.s-hero-container-2 {
  grid-row-gap: 80px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.s-hero-section-2 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-hero-section-container-2 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-hero-body-2 {
  grid-column-gap: 90px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-hero-title-container-2 {
  grid-row-gap: 15px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 460px;
  max-width: 660px;
  text-decoration: none;
  display: flex;
}

.s-hero-title-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h1-9 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-l-15 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.s-hero-banner-2 {
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 380px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.s-banner-container-2 {
  grid-column-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-banner-body-2 {
  grid-column-gap: 16px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 200px;
  max-width: 280px;
  text-decoration: none;
  display: flex;
}

.prod-banner-title-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-21 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.s-banner-img-2 {
  grid-column-gap: 10px;
  object-fit: cover;
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 60px;
  text-decoration: none;
  display: flex;
}

.s-banner-button-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-s-dark-4 {
  grid-column-gap: 5px;
  background-color: #290081;
  border: 1px solid #290081;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-s-10 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.button-dark-4 {
  grid-column-gap: 5px;
  background-color: #290081;
  border: 1px solid #290081;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-28 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.button-icon-light-3 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-29 {
  color: #7230ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.button-img-7 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.s-hero-list-2 {
  grid-column-gap: 40px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.s-hero-item-2 {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.s-hero-li-icon-3 {
  grid-column-gap: 5px;
  object-fit: cover;
  border: 1px solid #140040;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.s-hero-li-descr-2 {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.title-h5-22 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.spc-screens-container {
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.spc-screens-title {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h4-8 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.spc-screens-slider-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-screens-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-screens-slide {
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.spc-screens-slide-img {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.spc-screens-slide-descr {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-30 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-slider-nav {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 30px;
  display: flex;
}

.pg-prev-5 {
  grid-row-gap: 10px;
  background-color: #7230ff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.pagination-img-5 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  text-decoration: none;
  display: flex;
}

.s-prod-banner-title {
  width: 100%;
}

.spc-screens-sales {
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.spc-screens-container-2 {
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #d6c3ff;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.title-h4-9 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.img-style-20 {
  object-fit: cover;
}

.descr-31 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.pg-prev-6 {
  grid-row-gap: 10px;
  background-color: #7230ff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.spc-screens-inventory {
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.spc-screens-card {
  background-color: #fff;
  border: 1px solid #d6c3ff;
  border-radius: 8px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.spc-screens-card-content {
  grid-row-gap: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 340px;
  text-decoration: none;
  display: flex;
}

.spc-screens-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h4-10 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-32 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-screens-card-img {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 720px;
  height: auto;
  display: flex;
}

.img-style-21 {
  object-fit: cover;
}

.spc-excel {
  color: var(--white);
  background-color: #140040;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.spc-excel-container {
  grid-row-gap: 80px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.spc-excel-body {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-excel-title {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.title-h2-33 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.spc-excel-content {
  grid-column-gap: 32px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-excel-img {
  grid-row-gap: 10px;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 568px;
  height: auto;
  display: flex;
  overflow: hidden;
}

.img-style-22 {
  object-fit: cover;
}

.spc-excel-features {
  grid-row-gap: 32px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 560px;
  text-decoration: none;
  display: flex;
}

.spc-excel-list-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-23 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.spc-excel-list {
  grid-column-gap: 40px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-excel-li {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 260px;
  text-decoration: none;
  display: flex;
}

.spc-excel-li-icon {
  justify-content: flex-start;
  align-items: center;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  text-decoration: none;
  display: flex;
}

.img-style-23 {
  object-fit: cover;
  overflow: hidden;
}

.spc-excel-li-descr {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.descr-33 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-excel-li-descr-2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  text-decoration: none;
  display: flex;
}

.spc-excel-card {
  grid-column-gap: 40px;
  background-color: #2c1a54;
  border: 1px solid #564876;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px 16px 16px 40px;
  text-decoration: none;
  display: flex;
}

.spc-excel-card-col {
  grid-row-gap: 33px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  text-decoration: none;
  display: flex;
}

.spc-excel-card-content {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-excel-card-title {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-excel-card-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-icon-2 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-30 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.button-img-8 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.spc-excel-card-video {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 548px;
  height: 308px;
  min-height: 168.613px;
  max-height: 308px;
  display: flex;
}

.spc-features {
  color: var(--white);
  background-color: #7230ff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.spc-features-container {
  grid-row-gap: 24px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.spc-features-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-34 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.spc-features-cards-container {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-features-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 768px;
  text-decoration: none;
  display: flex;
}

.spc-features-card {
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 376px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.spc-features-card-icon {
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  text-decoration: none;
  display: flex;
}

.img-style-24 {
  object-fit: cover;
  border-radius: 30px;
  padding: 4px;
  overflow: hidden;
}

.descr-34 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-features-card-l {
  grid-row-gap: 8px;
  color: var(--black);
  background-color: #f8f7fa;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 376px;
  height: 272px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.spc-features-card-l-title {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.title-h6-13 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.descr-35 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-card-l-bgimg {
  grid-row-gap: 10px;
  pointer-events: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 376px;
  height: 272px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.bgimg-6 {
  object-fit: cover;
}

.spc-adv {
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.spc-adv-container {
  grid-row-gap: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.spc-adv-card {
  grid-column-gap: 40px;
  color: var(--white);
  background-color: #140040;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.spc-adv-img {
  grid-row-gap: 10px;
  background-color: #f8f7fa;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 360px;
  height: auto;
  display: flex;
  overflow: hidden;
}

.img-style-25 {
  object-fit: cover;
}

.spc-adv-list {
  grid-column-gap: 64px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 728px;
  text-decoration: none;
  display: flex;
}

.spc-adv-li {
  grid-column-gap: 10px;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 260px;
  max-width: 328px;
  height: auto;
  display: flex;
}

.spc-adv-li-icon {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-img-9 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.img-style-26 {
  object-fit: cover;
  overflow: hidden;
}

.bc-path-adv-title {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-36 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-pricing {
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.spc-pricing-container {
  grid-row-gap: 24px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.spc-pricing-title {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-35 {
  color: #070015;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.spc-pricing-cards {
  grid-column-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.spc-pricing-card-1 {
  background-image: linear-gradient(90deg, #dad4ec 0% 1%, #f3e7e9 100%);
  border: 1px solid #d6c3ff;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 280px;
  height: 472px;
  padding: 40px 24px 24px;
  display: flex;
}

.spc-pricing-card-body {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-pricing-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h5-24 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.spc-pricing-card-list {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-pricing-card-li {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.spc-pricing-card-uptitle {
  grid-column-gap: 8px;
  opacity: .4;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uptitle-s {
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.spc-pricing-card-descr {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.descr-s-32 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-pricing-card-divider {
  grid-row-gap: 10px;
  background-color: #bfb2d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-pricing-card-descr-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-s-light-2 {
  grid-column-gap: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-s-11 {
  color: #7230ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.spc-pricing-card-2 {
  color: var(--base--white);
  background-image: linear-gradient(210.68deg, #a67efa, #854cff);
  border: 1px solid #d6c3ff;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 260px;
  max-width: 280px;
  height: 472px;
  padding: 40px 24px 24px;
  display: flex;
}

.title-h5-25 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.uptitle-s-2 {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}

.descr-s-33 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-pricing-card-3 {
  color: var(--white);
  background-image: linear-gradient(90deg, #505285, #585e92 12%, #65689f 25%);
  border: 1px solid #d6c3ff;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 520px;
  height: 472px;
  padding: 40px 24px 24px;
  display: flex;
}

.spc-pricing-card-descr-li, .spc-pricing-card-descr-list {
  width: 100%;
}

.spc-steps {
  background-color: #f8f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.spc-steps-container {
  grid-row-gap: 32px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 1160px;
  text-decoration: none;
  display: flex;
}

.spc-steps-title-container {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-steps-title {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-h2-36 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.spc-steps-descr {
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 760px;
  text-decoration: none;
  display: flex;
}

.descr-37 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.spc-step-cards {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-steps-card {
  background-color: #fff;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 376px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.spc-steps-card-img-1 {
  background-color: #140040;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.img-style-27 {
  object-fit: cover;
}

.spc-steps-card-content {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.spc-steps-card-descr {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.spc-steps-card-button {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-s-3 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-text-s-12 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.spc-steps-card-img-2 {
  background-color: #9c94ff;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
}

.button-s-icon-2 {
  grid-column-gap: 5px;
  background-color: #7230ff;
  border: 1px solid #7230ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 18px 8px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-img-s-6 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.icon-4 {
  object-fit: cover;
  overflow: hidden;
}

.spc-steps-card-img-3 {
  background-color: #7230ff;
  border: 1px solid #bfb2d9;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
  overflow: hidden;
}

.spc-screens-html {
  display: none;
}

.spc-hero-screens-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .body {
    justify-content: center;
    display: flex;
  }

  .page-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .main, .header {
    max-width: 1600px;
  }

  .h-nav-flexbox, .h-nav-container, .h-p-events {
    height: 100%;
  }

  .h-menu-open {
    display: none;
  }

  .h-dropdown-section.services {
    max-width: 1600px;
    box-shadow: 0 20px 40px #3232471a, inset 0 -1px #bfb2d9;
  }

  .title-h6 {
    text-align: left;
  }

  .h-link-text {
    font-weight: 400;
  }

  .h-p-dropdown-container.w--open {
    width: 100vw;
    max-width: 1440px;
  }

  .h-nav {
    height: 100%;
  }

  .h-dropdown-fade {
    z-index: -1;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #14004033;
  }

  .footer {
    max-width: none;
  }

  .form-success.white {
    background-color: var(--base--white);
  }

  .title-h1 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .docs {
    max-width: none;
  }

  .docs-menu {
    max-width: 460px;
    margin-left: -100px;
    padding-left: 200px;
  }

  .title-h2 {
    display: block;
  }

  .title-h2.brand {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero-pattern {
    z-index: 2;
    align-items: center;
    margin-left: -40px;
  }

  .home-team-bgimg {
    max-width: 1600px;
  }

  .bc-cs-bg {
    max-width: none;
  }

  .home-hero-slider {
    max-width: 1600px;
    left: 0;
    right: 0;
  }

  .home-hero-slider-mask {
    justify-content: flex-start;
    width: 100%;
    min-width: 1600px;
    max-width: 1600px;
    display: flex;
    left: 0;
  }

  .nf-title-h2 {
    display: block;
  }

  .h-p-blog, .h-p-careers {
    height: 100%;
  }

  .fs-hero-bgimg {
    max-width: none;
  }

  .fs-hero-title {
    max-width: 760px;
  }

  .fs-steps-bgimg {
    max-width: none;
  }

  .fs-cg-bgimg, .fs-trial-bgimg {
    width: 100%;
  }

  .sc-msm-section {
    border: 1px solid var(--light--light-3);
  }

  .sc-msm-section-col-r {
    max-width: 318px;
  }

  .article-hero-bg, .pc-hero-bgimg {
    max-width: none;
  }

  .mig-hero-bgimg, .mig-us-bg {
    left: auto;
  }

  .mig-sdm {
    max-width: 100%;
  }

  .adbl-kf-bg {
    left: 0;
  }

  .home-feedback-slider-container {
    grid-column-gap: 0px;
  }

  .home-feedback-slide {
    margin-right: 40px;
  }

  .home-feedback-slide-author.hidden, .home-feedback-slide-quote.hidden {
    display: none;
  }

  .home-feedback-slider-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .ip-hero {
    padding-top: 240px;
  }

  .ip-hero-bgimg {
    height: 100%;
    left: 0;
  }

  .ip-pack-lowerbg {
    max-width: none;
    height: 320px;
    top: auto;
    bottom: 0;
    left: 0;
  }

  .ip-hero-upper, .ip-hero-lower {
    position: relative;
  }

  .ip-hero-title-h1 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .popup-module-fixedassets.active {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .fs-hero-subtitle {
    max-width: 760px;
  }

  .s-hero-bgimg {
    max-width: none;
  }

  .s-hero-container {
    position: relative;
  }

  .spc-screens-container.hero {
    min-width: 0;
    max-width: none;
  }
}

@media screen and (max-width: 991px) {
  .deprecated-elem {
    margin-left: 0;
    margin-right: 0;
  }

  .h-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .h-nav-flexbox {
    background-color: #0000;
    display: none;
  }

  .h-menu-icons {
    padding: 0;
    display: flex;
  }

  .h-menu-icons.w--open {
    background-color: #0000;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .h-menu {
    display: flex;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
  }

  .h-menu-accordion-s {
    flex-direction: column;
    align-items: center;
  }

  .h-menu-accordion-s.hidden {
    display: none;
  }

  .h-menu-dropdown-p {
    color: var(--base--black);
  }

  .h-menu-close {
    display: none;
  }

  .h-menu-container {
    z-index: 2;
    padding-top: 10px;
    padding-bottom: 60px;
    position: relative;
    overflow: visible;
  }

  .h-nav {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }

  .h-space {
    max-width: none;
    display: flex;
  }

  .f-sitemap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .home-why-cards {
    flex-wrap: wrap;
  }

  .home-why-card {
    max-width: 320px;
  }

  .bc-hero-bgimg {
    background-position: 50%;
    top: 0;
  }

  .e-cover-body {
    padding-right: 40px;
  }

  .e-body-container {
    flex-wrap: wrap;
  }

  .e-body-col-r {
    min-width: auto;
    max-width: none;
    position: relative;
    top: 0;
    bottom: 0;
  }

  .cg-hero-body {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cg-hero-img {
    order: -1;
  }

  .cg-or-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .cg-or-top-elem {
    max-width: 100%;
  }

  .cg-plans-bg {
    height: 55%;
  }

  .cg-plans-cards {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .doc-container {
    justify-content: center;
  }

  .doc-menu {
    display: none;
  }

  .doc-sitemap-section {
    max-width: 280px;
  }

  .pc-hero-body {
    flex-flow: column;
  }

  .pc-hero-lower-section.pc {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .adbl-hero-bgimg {
    background-position: 75%;
  }

  .adbl-hero-body {
    flex-flow: wrap;
    grid-template-columns: max-content;
    display: flex;
  }

  .adbl-hero-button {
    flex-flow: wrap;
  }

  .adbl-kf-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .adbl-kf-body {
    max-width: none;
  }

  .adbl-kf-img {
    aspect-ratio: 16 / 9;
    max-width: 100%;
  }

  .adbl-res-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .adbl-res-charts {
    height: 220px;
  }

  .adbl-cs-pr-bgimg {
    height: 92%;
  }

  .adbl-cs-so-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .adbl-cs-re-col-r {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .adbl-cs-re-buttons {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .mig-guides-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bc-hero-lower-list {
    grid-template-columns: 1fr 1fr;
  }

  .bc-path-bc-item {
    min-width: 180px;
  }

  .bc-path-bc-popup {
    padding-top: 20px;
  }

  .bc-pricing-list {
    grid-template-columns: 1fr 1fr;
  }

  .bc-mc-content {
    flex-flow: column;
  }

  .bc-mc-img-wrap {
    flex: 0 auto;
    width: 50%;
  }

  .cg-hero-cards-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .cg-webinar__container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cg-advantages__info-wrap {
    max-width: 100%;
  }

  .cg-start__line {
    transform: rotate(90deg);
  }

  .cg-start__list {
    overflow: auto;
  }

  .cg-start__item-info-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .erp-quides__list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pc-op__list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .pc-rep__list {
    flex-flow: column;
  }

  .cg-hero__card-contain {
    justify-content: flex-start;
    align-items: center;
  }

  .pc-hero__text {
    max-width: 100%;
  }

  .adbl-card-contain {
    justify-content: flex-start;
    align-items: center;
  }

  .cg-advantages__info-column {
    max-width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .accordion-s-body {
    flex-wrap: nowrap;
    justify-content: flex-start;
    display: flex;
  }

  .f-container {
    flex-wrap: wrap;
  }

  .f-cta {
    max-width: 360px;
  }

  .f-sitemap-col, .f-sitemap-col-s {
    max-width: none;
  }

  .home-status {
    overflow: hidden;
  }

  .home-why-card {
    max-width: none;
  }

  .card-img {
    width: 100%;
    height: 100%;
  }

  .cg-hero-button {
    order: 1;
  }

  .cg-hero-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 0;
  }

  .cg-or-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .cg-plans-bg {
    height: 83%;
  }

  .cg-plans-cards {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .doc-body {
    min-width: 480px;
    max-width: 768px;
  }

  .doc-body-container {
    padding: 40px 20px;
  }

  .doc-section-first {
    min-width: 480px;
    max-width: 768px;
  }

  .doc-section-body {
    align-items: center;
  }

  .doc-figma-img {
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .doc-figma-link {
    align-items: center;
    left: auto;
    right: auto;
  }

  .doc-section {
    min-width: 480px;
    max-width: 768px;
  }

  .accordion-s-title-container {
    width: 100%;
  }

  .accordion-s-dark-img {
    min-width: 24px;
    min-height: 24px;
  }

  .doc-cms {
    flex-direction: column;
    overflow: auto;
  }

  .doc-cms-tabs {
    flex-direction: row;
    min-width: 0;
    max-width: none;
    margin-bottom: 20px;
    margin-right: 0;
    overflow: auto;
  }

  .doc-cms-tab-icon-container {
    height: 100%;
  }

  .doc-cms-tab-body, .doc-cms-tab-title {
    width: auto;
  }

  .doc-cms-tab-descr {
    white-space: nowrap;
    word-break: keep-all;
    width: auto;
  }

  .doc-cms-tab {
    width: auto;
    min-width: auto;
    padding-left: 15px;
    padding-right: 20px;
  }

  .doc-sitemap-section {
    max-width: 210px;
  }

  .article-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
  }

  .article-other-container {
    max-width: 100%;
    position: static;
  }

  .pc-hero-section, .pc-hero-body {
    flex-flow: column;
  }

  .mig-hero-bgimg {
    height: 90%;
  }

  .adbl-hero-bgimg {
    background-position: 60%;
  }

  .adbl-hero-button {
    order: 1;
  }

  .adbl-kf-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .adbl-cs-pr-bgimg {
    height: 90%;
  }

  .adbl-cs-re-col-l {
    flex-flow: column;
    display: flex;
  }

  .adbl-cs-re-title {
    height: auto;
    padding: 0;
  }

  .adbl-cs-re-col-r {
    display: flex;
  }

  .f-container-old {
    flex-wrap: wrap;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    margin: 1.5rem -1.5rem -2rem;
    padding-top: 1.25rem;
    position: sticky;
    bottom: -2rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_closebutton.is-sticky {
    top: -1rem;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-modal_form {
    padding-top: .75rem;
  }

  .mig-hero-button-group {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .home-benefits-info-list {
    flex-flow: column;
    display: flex;
  }

  .mig-guides-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .us-hero-button-group {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .bc-path-bc-popup-img {
    flex: 0 auto;
  }

  .bc-path-bc-popup-grid, .bc-guide-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .bc-mc-content {
    flex-flow: column;
  }

  .cg-hero-cards-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .cg-webinar__video-wrap {
    max-width: 100%;
  }

  .cg-adnatages__list {
    flex-flow: column;
    min-width: auto;
    display: flex;
  }

  .pc-cta__container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
  }

  .cg-hero__card-contain {
    order: -1;
  }

  .pc-hero__text {
    flex: 1;
    max-width: 100%;
  }

  .adbl-card-contain {
    order: -1;
  }

  .cg-advantages__column {
    min-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .page-wrapper {
    width: 100%;
  }

  .deprecated-container {
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main {
    min-width: 300px;
    max-width: 100%;
    overflow: hidden;
  }

  .deprecated-section {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h-container {
    flex: 0 auto;
    justify-content: flex-start;
    min-width: 300px;
    max-width: 300px;
    height: 50px;
  }

  .h-logo {
    background-image: none;
    width: 60px;
    height: 30px;
    position: relative;
  }

  .h-nav-flexbox {
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
    display: none;
  }

  .icon {
    max-width: none;
    max-height: none;
  }

  .h-menu-icons {
    background-color: #0000;
    width: auto;
    padding: 0;
    display: flex;
  }

  .h-menu-icons.w--open {
    width: auto;
    margin-left: 0;
  }

  .h-menu-open {
    background-color: #0000;
    width: 30px;
    height: 30px;
    display: flex;
  }

  .h-dropdown-section {
    display: flex;
  }

  .h-dropdown-section.services {
    display: none;
  }

  .title-h6 {
    text-align: left;
    font-size: 16px;
  }

  .h-link-text, .link-text {
    font-size: 14px;
  }

  .h-menu {
    padding: 0;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
  }

  .h-menu-dropdown-section.hidden {
    display: none;
  }

  .h-menu-accordion-s {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    align-items: center;
    padding: 8px 0;
  }

  .accordion-s-body {
    flex-direction: row;
    padding: 0;
  }

  .accordion-s-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
  }

  .h-menu-dropdown-p-section {
    color: #070015;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .h-menu-dropdown-p-section.hidden {
    display: none;
  }

  .subtitle-xs {
    text-align: left;
    width: 100%;
  }

  .h-menu-dropdown-p {
    color: #070015;
  }

  .descr-s {
    text-align: left;
    width: 100%;
  }

  .h-menu-p {
    color: var(--base--black);
    text-decoration: none;
  }

  .h-menu-close {
    width: 30px;
    height: 30px;
  }

  .h-menu-container {
    width: 100%;
    min-width: 320px;
    max-width: 320px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .h-nav {
    flex-direction: row;
    align-items: flex-start;
    margin-left: 0;
    display: flex;
    transform: translate(0);
  }

  .h-menu-icons-flexbox {
    background-color: #0000;
    align-content: flex-end;
    width: auto;
    height: 30px;
  }

  .h-space {
    max-width: none;
    height: 50px;
  }

  .footer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px 10px 40px;
  }

  .f-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 300px;
    max-width: 300px;
  }

  .f-cta, .f-cta-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .f-cta-logo {
    width: 72px;
    height: 44px;
  }

  .f-cta-logo.w--current {
    display: flex;
  }

  .img {
    object-fit: contain;
  }

  .img.cover {
    object-fit: cover;
  }

  .f-sitemap {
    display: none;
  }

  .f-sitemap-m {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
  }

  .f-dropdown-p {
    color: #070015;
  }

  .f-dropdown-p.hidden {
    display: none;
  }

  .f-legals-container {
    border-top-width: 0;
    min-width: 300px;
    max-width: 300px;
    padding-top: 20px;
  }

  .f-legals {
    grid-row-gap: 20px;
    flex-direction: column-reverse;
    align-content: flex-start;
  }

  .f-legals-col {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    min-width: 180px;
    max-width: 300px;
  }

  .f-legals-col.address {
    flex-flow: row;
    flex: 0 auto;
    overflow: hidden;
  }

  .f-subtitle-xs {
    font-weight: 500;
  }

  .popup-lead {
    padding-left: 10px;
    padding-right: 10px;
  }

  .popup-form {
    min-width: 300px;
    max-width: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-title-text {
    font-size: 18px;
  }

  .input-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .popup-close {
    top: 15px;
    right: 15px;
  }

  .popup-reg {
    padding-left: 10px;
    padding-right: 10px;
  }

  .form {
    margin-top: 5px;
  }

  .form.inline {
    flex-direction: row;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    overflow: scroll;
  }

  .docs-cover {
    padding: 180px 10px 60px;
  }

  .docs-cover-container {
    max-width: 300px;
  }

  .title-h1 {
    font-size: 32px;
  }

  .docs-cover-bgimg {
    width: 600px;
    max-width: 600px;
    height: 160px;
    top: 80px;
    left: -20px;
  }

  .title-xl, .title-xl.night {
    font-size: 32px;
  }

  .descr-l {
    font-size: 14px;
  }

  .docs {
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-container {
    min-width: 320px;
    max-width: 320px;
  }

  .docs-menu {
    display: none;
  }

  .title-h5 {
    white-space: normal;
    font-size: 16px;
  }

  .docs-body {
    min-width: 320px;
    max-width: 320px;
  }

  .docs-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .docs-title {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .title-h2 {
    font-size: 28px;
  }

  .docs-section-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .docs-identity-title, .doc-identity {
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-identity-logos {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .docs-logo-component {
    width: 140px;
  }

  .docs-logo-elem-dashed, .docs-logo-elem, .docs-logo-elem-2, .docs-logo-elem-3 {
    height: 140px;
  }

  .docs-colors-title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .doc-colors {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-colors-section-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .docs-color-base-black, .docs-color-base-white, .docs-color-brand-primary, .docs-color-brand-dark, .docs-color-brand-dark-2, .docs-color-brand-dark-3, .docs-color-brand-dark-3-2, .docs-color-brand-primary-2, .docs-color-brand-shade-1, .docs-color-brand-shade-2, .docs-color-brand-shade-3, .docs-color-brand-light-4, .docs-color-brand-light-3, .docs-color-brand-light-2, .docs-color-brand-light, .docs-color-night, .docs-color-brand-primary-3, .docs-color-brand-primary-4 {
    width: 140px;
  }

  .doc-layout {
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-layout-img {
    height: 140px;
  }

  .docs-layout-img-2 {
    height: 250px;
  }

  .docs-icons-section {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
  }

  .docs-icons-elem {
    width: 80px;
  }

  .docs-typography-title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-typography-font-container {
    margin-bottom: 10px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .docs-typography-font {
    width: 140px;
  }

  .doc-typography {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-typography-elem {
    width: 100%;
  }

  .docs-typography-elem.mobile {
    display: none;
  }

  .title-h3 {
    font-size: 24px;
  }

  .title-h4 {
    font-size: 20px;
  }

  .title-h4.inline.brand {
    color: var(--base--black);
  }

  .title-h4.brand {
    color: var(--base--primary);
  }

  .subtitle-l, .subtitle {
    font-size: 18px;
  }

  .docs-typography-m-descr-l {
    margin-top: 0;
    margin-bottom: 0;
  }

  .descr {
    font-size: 14px;
  }

  .descr.hug {
    white-space: normal;
  }

  .descr.right {
    text-align: left;
  }

  .docs-typography-m-descr, .docs-typography-m-descr-s, .docs-typography-m-descr-xs, .text-14, .text-15 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .uptitle {
    font-size: 12px;
  }

  .uptitle.inline {
    display: inline;
    position: relative;
  }

  .docs-filter {
    grid-row-gap: 5px;
  }

  .docs-filter-title {
    min-width: auto;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .doc-buttons {
    justify-content: center;
    max-width: 320px;
  }

  .docs-buttons-default {
    width: 340px;
  }

  .button-img {
    width: 18px;
    height: 18px;
    overflow: hidden;
  }

  .docs-buttons-dark, .docs-buttons-light {
    width: 340px;
  }

  .docs-controls-default {
    width: 340px;
    margin-left: -10px;
  }

  .docs-controls-section {
    flex-wrap: wrap;
  }

  .docs-controls-light {
    width: 340px;
    margin-left: -10px;
  }

  .controls-checkbox {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .controls-checkbox.inline {
    display: block;
  }

  .docs-fields-default {
    width: 340px;
  }

  .docs-fields-light {
    width: 340px;
    max-width: none;
  }

  .descr-s-3 {
    text-align: left;
    width: 100%;
  }

  .docs-navigation-default {
    width: 340px;
  }

  .tab-text {
    white-space: nowrap;
  }

  .docs-breadcrumbs-elem {
    flex-wrap: wrap;
  }

  .breadcrumb.root {
    margin-bottom: 5px;
  }

  .pg-prev.brand {
    padding-left: 0;
    top: auto;
    bottom: -16px;
    left: 10px;
  }

  .docs-navigation-light {
    width: 340px;
  }

  .tab {
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .doc-tab-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .doc-tab-wrapper.right {
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: 200px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    top: -39px;
    overflow: auto;
  }

  .doc-tab-wrapper.inline {
    flex-direction: row;
    width: 100%;
    display: flex;
  }

  .tab-outline {
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .tab-underline {
    width: auto;
    margin-bottom: 5px;
  }

  .tab-light, .tab-outline-light {
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .tab-underline-light {
    margin-bottom: 5px;
  }

  .pg-next.brand {
    padding-right: 0;
    inset: auto auto -16px 46px;
  }

  .docs-layers-title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .doc-layers {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-layer-d, .docs-layer-0, .docs-layer-1, .docs-layer-2 {
    width: 140px;
    height: 140px;
  }

  .docs-forms-default {
    width: 340px;
  }

  .form-title-text-left {
    font-size: 18px;
  }

  .form-title-text-left.large {
    font-size: 24px;
  }

  .docs-forms-light {
    width: 340px;
  }

  .form-button-light-left {
    font-size: 16px;
    font-weight: 700;
  }

  .docs-accordions-default {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 340px;
  }

  .accordion-body {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .docs-accordions-light {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 340px;
  }

  .accordion-title {
    flex-wrap: nowrap;
  }

  .accordion-container, .accordion-light-container, .accordion-s-light-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
  }

  .docs-navigation-c-default, .docs-navigation-c-light {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 340px;
    margin-left: -10px;
  }

  .docs-tooltips-default {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 340px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .docs-tooltips-elem-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .docs-cards-title, .docs-cards-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-cards-elem-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .card-container {
    height: auto;
  }

  .card-body {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .card-body.horizontal {
    padding-left: 15px;
    padding-right: 15px;
  }

  .card-title {
    padding-right: 20px;
  }

  .card-tab {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .card-col-l {
    padding-right: 0;
  }

  .docs-modals-title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .doc-modals {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-modals-elem-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .card-icon {
    position: absolute;
    right: 15px;
  }

  .tabs {
    width: auto;
  }

  .docs-tooltips-dark {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 340px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .docs-ui-sign {
    width: 32px;
    min-width: 32px;
    height: 30px;
    min-height: 30px;
  }

  .docs-getstarted {
    padding-left: 10px;
    padding-right: 10px;
  }

  .docs-menu-logo {
    width: 32px;
    min-width: 32px;
    height: 30px;
    min-height: 30px;
  }

  .home-hero {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-hero-slider-cover {
    z-index: 0;
  }

  .home-hero-filter {
    z-index: 1;
  }

  .home-hero-slider-container {
    z-index: 3;
    min-width: 320px;
    max-width: 320px;
    height: auto;
    margin-top: 160px;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .home-hero-slider-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: flex-start;
    min-width: auto;
    max-width: 100%;
    height: 320px;
    padding: 40px 30px;
  }

  .home-hero-slider-bg {
    width: 560px;
    height: 100%;
    left: auto;
    right: 0;
  }

  .home-hero-slider-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    min-width: 260px;
    max-width: 260px;
  }

  .home-hero-slider-button {
    min-width: 260px;
    max-width: 260px;
  }

  ._wf-prev {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 8px;
    inset: auto auto 40px 250px;
  }

  .home-hero-pattern {
    z-index: 2;
  }

  .home-about {
    padding: 40px 10px;
  }

  .home-about-bg {
    max-width: none;
  }

  .home-about-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .home-about-section-upper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .home-about-title {
    font-size: 20px;
  }

  .home-about-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .home-about-li-elem-col-2 {
    min-width: 300px;
    max-width: 300px;
  }

  .home-about-li-elem-col-3-2 {
    max-width: 300px;
  }

  .home-about-li-elem-col-2-2 {
    min-width: 300px;
    max-width: 300px;
  }

  .home-about-section-video {
    height: 160px;
  }

  .home-about-video {
    height: 100%;
  }

  .home-about-video-play {
    width: 40px;
    height: 40px;
  }

  .home-about-section-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-about-bottom-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 300px;
  }

  .home-about-bottom-li-elem-1 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
    max-width: 140px;
  }

  .home-about-bottom-li-img {
    width: 32px;
    height: 32px;
  }

  .home-about-bottom-li-elem-2, .home-about-bottom-li-elem-3 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    max-width: 140px;
  }

  .home-status {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .home-status-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 300px;
    max-width: 300px;
  }

  .home-status-img {
    object-fit: fill;
    max-width: 140px;
  }

  .home-status-uptitle-container-top {
    left: auto;
    right: auto;
  }

  .home-status-uptitle-container-bottom {
    justify-content: center;
    inset: auto auto 10px;
  }

  .home-status-uptitle {
    width: 1920px;
  }

  .home-why {
    padding: 40px 10px;
  }

  .home-why-container {
    max-width: 300px;
  }

  .home-why-cards {
    grid-row-gap: 20px;
  }

  .home-team {
    padding: 40px 10px 20px;
  }

  .home-team-bgimg {
    max-width: 480px;
  }

  .home-team-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .home-team-col-r {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-team-board-old {
    min-width: 340px;
    max-width: 340px;
    padding: 30px 20px;
  }

  .home-team-board-members {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
  }

  .home-team-member {
    max-width: 140px;
  }

  .home-team-member-img {
    width: 100px;
    height: 100px;
  }

  .home-cs {
    padding: 40px 10px;
  }

  .home-cs-container, .home-cs-col-l {
    max-width: 300px;
  }

  .home-cs-title {
    min-width: 300px;
    max-width: 300px;
  }

  .home-links {
    padding: 40px 10px;
  }

  .all-links-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .all-links-card {
    height: auto;
    min-height: 0;
  }

  .card-body-large {
    padding: 20px;
  }

  .bgvideo {
    object-fit: cover;
    display: flex;
  }

  .sm-hero {
    padding-top: 180px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sm-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 300px;
  }

  .sm-hero-lower {
    min-width: 340px;
    max-width: 340px;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm-hero-lower-list {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm-hero-lower-list-descr {
    justify-content: center;
  }

  .sm-hero-lower-li-l {
    max-width: 300px;
  }

  .sm-hero-lower-li-l-descr {
    max-width: none;
  }

  .sm-hero-lower-li-m {
    transform: rotate(90deg);
  }

  .sm-hero-lower-item-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm-msp {
    padding: 40px 10px;
  }

  .sm-msp-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .sm-msp-col-l {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .sm-msp-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .sm-msp-col-r {
    flex-direction: row;
  }

  .sm-msp-img {
    width: 150px;
  }

  .sm-msp-item-text {
    min-width: 300px;
    max-width: 300px;
  }

  .sm-cs {
    padding: 40px 10px;
  }

  .sm-cs-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 300px;
  }

  .sm-cs-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sm-cs-heading-text, .sm-cs-methodology, .sm-cs-methodology-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .sm-cs-methodology-descr-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .sm-cs-cta-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm-coord {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 40px 10px 20px;
  }

  .sm-coord-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .sm-coord-text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .sm-coord-img-container {
    overflow: auto;
  }

  .sm-coord-img {
    width: 600px;
  }

  .sm-coord-cta-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    min-width: 300px;
    max-width: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm-marketing {
    padding: 40px 10px;
  }

  .sm-marketing-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .sm-marketing-col-r {
    min-width: 340px;
    max-width: 340px;
    margin-left: -20px;
  }

  .sm-marketing-adv-upper {
    padding-left: 70px;
    padding-right: 0;
  }

  .sm-marketing-adv-upper-list {
    min-width: 160px;
    max-width: 220px;
    margin-left: 20px;
  }

  .sm-marketing-adv-upper-li {
    min-width: 0;
    max-width: 300px;
  }

  .sm-marketing-adv-upper-img {
    width: 60px;
    height: 60px;
    top: 20px;
    left: 20px;
  }

  .sm-marketing-adv {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm-marketing-adv-col-l {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    min-width: 300px;
    max-width: 300px;
  }

  .sm-marketing-adv-li {
    min-width: 140px;
    max-width: 140px;
  }

  .sm-sales {
    padding: 20px 10px 40px;
  }

  .sm-sales-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .sm-sales-col-r {
    min-width: 340px;
    max-width: 340px;
    margin-left: -20px;
  }

  .sm-sales-adv-upper {
    height: 100px;
  }

  .sm-sales-adv-upper-mockup {
    height: 80px;
    padding-left: 60px;
  }

  .sm-sales-adv-upper-img {
    width: 60px;
    height: 60px;
    top: 20px;
    left: 20px;
  }

  .sm-sales-adv {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 20px 20px;
  }

  .sm-sales-adv-col-l {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    min-width: 300px;
    max-width: 300px;
  }

  .sm-sales-adv-li {
    max-width: 140px;
  }

  .sm-sales-adv-upper-mockup-img {
    width: 240px;
  }

  .sm-quickstart {
    padding-left: 0;
    padding-right: 0;
  }

  .sm-quickstart-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    min-width: 320px;
    max-width: 320px;
    padding: 40px 20px;
  }

  .sm-quickstart-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .sm-quickstart-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .sm-links {
    padding: 40px 10px;
  }

  .sm-hero-subtitle {
    font-size: 18px;
  }

  .title-container {
    font-size: 0;
    line-height: 0;
  }

  .us-hero {
    padding: 180px 10px 40px;
  }

  .us-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 300px;
  }

  .us-hero-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .us-hero-upper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    max-width: 300px;
  }

  .us-hero-col-text {
    min-width: 300px;
    max-width: 300px;
  }

  .us-hero-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .us-feats {
    padding-top: 40px;
  }

  .us-feats-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    min-width: 340px;
    max-width: 340px;
    padding: 40px 20px;
  }

  .us-feats-body, .us-feats-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .us-feats-item-bgimg {
    top: 80px;
  }

  .us-feats-col-r {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .us-rep-wc {
    padding: 40px 10px;
  }

  .us-rep-wc-container {
    max-width: 300px;
  }

  .us-rep-wc-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .us-rep-wc-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .us-rep-wc-col-r {
    display: flex;
  }

  .us-rep-wc-item-container {
    height: auto;
  }

  .us-rep-hw {
    padding-left: 10px;
    padding-right: 10px;
  }

  .us-rep-hw-container {
    min-width: 340px;
    max-width: 340px;
    height: auto;
  }

  .us-rep-hw-col-l {
    height: auto;
    min-height: 0;
    padding: 40px 20px 30px;
  }

  .us-rep-hw-steps {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .us-rep-hw-col-r {
    min-width: 340px;
    max-width: 340px;
    padding: 30px 20px 40px;
  }

  .us-jc {
    padding: 40px 10px;
  }

  .us-jc-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .us-jc-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .us-bc-guide {
    padding: 40px 10px;
  }

  .us-bc-guide-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .us-bc-guide-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .us-bc-guide-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .us-bc-guide-descr-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .us-bc-guide-descr {
    margin-bottom: 0;
  }

  .us-bc-guide-col-r {
    max-width: 300px;
  }

  .us-bc-guide-item {
    height: auto;
  }

  .us-bc-guide-item-img {
    max-width: 240px;
  }

  .us-bc-uni-ode {
    padding: 40px 10px;
  }

  .us-bc-uni-ode-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .us-bc-uni-ode-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .us-bc-uni-ode-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .us-bc-uni-ode-tab-image {
    min-width: 300px;
    max-width: 300px;
    overflow: scroll;
  }

  .us-msp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .us-msp-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    min-width: 340px;
    max-width: 340px;
    padding: 40px 20px;
  }

  .us-msp-col-l {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .us-msp-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .us-faq {
    padding: 40px 10px;
  }

  .us-faq-container {
    min-width: 340px;
    max-width: 340px;
    padding: 30px 20px;
  }

  .us-faq-title {
    padding-bottom: 20px;
  }

  .us-faq-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
  }

  .et-hero {
    padding-top: 320px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .et-hero-bgimg {
    height: 480px;
  }

  .et-hero-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 340px;
    max-width: 340px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .et-hero-text {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    min-width: 300px;
    max-width: 300px;
  }

  .et-hero-descr-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .et-hero-buttons {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .et-techs {
    padding: 40px 10px;
  }

  .et-techs-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 300px;
  }

  .et-techs-title {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
  }

  .et-techs-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .et-techs-col-l {
    height: 300px;
  }

  .et-techs-col-r {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .et-assess {
    padding-left: 10px;
    padding-right: 10px;
  }

  .et-assess-bg {
    max-width: 300px;
  }

  .et-assess-container {
    max-width: 300px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .et-assess-t-container {
    overflow: scroll;
  }

  .et-benefits {
    padding: 40px 10px;
  }

  .et-benefits-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    min-width: 340px;
    max-width: 340px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .et-benefits-text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .et-benefits-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .et-collab {
    padding: 40px 10px;
  }

  .et-collab-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .et-collab-col-l {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .et-teams {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .et-teams-tabs {
    padding-top: 10px;
  }

  .et-teams-tabs-menu {
    margin-bottom: 30px;
  }

  .et-teams-tabs-content {
    overflow: visible;
  }

  .et-team-tab-link {
    width: 100%;
    min-width: 340px;
    max-width: 340px;
    margin-left: -20px;
  }

  .et-team-tab-link.w--current {
    height: auto;
  }

  .et-team-tab-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .et-team-tab-cards-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    min-width: 340px;
    max-width: 340px;
    margin-left: -20px;
  }

  .et-team-card {
    min-width: 340px;
    max-width: 340px;
  }

  .et-team-card-row-title {
    padding-left: 20px;
  }

  .et-team-card-adds-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .et-team-card-row, .et-team-card-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .et-team-tab-button-container {
    min-width: 300px;
    max-width: 300px;
  }

  .et-cta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 10px;
  }

  .et-cta-bgimg-container {
    height: 820px;
  }

  .et-cta-container, .et-cta-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .et-cta-img-container {
    height: 200px;
  }

  .et-whyus {
    padding: 20px 10px 40px;
  }

  .et-whyus-container, .et-whyus-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .et-whyus-col-l {
    height: 200px;
  }

  .et-whyus-descr {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .et-assess-t-img {
    object-fit: contain;
    min-width: 1160px;
    max-width: 1160px;
  }

  .bc-hero {
    padding-top: 180px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bc-hero-bgimg {
    background-position: 60%;
  }

  .bc-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    max-width: 300px;
  }

  .bc-hero-section {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .bc-hero-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .bc-hero-button {
    grid-row-gap: 10px;
  }

  .bc-hero-lower-section {
    min-width: 340px;
    max-width: 340px;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bc-hero-lower-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .bc-hero-lower-cards {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .bc-hero-lower-card {
    min-width: 300px;
    max-width: 300px;
    min-height: 0;
    padding: 15px;
  }

  .bc-hero-lower-video {
    height: 140px;
  }

  .bc-hero-lower-video-player {
    height: 100%;
  }

  .bc-path-ni {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 40px 10px 20px;
  }

  .bc-path-container {
    max-width: 300px;
  }

  .bc-path-row-t {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .bc-path-uptitle-container {
    grid-row-gap: 0px;
  }

  .bc-path-ta {
    align-items: center;
  }

  .bc-path-ta-text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .bc-path-img {
    height: 160px;
  }

  .bc-path-cta-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .bt-path-cta-title, .bc-path-cta-buttons {
    min-width: 0;
    max-width: 300px;
  }

  .bc-path-cs, .bc-path-up {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 40px 10px 20px;
  }

  .bc-path-ls {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .bc-cs {
    padding: 40px 10px;
  }

  .bc-cs-bg {
    max-width: none;
    height: 640px;
  }

  .bc-cs-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .bc-cs-descr-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .bc-cs-descr {
    min-width: 300px;
    max-width: 300px;
  }

  .bc-cs-cta-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    max-width: 300px;
    padding: 30px 20px;
  }

  .bc-cs-cta-col-l {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    min-width: 0;
    max-width: 300px;
  }

  .bc-cs-cta-col-r {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 0;
    max-width: 300px;
  }

  .bc-ot {
    padding: 40px 10px;
  }

  .bc-ot-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .bc-ot-col-l {
    max-width: 300px;
  }

  .bc-ot-img {
    height: 70px;
  }

  .bc-ot-col-r {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .bc-unicode {
    padding: 40px 10px;
  }

  .bc-msp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bc-tech {
    padding: 40px 10px;
  }

  .bc-tech-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .bc-tech-body {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .bc-tech-img-container {
    width: 100%;
    overflow: scroll;
  }

  .bc-guide, .bc-links {
    padding: 40px 10px;
  }

  .bc-links-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .e-cover {
    padding-left: 10px;
    padding-right: 10px;
  }

  .e-cover-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    min-width: 340px;
    max-width: 340px;
    padding-top: 180px;
  }

  .e-cover-body {
    max-width: 320px;
    padding-left: 20px;
  }

  .e-cover-details {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 30px 20px;
  }

  .e-body {
    padding: 40px 10px;
  }

  .e-body-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 300px;
  }

  .e-body-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .e-reasons {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .e-speaker-elem {
    max-width: 140px;
  }

  .e-body-col-r {
    min-width: 340px;
    max-width: 340px;
    margin-left: -20px;
    padding: 30px 20px 40px;
  }

  .form-descr {
    margin-top: 0;
  }

  .e-speakers-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .e-all-cover {
    padding-top: 200px;
    padding-bottom: 40px;
  }

  .e-all-cover-bg {
    max-width: none;
    height: 100%;
    top: 80px;
    bottom: auto;
  }

  .e-all-container {
    max-width: 300px;
  }

  .e-all-cover-subtitle {
    padding-bottom: 20px;
  }

  .e-all-cover-arrow {
    justify-content: center;
    width: 12px;
  }

  .e-all-filter {
    padding: 40px 10px 20px;
  }

  .e-all-filter-container {
    max-width: 300px;
  }

  .e-all-filter-items {
    width: 320px;
    display: flex;
  }

  .tab-wrapper-list.inline {
    grid-row-gap: 0px;
    flex-wrap: nowrap;
    display: flex;
  }

  .tab-outline-clear {
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .tab-outline-item {
    width: auto;
  }

  .e-all-events {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .e-all-events-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    min-width: auto;
    max-width: none;
  }

  .e-all-events-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 320px;
    max-width: 320px;
  }

  .e-all-event-item {
    min-width: 320px;
    max-width: 320px;
  }

  .e-all-event-img {
    height: 160px;
  }

  .e-all-event-text {
    min-width: auto;
  }

  .e-all-pagination-container {
    max-width: 300px;
  }

  .home-hero-slider-collection {
    height: auto;
  }

  .home-hero-slider-item {
    justify-content: flex-start;
    min-width: 100%;
    max-width: 360px;
    overflow: visible;
  }

  .home-hero-slider {
    min-width: 300px;
    max-width: 360px;
    overflow: hidden;
  }

  .home-hero-slider-mask {
    min-width: 360px;
    max-width: 360px;
  }

  ._wf-next {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 8px;
    inset: auto 10px 40px 288px;
  }

  .home-hero-slider-wrapper {
    max-width: 360px;
  }

  .ds-hero {
    padding-top: 320px;
  }

  .ds-hero-bgimg {
    height: 360px;
  }

  .ds-hero-container {
    min-width: 340px;
    max-width: 340px;
    padding: 40px 20px;
  }

  .ds-hero-text {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .ds-services {
    padding: 40px 10px;
  }

  .ds-services-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .ds-services-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ds-services-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ds-services-elem-double, .ds-services-elem {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .ds-isv {
    padding: 40px 10px;
  }

  .ds-isv-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .ds-isv-upper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .ds-isv-body {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .ds-isv-col-l {
    height: auto;
  }

  .ds-isv-list-img {
    height: 200px;
  }

  .ds-isv-list-title {
    margin-top: 30px;
  }

  .ds-isv-list-descr-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .ds-isv-list-descr {
    margin-bottom: 0;
  }

  .ds-cta {
    padding: 40px 10px;
  }

  .ds-cta-bgimg-container {
    height: 86%;
  }

  .ds-cta-bgimg {
    height: 400px;
  }

  .ds-cta-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    max-width: 300px;
  }

  .ds-cta-title-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap;
  }

  .ds-cta-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .ds-cta-img {
    height: 200px;
  }

  .cg-hero {
    padding-top: 180px;
    padding-left: 0;
    padding-right: 0;
  }

  .cg-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    max-width: 300px;
  }

  .cg-hero-section {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-bottom: 0;
  }

  .cg-hero-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cg-hero-title-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    min-width: 300px;
    max-width: 300px;
  }

  .cg-hero-img {
    order: -1;
    width: auto;
    height: 30px;
  }

  .cg-hero-button {
    flex-flow: column;
    order: 1;
    justify-content: flex-start;
    align-items: stretch;
  }

  .cg-hero-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cg-hero-lower-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-self: center;
    min-width: 340px;
    max-width: 340px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pg-next-dark {
    left: auto;
    right: -10px;
  }

  .pg-prev-dark {
    left: -10px;
  }

  .cg-hero-lower-section-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 300px;
    max-width: 300px;
  }

  .cg-hero-section-upper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .cg-hero-lower-section-slider, .cg-hero-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cg-upgrade {
    padding: 40px 10px;
  }

  .cg-upgrade-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .cg-upgrade-title-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cg-or {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cg-or-bgimg {
    top: auto;
  }

  .cg-or-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-width: 300px;
  }

  .cg-or-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cg-or-bottom-container {
    padding: 30px 20px;
  }

  .cg-or-bottom-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    min-width: 260px;
    max-width: 300px;
  }

  .cg-or-bottom-button {
    justify-content: flex-start;
    align-items: stretch;
    min-width: auto;
  }

  .cg-ex {
    padding: 40px 10px;
  }

  .cg-ex-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .cg-ex-col-l {
    height: 245px;
  }

  .cg-ex-col-r {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .cg-ex-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cg-ex-button {
    align-items: stretch;
  }

  .cg-cta-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    min-width: 300px;
    max-width: 300px;
    padding: 40px 20px;
  }

  .cg-cta-bgimg {
    height: 100%;
  }

  .cg-cta-button {
    align-items: stretch;
  }

  .cg-plans {
    padding: 60px 10px 40px;
  }

  .cg-plans-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .cg-plans-bg {
    height: 30%;
    left: 0;
  }

  .cg-plans-cards {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 40px;
  }

  .cg-plans-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cg-plans-bottom-button {
    align-items: stretch;
  }

  .cg-faq {
    padding: 60px 10px 0;
  }

  .cg-faq-container {
    min-width: 340px;
    max-width: 340px;
    padding: 30px 20px;
  }

  .cg-faq-title {
    padding-bottom: 20px;
  }

  .cg-faq-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
  }

  .cg-links {
    padding: 40px 10px;
  }

  .notfound {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 160px 10px;
  }

  .notfound-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 300px;
    height: auto;
    min-height: auto;
  }

  .notfound-img {
    height: 200px;
  }

  .notfound-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .notfound-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .notfound-button {
    align-items: center;
  }

  .notfound-legals-container {
    min-width: 300px;
    max-width: 300px;
    padding-top: 20px;
  }

  .f-legals-loc {
    grid-row-gap: 10px;
  }

  .notfound-legals-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .nf-title-h2 {
    text-align: center;
    font-size: 28px;
  }

  .nf-descr-l {
    text-align: center;
    font-size: 14px;
  }

  .bc-tech-img {
    object-fit: contain;
    width: 600px;
    height: auto;
  }

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

  .e-cover-title-container-light {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: var(--base--white);
  }

  .e-cover-uptitle-light {
    color: var(--base--white);
  }

  .f-subtitle-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 180px;
  }

  .f-subtitle-xs-link {
    font-weight: 400;
  }

  .fs-hero {
    padding-top: 180px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .fs-hero-bgimg {
    width: 100vw;
    max-width: none;
    height: 100%;
  }

  .fs-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    max-width: 300px;
  }

  .fs-hero-section {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .fs-hero-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .fs-hero-title {
    max-width: 300px;
  }

  .fs-hero-lower-section {
    grid-row-gap: 30px;
    min-width: 340px;
    max-width: 340px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .fs-hero-lower-body {
    grid-row-gap: 25px;
    flex-direction: column;
    min-width: 300px;
    max-width: 300px;
  }

  .fs-hero-lower-descr {
    min-width: auto;
    max-width: none;
  }

  .fs-hero-lower-video {
    height: 140px;
  }

  .fs-hero-lower-video-player {
    height: 100%;
  }

  .fs-msp {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .fs-msp-container {
    grid-row-gap: 30px;
    max-width: 300px;
    padding: 30px 20px;
  }

  .fs-msp-col-l {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .fs-path-cs {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .fs-path-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .fs-path-row-t {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-path-uptitle-container {
    grid-column-gap: 5px;
    grid-row-gap: 0px;
    display: block;
  }

  .fs-path-breadcrumb.inline {
    width: 100%;
    padding-left: 0;
    padding-right: 10px;
    line-height: 200%;
    display: inline;
  }

  .fs-path-ta {
    flex-direction: row;
    max-width: 300px;
  }

  .fs-path-ta-line {
    height: 68px;
  }

  .fs-path-img {
    height: 180px;
  }

  .fs-path-adv-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-path-cta-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
    padding: 30px 20px;
  }

  .fs-path-cta-title, .fs-path-cta-buttons {
    min-width: 260px;
    max-width: 260px;
  }

  .fs-path-up {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 40px 10px;
  }

  .fs-steps {
    padding: 40px 10px;
  }

  .fs-steps-bgimg {
    max-width: 480px;
    height: 540px;
  }

  .fs-steps-container {
    max-width: 300px;
  }

  .fs-steps-main-section {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .fs-steps-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-steps-descr-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .fs-steps-col-r {
    align-items: flex-start;
  }

  .fs-steps-none {
    padding: 15px 20px;
  }

  .fs-steps-cards {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-card-light, .fs-card-dark {
    min-width: 300px;
    max-width: 300px;
    height: auto;
  }

  .fs-cg {
    padding: 40px 10px;
  }

  .fs-cg-bgimg {
    height: 100%;
  }

  .fs-cg-container {
    max-width: 300px;
  }

  .fs-cg-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-cg-title-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .fs-cg-col-r {
    display: none;
  }

  .fs-cg-descr.mobile {
    display: flex;
  }

  .fs-trial {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .fs-trial-bgimg {
    height: 260px;
    top: auto;
    bottom: 0;
  }

  .fs-trial-container {
    max-width: 300px;
    position: relative;
  }

  .fs-trial-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-trial-img {
    height: 300px;
    overflow: scroll;
  }

  .fs-trial-cta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-uo {
    padding: 40px 10px;
  }

  .fs-uo-container {
    max-width: 300px;
  }

  .fs-uo-col-l {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .fs-uo-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .fs-uo-button {
    max-width: 300px;
  }

  .fs-uo-col-r {
    height: 180px;
  }

  .fs-qs {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fs-qs-container {
    max-width: 300px;
    padding: 30px 20px;
  }

  .fs-qs-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .fs-qs-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fs-links {
    padding: 40px 10px;
  }

  .fs-button-img-s {
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: -5px;
  }

  .fs-cg-img.mobile {
    width: 160px;
    height: auto;
    margin-bottom: 10px;
    display: flex;
  }

  .sc-hero {
    padding-top: 180px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sc-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 300px;
  }

  .sc-hero-upper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .sc-hero-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .sc-hero-lower {
    min-width: 340px;
    max-width: 340px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sc-hero-lower-container {
    height: 130px;
    padding-left: 0;
    padding-right: 0;
  }

  .sc-meas {
    padding: 40px 10px;
  }

  .sc-meas-container {
    max-width: 300px;
  }

  .sc-meas-col-l {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .sc-meas-title-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sc-meas-col-r {
    flex-wrap: wrap-reverse;
    align-content: flex-end;
    height: auto;
  }

  .sc-meas-li-text {
    min-width: 300px;
    max-width: 300px;
  }

  .sc-meas-li-descr, .sc-meas-li-descr-bottom {
    padding: 20px;
  }

  .sc-meas-li-img {
    min-width: 300px;
    max-width: 300px;
    height: 160px;
    overflow: visible;
  }

  .sc-value {
    padding: 40px 10px;
  }

  .sc-value-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .sc-value-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .sc-value-col-l {
    height: 180px;
  }

  .sc-value-col-r {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .descr-container {
    color: var(--base--black);
    font-size: 0;
    line-height: 0;
  }

  .sc-steps {
    padding: 40px 10px;
  }

  .sc-steps-container {
    max-width: 300px;
  }

  .sc-steps-slide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 300px;
    max-width: 300px;
  }

  .sc-steps-slide-img {
    height: 160px;
  }

  .sc-slider-prev, .sc-slider-next {
    padding-top: 80px;
  }

  .sc-msm {
    padding: 40px 10px 20px;
  }

  .sc-msm-container {
    align-items: center;
    max-width: 300px;
  }

  .sc-msm-upper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
  }

  .sc-msm-col-l {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .sc-msm-col-r-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .sc-msm-img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    display: none;
  }

  .sc-msm-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap-reverse;
    justify-content: flex-start;
    align-items: center;
    min-width: 340px;
    max-width: 340px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .sc-msm-section-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .sc-msm-section-col-r {
    flex-direction: row;
    align-items: center;
    min-width: 340px;
    max-width: 340px;
  }

  .sc-msm-section-tags {
    flex-direction: column;
    width: 100%;
    max-width: 160px;
    position: relative;
    left: auto;
    right: auto;
  }

  .sc-msm-section-img {
    width: 200px;
    max-width: none;
    height: 160px;
    position: relative;
  }

  .sc-preview {
    padding: 40px 10px;
  }

  .sc-preview-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .sc-preview-card-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sc-preview-img {
    height: 180px;
  }

  .sc-preview-card-body {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 20px;
  }

  .sc-cta-bgimg {
    min-width: 340px;
    max-width: 340px;
    height: 100%;
    left: auto;
  }

  .sc-cta-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
    padding-left: 0;
    padding-right: 0;
  }

  .sc-cta-img {
    height: 200px;
  }

  .sc-qs {
    padding: 40px 10px;
  }

  .sc-qs-container {
    max-width: 300px;
  }

  .sc-qs-card-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sc-qs-card-img {
    height: 180px;
  }

  .sc-resp-container {
    max-width: 300px;
    padding-bottom: 40px;
  }

  .sc-resp-img {
    height: 200px;
  }

  .sc-resp-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-height: none;
    padding: 20px 20px 30px;
  }

  .sc-resp-descr-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .doc-body {
    border-style: none;
    border-width: 1px;
    align-items: center;
    min-width: 0;
    max-width: 360px;
  }

  .doc-body-cover {
    z-index: 900;
    align-items: center;
    min-width: auto;
    max-width: 360px;
    padding: 140px 20px 40px;
  }

  .doc-cover-bgimg {
    max-width: 480px;
    height: 300px;
    bottom: -140px;
  }

  .doc-cover-text, .doc-cover-title {
    min-width: 300px;
    max-width: 300px;
  }

  .doc-body-container {
    align-items: center;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .doc-section-first {
    min-width: 320px;
    max-width: 320px;
  }

  .doc-version {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .doc-title-container {
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .doc-section-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .doc-section-title, .doc-section-descr {
    padding-left: 10px;
    padding-right: 10px;
  }

  .doc-figma-img {
    max-width: 300px;
    height: 140px;
  }

  .doc-section-p {
    flex-wrap: wrap;
  }

  .doc-webflow-buttons {
    margin-left: 10px;
    margin-right: 10px;
  }

  .doc-section {
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 0;
    min-width: 320px;
    max-width: 320px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .doc-filter {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-wrap: nowrap;
  }

  .doc-filter-title {
    width: auto;
    min-width: auto;
    max-width: 140px;
  }

  .doc-functions-code {
    width: 560px;
  }

  .doc-props-header, .doc-props-table {
    width: 480px;
  }

  .doc-css {
    overflow: auto;
  }

  .doc-css-code-container {
    width: auto;
  }

  .descr-code-container {
    white-space: pre;
  }

  .doc-cms {
    overflow: auto;
  }

  .doc-sitemap {
    grid-row-gap: 10px;
    justify-content: center;
    align-items: flex-start;
  }

  .doc-sitemap-section {
    min-width: 300px;
    max-width: 300px;
  }

  .doc-fields, .doc-navigation, .doc-forms, .doc-accordions {
    justify-content: center;
    max-width: 320px;
  }

  .doc-cards {
    padding-left: 10px;
    padding-right: 10px;
  }

  .doc-tooltips {
    justify-content: center;
    max-width: 320px;
  }

  .home-hero-slider-nav {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .home-hero-slider-prev, .home-hero-slider-next {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 8px;
  }

  .popup-img {
    max-width: 320px;
  }

  .xmas-bgimg {
    height: 140px;
  }

  .article-cover {
    padding-top: 240px;
  }

  .article-hero-pattern {
    width: 150%;
    max-width: 480px;
    top: 200px;
    bottom: auto;
    left: auto;
  }

  .article-hero-container {
    max-width: 320px;
  }

  .article-hero-body {
    max-width: 320px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .article-hero-details {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .article-hero-details-body {
    flex-direction: row;
    width: 100%;
  }

  .article-body {
    padding-bottom: 20px;
  }

  .article-other-container {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .article-other-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
  }

  .article-other-img {
    align-items: flex-start;
    height: auto;
  }

  .article-other-title {
    position: relative;
  }

  .article-other-details {
    flex-direction: column;
  }

  .article-rich {
    font-size: 14px;
  }

  .article-hero-cat {
    margin-left: -5px;
  }

  .article-other-divider {
    display: none;
  }

  .blog-hero {
    padding-top: 160px;
  }

  .blog-hero-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
  }

  .blog-main {
    max-width: 300px;
    height: 320px;
    padding: 30px 20px;
    overflow: hidden;
  }

  .blog-main-bgimg, .blog-main-fade {
    height: 100%;
  }

  .blog-cta {
    max-width: 300px;
    min-height: auto;
    padding: 30px 20px;
  }

  .blog-filter {
    padding: 40px 10px 20px;
  }

  .blog-filter-container {
    max-width: 300px;
  }

  .blog-filter-items {
    width: 320px;
    display: flex;
  }

  .blog-articles-container {
    max-width: 300px;
  }

  .blog-article-item {
    min-width: 300px;
    max-width: 300px;
    min-height: 0;
  }

  .blog-articles-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-pagination-container {
    max-width: 300px;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .pc-hero {
    max-width: 100%;
    padding-top: 180px;
    padding-left: 0;
    padding-right: 0;
  }

  .pc-hero-bgimg-lower {
    height: 460px;
  }

  .pc-hero-bgimg-lower.manual {
    height: auto;
  }

  .pc-hero-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: center;
  }

  .pc-hero-section {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 300px;
  }

  .pc-hero-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 240px;
  }

  .pc-hero-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .pc-hero-body.is-flex {
    flex-flow: column;
    order: -1;
  }

  .pc-hero-title {
    min-width: auto;
  }

  .pc-hero-button {
    flex-flow: column;
    align-items: stretch;
  }

  .pc-hero-img {
    min-width: 160px;
    max-width: 160px;
    height: 160px;
  }

  .pc-hero-lower-section {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    min-width: 320px;
    max-width: 320px;
    margin-left: -10px;
    padding: 30px 20px;
  }

  .pc-hero-lower-section.pc {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    max-width: none;
    margin-left: 0;
  }

  .pc-hero-lower-body {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: 300px;
  }

  .pc-hero-lower-title, .pc-hero-lower-descr {
    min-width: auto;
  }

  .pc-hero-item {
    max-width: 300px;
  }

  .pc-op {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pc-op-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .pc-op-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pc-op-body.is-pc {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pc-op-button {
    align-self: stretch;
    align-items: stretch;
    padding-top: 0;
  }

  .pc-op-img {
    max-width: none;
    height: 200px;
  }

  .pc-rep {
    padding: 40px 0 0;
  }

  .pc-rep-upper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 300px;
  }

  .pc-rep-tab-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: auto;
    max-width: 300px;
    padding: 20px;
  }

  .pc-rep-row-container, .pc-rep-row-container-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pc-imp {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pc-imp-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .pc-imp-upper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pc-imp-title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .pc-imp-card-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pc-imp-img {
    height: 180px;
  }

  .mig-hero {
    padding-top: 180px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mig-hero-bgimg {
    right: 0;
  }

  .mig-hero-container {
    align-items: center;
    max-width: 300px;
  }

  .mig-hero-section {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .mig-hero-button {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .mig-hero-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mig-hero-lower-section {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    min-width: 300px;
    max-width: 300px;
    padding: 30px 20px;
  }

  .mig-hero-lower-title {
    padding-top: 0;
    padding-bottom: 0;
  }

  .mig-hero-lower-img {
    max-width: 300px;
    height: 100px;
  }

  .mig-benefits {
    padding: 40px 10px;
  }

  .mig-benefits-container {
    max-width: 300px;
  }

  .mig-benefits-col {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .mig-benefits-col-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mig-benefits-li-icon {
    flex: none;
  }

  .mig-services {
    padding: 20px 10px 40px;
  }

  .mig-services-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    max-width: 300px;
  }

  .mig-services-body {
    min-width: 320px;
    max-width: 320px;
  }

  .mig-services-types {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mig-services-pipeline {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mig-services-pipeline-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mig-services-li-2 {
    min-width: 200px;
  }

  .mig-services-project {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mig-services-project-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mig-services-project-list-col {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    min-width: 200px;
  }

  .mig-us {
    padding: 40px 10px;
  }

  .mig-us-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: center;
    max-width: 300px;
  }

  .mig-us-title-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mig-us-body {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 30px;
  }

  .mig-us-button {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mig-us-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mig-us-lower-section {
    min-width: 320px;
    max-width: 320px;
    padding: 30px 20px;
  }

  .mig-us-lower-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    min-width: 0;
  }

  .mig-us-feats-li {
    min-width: 0;
  }

  .mig-us-arch {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mig-us-arch-container {
    max-width: 300px;
  }

  .mig-us-arch-title-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mig-us-arch-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .mig-us-arch-img {
    height: 160px;
  }

  .mig-us-arch-item-container, .mig-us-arch-item {
    height: auto;
  }

  .mig-le {
    padding: 40px 10px;
  }

  .mig-le-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: 300px;
  }

  .mig-le-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .mig-le-col {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .mig-sdm {
    padding: 40px 10px 80px;
  }

  .mig-sdm-container {
    max-width: 300px;
  }

  .mig-sdm-slider {
    min-height: 410px;
  }

  .mig-sdm-slider-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
    overflow: hidden;
  }

  .mig-sdm-slide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    min-width: 300px;
    max-width: 300px;
    height: 400px;
  }

  .mig-sdm-slide-col {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .mig-sdm-slide-img {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 300px;
    height: 150px;
  }

  .mig-sdm-slider-prev {
    margin-bottom: -40px;
    padding-top: 0;
  }

  .mig-sdm-slider-next {
    margin-bottom: -40px;
    padding-top: 0;
    left: 40px;
  }

  .mig-why, .mig-links {
    padding: 40px 10px;
  }

  .ss-hero {
    padding: 200px 10px 40px;
  }

  .ss-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    max-width: 300px;
  }

  .ss-hero-section {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
  }

  .ss-hero-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ss-hero-title-container {
    min-width: 260px;
    max-width: 300px;
  }

  .ss-hero-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ss-hero-li {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    max-width: 280px;
  }

  .ss-hero-col-r {
    height: 200px;
    display: none;
  }

  .ss-hero-img {
    height: 100%;
  }

  .hero-lower-list {
    min-width: 320px;
    max-width: 320px;
  }

  .ss-hero-lower-li {
    min-width: 280px;
    max-width: 280px;
  }

  .ss-nl {
    padding: 40px 10px;
  }

  .ss-nl-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .ss-nl-title-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ss-nl-body {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .ss-nl-col-l {
    height: 180px;
  }

  .ss-nl-img {
    height: 100%;
  }

  .ss-nl-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .ss-st {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ss-st-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .ss-st-title-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ss-com {
    padding: 40px 10px;
  }

  .ss-com-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .ss-com-card-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ss-com-card {
    max-width: 300px;
  }

  .ss-com-card-body {
    min-height: auto;
  }

  .ss-sp {
    padding: 40px 10px;
  }

  .ss-sp-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .ss-sp-title-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ss-sp-card-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ss-sp-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
    height: auto;
    padding: 20px;
  }

  .ss-sp-card-light {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 3000px;
    height: auto;
    padding: 20px;
  }

  .ss-sp-card-light-2, .ss-sp-card-light-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
    height: auto;
    padding: 20px;
  }

  .ss-ge {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ss-ge-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .ss-ge-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .ss-ge-img {
    height: 200px;
  }

  .ss-ge-col-r {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .ss-cs {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ss-cs-container {
    min-width: 320px;
    max-width: 320px;
    padding: 30px 20px;
  }

  .ss-cs-body {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .ss-cs-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ss-od {
    padding: 40px 10px;
  }

  .ss-od-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .ss-og-body {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .ss-pow {
    padding: 40px 10px;
  }

  .ss-pow-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .ss-pow-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .ss-pow-li-button {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .ss-pow-img {
    height: 140px;
  }

  .ss-why {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ss-why-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .ss-why-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ss-links {
    padding: 0 10px 40px;
  }

  .pp-hero {
    padding-top: 180px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pp-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    max-width: 300px;
  }

  .pp-hero-col-l {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .pp-hero-title-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pp-hero-col-r {
    display: none;
  }

  .pp-hero-lower {
    min-width: 320px;
    max-width: 320px;
    padding: 30px 20px;
  }

  .pp-hero-lower-cards {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    min-width: 280px;
  }

  .pp-hero-lower-card {
    min-width: 280px;
    max-width: 280px;
  }

  .pp-lc {
    padding: 40px 10px;
  }

  .pp-lc-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .pp-pbi {
    padding: 40px 10px;
  }

  .pp-pbi-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    max-width: 300px;
  }

  .pp-pbi-upper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap-reverse;
  }

  .pp-pbi-product {
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .pp-pbi-product-icon {
    width: 30px;
    height: 30px;
  }

  .pp-pbi-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 0;
  }

  .pp-pbi-col-l {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .pp-pbi-col-r {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pp-app {
    padding: 40px 10px;
  }

  .pp-app-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    max-width: 300px;
  }

  .pp-app-upper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap-reverse;
  }

  .pp-app-product-icon {
    width: 30px;
    height: 30px;
  }

  .pp-app-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap-reverse;
  }

  .pp-app-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pp-pag {
    padding: 40px 10px;
  }

  .pp-pag-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    max-width: 300px;
  }

  .pp-pag-upper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap-reverse;
  }

  .pp-pag-product-icon {
    width: 30px;
    height: 30px;
  }

  .pp-pag-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap-reverse;
  }

  .pp-pa {
    padding: 40px 10px;
  }

  .pp-pa-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    max-width: 300px;
  }

  .pp-pa-upper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap-reverse;
  }

  .pp-pa-product-icon {
    width: 30px;
    height: 30px;
  }

  .pp-pa-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pp-pa-col-r {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pp-pa-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pp-ag {
    padding: 40px 10px;
  }

  .pp-ag-container {
    max-width: 300px;
  }

  .pp-ag-upper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap-reverse;
  }

  .pp-ag-product-icon {
    width: 30px;
    height: 30px;
  }

  .pp-ag-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pp-ag-li {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
  }

  .pp-ag-col-r {
    justify-content: center;
  }

  .pp-cta {
    padding: 40px 10px;
  }

  .pp-cta-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    max-width: 300px;
  }

  .pp-cta-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pp-cta-img {
    max-width: 460px;
    height: 160px;
  }

  .pp-cta-col-r {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .pp-cta-list-container {
    width: 100%;
  }

  .pp-pa-product-title, .pp-ag-product-title, .pp-pag-product-title, .pp-app-product-title, .pp-pbi-product-title {
    width: auto;
  }

  .policy-container {
    padding: 32px 20px;
  }

  .pp-card-img {
    display: none;
  }

  .home-hero-bgvideo {
    object-fit: cover;
  }

  .popup-getmaterials {
    padding-left: 10px;
    padding-right: 10px;
  }

  .adbl-hero {
    padding-top: 180px;
    padding-left: 0;
    padding-right: 0;
  }

  .adbl-hero-bgimg {
    background-position: 50%;
  }

  .adbl-hero-container {
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .adbl-hero-section {
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .adbl-hero-body {
    grid-row-gap: 20px;
  }

  .adbl-hero-button {
    flex-flow: column;
    order: 1;
    align-items: stretch;
  }

  .adbl-hero-info {
    margin-top: 0;
    margin-bottom: 0;
  }

  .adbl-hero-info-body {
    min-width: 160px;
    max-width: 200px;
  }

  .adbl-hero-lower-section {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    max-width: 340px;
    padding: 40px 20px 20px;
  }

  .adbl-hero-lower-img {
    width: 80px;
    height: 80px;
  }

  .adbl-hero-lower-descr {
    min-width: auto;
    max-width: 300px;
  }

  .adbl-pos {
    padding: 40px 10px;
  }

  .adbl-pos-container {
    max-width: 300px;
  }

  .adbl-pos-col-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .adbl-pos-button {
    align-items: stretch;
  }

  .adbl-pos-col-r {
    margin-top: 10px;
  }

  .adbl-pos-li {
    margin-top: 20px;
  }

  .adbl-pos-li-fig {
    grid-column-gap: 0px;
  }

  .adbl-pos-li-fig-descr {
    height: auto;
    padding-top: 0;
    padding-bottom: 2px;
  }

  .adbl-kf-container {
    min-width: 300px;
    max-width: 300px;
    padding: 20px;
  }

  .adbl-kf-body, .adbl-kf-img {
    min-width: auto;
  }

  .adbl-res {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .adbl-res-container {
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .adbl-res-charts {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 300px;
    height: 240px;
  }

  .adbl-res-chart-s {
    max-width: 120px;
  }

  .adbl-res-body {
    grid-row-gap: 20px;
  }

  .adbl-res-text {
    grid-row-gap: 10px;
  }

  .adbl-cs-hero {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .adbl-cs-hero-container {
    grid-row-gap: 30px;
    justify-content: center;
    max-width: 300px;
  }

  .adbl-cs-hero-body {
    grid-row-gap: 15px;
  }

  .adbl-cs-hero-details {
    min-width: 320px;
    max-width: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .adbl-cs-hero-details-li-title {
    width: 100px;
  }

  .adbl-cs-pr {
    padding: 40px 10px 20px;
  }

  .adbl-cs-pr-bgimg {
    height: 85%;
  }

  .adbl-cs-pr-container {
    max-width: 300px;
  }

  .adbl-cs-pr-body, .adbl-cs-pr-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .adbl-cs-pr-lower {
    padding: 20px;
  }

  .adbl-cs-pr-lower-descr {
    min-width: 0;
    max-width: 300px;
  }

  .adbl-cs-so {
    padding: 20px 10px 40px;
  }

  .adbl-cs-so-container {
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .adbl-cs-so-body {
    grid-row-gap: 10px;
  }

  .adbl-cs-so-list {
    flex-flow: column;
    display: flex;
  }

  .adbl-cs-so-li {
    height: auto;
  }

  .adbl-cs-im {
    padding-left: 10px;
    padding-right: 10px;
  }

  .adbl-cs-im-container {
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .adbl-cs-im-list {
    overflow: auto;
  }

  .adbl-cs-re {
    padding: 40px 10px;
  }

  .adbl-cs-re-container {
    grid-column-gap: 20px;
    min-width: 300px;
    max-width: 300px;
    padding: 20px;
  }

  .adbl-cs-re-col-l {
    grid-row-gap: 15px;
    min-width: auto;
    max-width: none;
  }

  .adbl-cs-re-title {
    max-width: none;
    height: auto;
    padding: 0;
  }

  .adbl-cs-re-li-fig-descr, .adbl-cs-re-li-fig-descr-2 {
    height: auto;
  }

  .adbl-cs-re-col-r {
    padding-top: 50px;
  }

  .adbl-cs-re-bgimg {
    width: 240px;
    height: 240px;
  }

  .adbl-cs-re-img {
    height: 280px;
  }

  .adbl-cs-re-buttons {
    flex-flow: column;
    align-items: stretch;
  }

  .f-upper-col-l {
    grid-row-gap: 30px;
  }

  .f-contacts {
    grid-row-gap: 20px;
    padding-bottom: 30px;
  }

  .f-contacts-li {
    grid-row-gap: 10px;
    max-width: 300px;
  }

  .f-contacts-li-descr-container {
    grid-row-gap: 5px;
  }

  .f-upper-col-r {
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: center;
  }

  .f-awards {
    grid-row-gap: 20px;
    padding-bottom: 0;
  }

  .f-subscr {
    min-width: 320px;
    max-width: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .f-sitemap-container {
    border-style: none;
    border-width: 1px;
    padding-top: 0;
  }

  .f-container-old {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: 300px;
    max-width: 300px;
  }

  .checkbox-descr-s {
    text-align: left;
    width: 100%;
  }

  .lm-hero-bgimg {
    width: 100%;
    max-width: none;
    height: 100%;
    left: 0;
  }

  .lm-hero-container {
    max-width: 300px;
  }

  .lm-hero-col-r {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    height: 260px;
  }

  .lm-hero-section {
    grid-row-gap: 25px;
    min-width: 220px;
    max-width: 220px;
  }

  .lm-hero-body {
    grid-row-gap: 10px;
  }

  .lm-hero-title {
    min-width: 0;
    max-width: none;
  }

  .lm-hero-img {
    height: 300px;
  }

  .lm-hero-lower-section {
    grid-row-gap: 30px;
    min-width: 320px;
    max-width: 320px;
    padding: 40px 20px 20px;
  }

  .lm-hero-lower-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .lm-st-li {
    grid-row-gap: 10px;
    min-width: 0;
  }

  .lm-hero-lower-video {
    height: 160px;
  }

  .lm-bu {
    padding: 40px 10px 20px;
  }

  .lm-bu-container {
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .lm-bu-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .lm-bu-body-top {
    grid-row-gap: 10px;
  }

  .lm-bu-body-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .lm-bu-tab {
    height: auto;
  }

  .lm-bu-tab-image {
    height: 160px;
    min-height: 0;
  }

  .lm-dep {
    padding: 40px 10px;
  }

  .lm-dep-container {
    grid-row-gap: 25px;
    max-width: 300px;
  }

  .lm-dep-title-num {
    height: auto;
  }

  .lm-dep-list {
    grid-row-gap: 20px;
  }

  .lm-dep-li {
    min-width: 140px;
    max-width: 140px;
  }

  .lm-dep-li-title {
    margin-left: -100px;
  }

  .lm-dep-li-descr {
    padding-left: 20px;
  }

  .lm-msp {
    padding: 20px 10px 0;
  }

  .lm-msp-container {
    grid-row-gap: 40px;
    min-width: 320px;
    max-width: 320px;
    padding: 40px 20px;
  }

  .lm-msp-col-l {
    grid-row-gap: 30px;
  }

  .lm-aim {
    padding: 40px 10px 20px;
  }

  .lm-aim-container {
    max-width: 300px;
  }

  .lm-aim-body {
    grid-row-gap: 20px;
  }

  .lm-bcd {
    padding: 40px 10px;
  }

  .lm-bcd-container {
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .lm-bcd-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .lm-bcd-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .lm-bcd-li {
    min-width: 140px;
    max-width: 140px;
  }

  .lm-bcd-li-title {
    margin-left: -100px;
  }

  .lm-bcd-li-descr {
    padding-left: 20px;
  }

  .lm-bcd-item {
    height: auto;
  }

  .lm-bcd-item-text {
    color: var(--base--white);
    padding-top: 20px;
  }

  .lm-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lm-sm-container {
    grid-row-gap: 15px;
    max-width: 300px;
  }

  .lm-sm-title-container {
    grid-row-gap: 15px;
  }

  .lm-sm-body {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .lm-sm-upper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .lm-sm-button {
    padding-top: 20px;
  }

  .input-group-h {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .fs-steps-cards-item {
    max-width: 300px;
  }

  .home-feedback {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-feedback-container {
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    max-width: 300px;
  }

  .home-feedback-slider {
    min-width: 320px;
    max-width: 320px;
    height: auto;
    margin-left: 0;
  }

  .home-feedback-slider-container {
    grid-column-gap: 0px;
  }

  .home-feedback-slide {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
    height: 100%;
    min-height: 540px;
    margin-left: 0;
    margin-right: 20px;
    padding: 30px 20px;
  }

  .home-feedback-slide-author {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .home-feedback-author-img {
    border-width: 2px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .home-feedback-author-body {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .home-feedback-slide-quote {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .home-feedback-quote-img {
    width: 40px;
    min-width: 40px;
    height: 32px;
    min-height: 32px;
  }

  .home-feedback-slider-list {
    height: auto;
  }

  .home-feedback-cms-slide {
    min-width: 320px;
    max-width: 320px;
  }

  .fs-uo-button-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .et-hero-link-container {
    margin-top: 10px;
    margin-left: 0;
  }

  .et-hero-button-container {
    flex-flow: wrap;
  }

  .fs-card-light-2, .fs-card-light-3 {
    min-width: 300px;
    max-width: 300px;
    height: auto;
  }

  .us-hero-item {
    height: auto;
  }

  .hero-team-mem {
    min-width: 260px;
    max-width: 260px;
  }

  .ip-hero {
    padding-top: 180px;
  }

  .ip-hero-container {
    grid-row-gap: 40px;
    max-width: 300px;
  }

  .ip-pack-lowerbg {
    height: 720px;
  }

  .ip-hero-upper {
    grid-row-gap: 15px;
  }

  .ip-hero-button {
    padding-top: 5px;
  }

  .ip-hero-lower {
    grid-row-gap: 20px;
  }

  .ip-pack-card {
    height: auto;
  }

  .ip-pack-card-header {
    grid-row-gap: 5px;
    padding: 20px 20px 5px;
  }

  .ip-pack-card-title {
    margin-top: 5px;
  }

  .ip-pack-card-separator, .ip-pack-card-list {
    padding: 10px 20px;
  }

  .ip-pack-card-button {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ip-pack-card-2, .ip-pack-card-3 {
    height: auto;
  }

  .ip-hero-title-h1 {
    font-size: 32px;
  }

  .ip-modules {
    padding: 40px 10px;
  }

  .ip-modules-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: 300px;
  }

  .ip-modules-body {
    min-width: 320px;
    max-width: 320px;
    margin-left: -10px;
  }

  .ip-module-card {
    min-width: 160px;
    max-width: 160px;
  }

  .card-descr-container {
    grid-column-gap: 5px;
  }

  .ip-form {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ip-form-container {
    max-width: 300px;
  }

  .ip-form-body {
    min-width: 300px;
    max-width: 300px;
    padding: 30px 20px;
  }

  .ip-assumptions-body {
    flex-flow: wrap;
  }

  .ip-form-img {
    pointer-events: none;
    height: 400px;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .ip-assumptions-container {
    max-width: 300px;
  }

  .form-title-h2 {
    font-size: 18px;
  }

  .form-title-h2.left {
    margin-bottom: 0;
    line-height: 1.4;
  }

  .ip-assumptions-list {
    margin-bottom: 0;
  }

  .popup-module {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding: 0;
    left: auto;
    right: auto;
  }

  .popup-left {
    justify-content: center;
    align-items: center;
    max-width: 320px;
    height: auto;
    padding: 40px 20px;
    left: auto;
    right: auto;
  }

  .popup-module-fixedassets, .popup-module-basepack, .popup-module-budgeting, .popup-module-purchases, .popup-module-sales, .popup-module-banking, .popup-module-inventory, .popup-module-jobs, .popup-module-servicemanagement, .popup-module-manufacturing, .popup-module-advancedinventory, .popup-module-inventoryplanning, .popup-module-warehousing, .popup-module-warehousingextra, .popup-module-consolidation, .popup-module-billofmaterials {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding: 0;
    left: auto;
    right: auto;
  }

  .ip-pack-title-s, .ip-pack-title-m, .ip-pack-title-l {
    font-size: 24px;
  }

  .f-dropdown-wrapper {
    width: 100%;
  }

  .fs-hero-subtitle {
    max-width: 300px;
  }

  .descr-s-copy {
    text-align: left;
    width: 100%;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    bottom: 0;
  }

  .cookie-modal_button-wrap.is-small {
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-popup_component {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .cookie-modal_component {
    max-width: 100%;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .cookie-preference_component {
    align-items: flex-end;
  }

  .appsource-img {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 100px;
  }

  .f-legals-locales {
    flex-flow: column;
    flex: 1;
    width: 100%;
  }

  .f-legals-locales-list {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
  }

  .f-legals-locale {
    width: 140px;
  }

  .h-text-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 10px;
  }

  .mig-hero-button-group {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
  }

  .home-benefits {
    padding: 40px 10px 20px;
  }

  .home-benefits-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 300px;
    padding: 20px;
  }

  .home-benefits-title {
    max-width: 300px;
    font-size: 16px;
  }

  .home-benefits-info-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .home-benefits-info-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .home-benefits-gallery-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .home-benefits-gallery-col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .home-benefits-cert-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .home-benefits-gallery-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .mig-app {
    padding: 40px 10px;
  }

  .mig-app-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: 300px;
  }

  .swiper-slide.mig-app-slider-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-slide.cg-hero-slider-item, .swiper-slide.cg-slider-item, .swiper-slide.pc-tesers__item, .swiper-slide.edicom-slider-item {
    justify-content: space-between;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-slide.g-solution {
    min-height: 260px;
  }

  .slider-contain-d2.home-feedback__slider-contain {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .slider-nav {
    flex: 1;
    margin-top: -20px;
  }

  .slider-nav.cg-hero-slider-nav {
    justify-content: space-between;
    margin-top: -20px;
    position: absolute;
  }

  .slider-nav.home-feedback__slider-nav {
    margin-top: 0;
  }

  .mig-guides {
    padding: 20px 10px 40px;
  }

  .erp-guides-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    max-width: 300px;
  }

  .mig-guides-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .mig-guides-btn {
    padding-top: 20px;
  }

  .us-hero-button-group {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: stretch;
  }

  .bc-path-bc {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 40px 10px 20px;
  }

  .bc-hero-lower-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .bc-path-bc-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .bc-path-bc-popup-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px;
  }

  .bc-pop-up-title {
    flex-direction: row;
    min-width: auto;
    max-width: 300px;
  }

  .bc-path-bc-popup-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .bc-path-bc-popup-description {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: auto;
    max-width: 300px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .bc-path-bc-popup-img {
    min-width: auto;
  }

  .bc-path-bc-popup-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .bc-path-bc-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: auto;
  }

  .bc-path-bc-popup-container {
    min-width: auto;
  }

  .bc-path-bc-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    min-width: auto;
    max-width: 300px;
  }

  .mig-guides-card {
    max-width: none;
  }

  .mig-guides-img-wrap {
    height: auto;
    min-height: 180px;
  }

  .bc-guides {
    padding: 40px 10px;
  }

  .bc-guide-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .bc-guide-img-wrap {
    top: 80px;
  }

  .bc-pricing {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bc-pricing-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .bc-pricing-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .bc-mc {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bc-mc-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .bc-mc-img-wrap {
    width: 100%;
  }

  .bc-mc-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cg-hero-cards-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cg-webinar {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cg-webinar__container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-width: 300px;
  }

  .cg-webinar__list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .cg-webinar__item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    display: flex;
  }

  .cg-webinar__item-icon {
    margin-top: 0;
  }

  .cg-webinar__item-heading {
    flex: 0 auto;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }

  .cg-screens {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cg-screens__container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: 300px;
  }

  .cg-update__container {
    max-width: 300px;
    padding: 30px 20px;
  }

  .cg-plans__popup-content {
    padding: 50px 20px 20px;
  }

  .cg-advantages {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cg-advantages__container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-width: 300px;
  }

  .cg-advantages__title {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .cg-adnatages__list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cg-advantages__info-wrap {
    padding: 20px;
  }

  .cg-advantages__span {
    font-size: 20px;
  }

  .cg-advantages__logo-wrap {
    order: -1;
  }

  .cg-advantages__buttons-group {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .cg-start {
    padding-top: 40px;
  }

  .cg-start__container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-width: 300px;
  }

  .cg-start__line {
    width: 1px;
    height: 100%;
    margin-left: 0;
    position: relative;
    top: 0%;
    transform: none;
  }

  .cg-start__list {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    overflow: visible;
  }

  .cg-start__item {
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
  }

  .cg-start__item.is-1, .cg-start__item.is-3 {
    left: 0;
  }

  .cg-start__item.is-5 {
    padding-bottom: 0;
    left: 0;
  }

  .cg-start__item-info-wrap {
    text-align: left;
    flex: 1;
    order: 1;
  }

  .cg-start__item-img-wrap {
    flex: none;
    width: 88px;
    margin-top: 0;
  }

  .cg-start__item-line {
    order: 1;
    width: 1px;
    height: 100%;
  }

  .cg-start__line-wrap {
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 90%;
    margin-top: 5%;
  }

  .cg-start__button {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .mac-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 1;
    max-width: 100%;
    padding: 16px;
  }

  .title-h5-13 {
    white-space: normal;
    font-size: 16px;
  }

  .erp-quides__list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .erp-guides__info-wrap {
    padding: 16px;
  }

  .adbl-hero-lower-item-icon {
    margin-top: 0;
  }

  .adbl-hero-lower-slider {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .adbl-teasers {
    padding-left: 0;
    padding-right: 0;
  }

  .adbl-teasers__container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-width: 340px;
    max-width: none;
    padding: 20px 20px 40px;
    display: flex;
  }

  .adbl-screens {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .pc-teasers {
    padding-left: 0;
    padding-right: 0;
  }

  .pc-teasers__container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    padding: 20px 20px 40px;
    display: flex;
  }

  .pc-op__list {
    grid-template-columns: 1fr;
  }

  .pc-op__item {
    height: auto;
  }

  .pc-hero-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pc-rep__list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pc-cta {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pc-cta__container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 300px;
  }

  .pc-cta__column {
    align-self: stretch;
  }

  .pc-cta__column.book {
    max-width: 300px;
  }

  .pc-cta__column.test {
    align-self: flex-start;
    max-width: 280px;
  }

  .pc-cta__button {
    align-self: stretch;
    max-width: 240px;
  }

  .pc-screens {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pc-screens__container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 300px;
  }

  .pc-screens__upper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cg-hero__card-contain {
    order: -1;
    align-self: stretch;
  }

  .mac-card__top {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mac-card__icon {
    width: 40px;
    height: 40px;
  }

  .mac-card__title {
    font-size: 18px;
  }

  .mac-card__img.cg, .mac-card__img.pc, .mac-card__img.adbl {
    order: -1;
    align-self: flex-end;
    width: 80px;
    margin-left: 10px;
    display: none;
  }

  .mac-card__button {
    flex-flow: column;
    align-self: stretch;
    align-items: stretch;
    display: flex;
  }

  .cg-hero-item {
    font-size: 16px;
  }

  .cg-hero-item-con {
    background-size: 16px;
    width: 24px;
    height: 24px;
  }

  .pc-hero__text {
    max-width: 100%;
  }

  .pc-hero__list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 8px;
  }

  .adbl-card-contain {
    flex: 1;
    order: -1;
    align-self: stretch;
  }

  .cg-advantages__info-column {
    max-width: none;
  }

  .cg-start__item-line-contain {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding-top: 5px;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .pc-cta__wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 300px;
  }

  .im-hero {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .im-hero-container {
    max-width: 300px;
  }

  .im-hero-section {
    grid-row-gap: 40px;
  }

  .im-hero-section-container {
    grid-row-gap: 32px;
  }

  .im-hero-body {
    grid-row-gap: 24px;
  }

  .im-hero-title-container {
    min-width: 300px;
    max-width: 300px;
  }

  .im-banner-container {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
  }

  .im-banner-body {
    max-width: 210px;
  }

  .im-banner-icon {
    max-width: 44px;
    max-height: 44px;
  }

  .im-banner-button {
    padding-left: 0;
  }

  .im-hero-list {
    grid-row-gap: 24px;
  }

  .bc-comparison-guides {
    padding: 40px 10px;
  }

  .mig-comparison-guides {
    padding: 20px 10px 40px;
  }

  .s-hero {
    padding-top: 108px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .s-hero-container {
    grid-row-gap: 40px;
  }

  .s-hero-section, .s-hero-section-container {
    grid-row-gap: 32px;
  }

  .s-hero-title {
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .s-banner-container {
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .s-banner-body {
    min-width: 140px;
    max-width: 180px;
  }

  .s-banner-img {
    width: 40px;
    height: 40px;
  }

  .s-hero-lower-section {
    grid-row-gap: 12px;
    padding: 32px 20px;
  }

  .s-hero-lower-content {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .s-hero-lower-title {
    min-width: 260px;
  }

  .s-benefits {
    padding: 48px 10px 40px;
  }

  .s-benefits-container {
    grid-row-gap: 24px;
  }

  .s-benefits-upper {
    flex-flow: column;
  }

  .s-benefits-title {
    min-width: 300px;
    max-width: 300px;
  }

  .s-benefits-cards {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .s-benefits-card.card-1 {
    height: auto;
  }

  .s-benefits-card.card-2 {
    max-width: 300px;
    height: auto;
  }

  .s-benefits-card.card-3 {
    height: auto;
  }

  .s-card-body {
    height: auto;
    padding: 20px;
  }

  .s-card-bgimg {
    height: auto;
  }

  .s-card-col-l {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: auto;
  }

  .s-screens {
    grid-column-gap: 10px;
    padding: 40px 10px;
  }

  .s-screens-cards {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .s-screens-img {
    height: 160px;
  }

  .s-addon {
    padding: 40px 10px;
  }

  .s-addon-container {
    grid-row-gap: 24px;
  }

  .s-features {
    padding: 40px 10px;
  }

  .s-features-container {
    grid-row-gap: 24px;
  }

  .s-features-cards {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    max-width: 300px;
  }

  .s-features-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-width: 146px;
    height: auto;
  }

  .s-features-icon {
    width: 28px;
    height: 28px;
    min-height: 28px;
  }

  .s-features-card-2 {
    max-width: 140px;
  }

  .s-video {
    padding: 8px 10px 40px;
  }

  .s-video-container {
    grid-row-gap: 24px;
  }

  .s-video-cards {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .s-apps {
    padding: 40px 10px;
  }

  .s-apps-container {
    grid-row-gap: 16px;
  }

  .s-apps-card-large {
    max-width: 300px;
    height: 220px;
    padding: 24px;
  }

  .s-apps-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .s-apps-card-img {
    display: none;
  }

  .s-start {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .s-start-container {
    grid-row-gap: 24px;
    padding: 40px 20px 20px;
  }

  .s-start-content {
    grid-row-gap: 12px;
  }

  .s-start-steps {
    width: 300px;
    margin-left: -20px;
    padding-bottom: 20px;
    padding-left: 20px;
    overflow: auto;
  }

  .s-cta {
    height: auto;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .s-cta-container {
    padding: 40px 20px;
  }

  .gc {
    position: relative;
    overflow: hidden;
  }

  .gc-container {
    grid-column-gap: 20px;
    flex-flow: column;
    max-width: 300px;
    position: relative;
    overflow: visible;
  }

  .gc-img {
    grid-column-gap: 0px;
    max-width: 260px;
    max-height: 320px;
    margin-left: 360px;
    position: absolute;
  }

  .gc-content {
    justify-content: flex-start;
    align-items: center;
    max-width: 300px;
    padding-top: 72px;
    padding-bottom: 72px;
    position: relative;
  }

  .gc-body {
    grid-row-gap: 16px;
    min-width: 220px;
    max-width: 220px;
  }

  .gc-text {
    grid-row-gap: 4px;
  }

  .g-hero {
    padding-top: 180px;
  }

  .g-hero-container {
    max-width: 300px;
  }

  .g-hero-content {
    grid-row-gap: 32px;
    min-height: 0;
  }

  .g-hero-title-container {
    grid-row-gap: 16px;
  }

  .g-hero-status-imgs {
    grid-column-gap: 16px;
  }

  .g-hero-status-img {
    width: 80px;
    height: 24px;
  }

  .g-hero-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
  }

  .g-hero-li {
    grid-row-gap: 4px;
    width: 142px;
  }

  .g-hero-img {
    display: none;
  }

  .g-customers {
    padding-bottom: 0;
  }

  .g-customers-container {
    max-width: 300px;
  }

  .g-about {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .g-about-container {
    max-width: 300px;
  }

  .g-about-list {
    grid-row-gap: 24px;
  }

  .g-about-cards, .g-about-cards-top {
    grid-row-gap: 16px;
  }

  .g-about-card-1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    max-width: none;
    height: auto;
  }

  .g-about-card-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    min-width: 300px;
    max-width: none;
    height: auto;
  }

  .g-about-card-3 {
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .g-about-card-img {
    height: auto;
  }

  .g-solutions {
    padding: 40px 10px 24px;
  }

  .g-solutions-container {
    grid-row-gap: 16px;
    max-width: 300px;
  }

  .g-advs {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .g-adv-container {
    grid-row-gap: 32px;
    max-width: 300px;
  }

  .g-adv-title-container {
    grid-row-gap: 16px;
  }

  .g-adv-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .g-adv-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
  }

  .g-adv-imgs, .g-adv-imgs-left {
    grid-row-gap: 8px;
  }

  .g-adv-imgs-top {
    grid-column-gap: 8px;
  }

  .g-adv-img-topleft {
    max-width: 146px;
    height: 142px;
  }

  .g-adv-img-topright {
    min-width: 146px;
    max-width: 142px;
    height: 142px;
  }

  .g-adv-img-bottom {
    max-width: 300px;
    height: 142px;
  }

  .g-feedback {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-fd-slider {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .home-fd-slider.home-feedback__slider-contain {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .spc-hero {
    padding-top: 180px;
  }

  .spc-screens-container {
    padding: 24px 20px;
  }

  .spc-screens-inventory {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .spc-screens-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 24px 20px;
  }

  .spc-screens-card-content {
    grid-row-gap: 8px;
    min-width: 260px;
    max-width: 300px;
  }

  .spc-screens-card-img {
    min-width: 260px;
    max-width: 300px;
  }

  .spc-excel {
    padding: 40px 10px;
  }

  .spc-excel-container {
    grid-row-gap: 40px;
  }

  .spc-excel-body, .spc-excel-content {
    grid-row-gap: 24px;
  }

  .spc-excel-features {
    grid-row-gap: 16px;
  }

  .spc-excel-card {
    grid-row-gap: 32px;
    padding: 24px 20px;
  }

  .spc-excel-card-col {
    grid-row-gap: 24px;
    min-width: 260px;
    max-width: 260px;
  }

  .spc-excel-card-content {
    grid-row-gap: 12px;
  }

  .spc-excel-card-video {
    min-width: 260px;
    max-width: 360px;
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .spc-features {
    padding: 40px 10px;
  }

  .spc-features-cards-container {
    grid-row-gap: 12px;
  }

  .spc-features-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .spc-adv {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .spc-adv-card {
    grid-row-gap: 16px;
    padding: 24px 20px;
  }

  .spc-adv-img {
    min-width: 260px;
    max-width: 260px;
  }

  .spc-adv-list {
    min-width: 260px;
    max-width: 300px;
  }

  .spc-pricing {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .spc-pricing-cards {
    grid-row-gap: 12px;
    background-color: #0000;
    padding: 0;
  }

  .spc-pricing-card-1, .spc-pricing-card-2 {
    max-width: 300px;
    height: auto;
    padding: 24px 20px;
  }

  .spc-pricing-card-3 {
    min-width: 260px;
    max-width: 300px;
    height: auto;
    padding: 24px 20px;
  }

  .spc-steps {
    padding: 40px 10px;
  }

  .spc-steps-container {
    grid-row-gap: 24px;
  }

  .spc-step-cards {
    grid-row-gap: 12px;
  }

  .spc-steps-card-img-1 {
    height: auto;
  }

  .spc-steps-card-content {
    grid-row-gap: 16px;
    padding-top: 16px;
  }
}

#w-node-_8099b0b0-0c3b-7acf-0c53-aeca0a36ead7-d949a61f {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-e457598f-c45a-2708-8f2d-7925826ebd0d-7f1512e0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_727d39c7-2b5f-3a02-7c7f-9a5d6e7a57a2-7f1512e0, #w-node-_727d39c7-2b5f-3a02-7c7f-9a5d6e7a57b0-7f1512e0, #w-node-_727d39c7-2b5f-3a02-7c7f-9a5d6e7a57be-7f1512e0 {
    align-self: stretch;
  }

  #w-node-_5280bb49-892f-405d-e1c9-90f463e67020-61f5aceb {
    place-self: end start;
  }
}