@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

@font-face {
  font-family: "FoundersGrotesk";
  font-display: swap;
  src: url("../fonts/FoundersGrotesk-Bold-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "FoundersGrotesk";
  font-display: swap;
  src: url("../fonts/FoundersGrotesk-Light-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "FoundersGrotesk";
  font-display: swap;
  src: url("../fonts/FoundersGrotesk-Medium-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "FoundersGrotesk";
  font-display: swap;
  src: url("../fonts/FoundersGrotesk-Regular-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "FoundersGrotesk";
  font-display: swap;
  src: url("../fonts/FoundersGrotesk-Semibold-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
html {
  height: 100%;
}

body {
  min-width: 320px;
  height: 100%;
  font-family: "FoundersGrotesk", sans-serif;
  font-size: calc(16rem / 16);
  position: relative;
  color: var(--theme-color-text);
  background-color: #f6f5ff;
  line-height: 1.33;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
@media (max-width: 1728px) {
  body {
    font-size: calc(14rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.js-open-modal {
  padding-right: 15px;
}

.max-width, .main-wrapper {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .max-width, .main-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

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

strong {
  font-weight: 500;
}

.global-hidden {
  display: none;
}

body,
address,
blockquote,
center,
section,
main,
header,
nav,
footer,
div,
fieldset,
form,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
menu,
ol,
ul,
li,
p,
span,
a,
pre,
table {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

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

.for-desktop-flex {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .for-desktop-flex {
    display: flex;
  }
}

.for-mobile-flex {
  display: flex;
}
@media only screen and (min-width: 1025px) {
  .for-mobile-flex {
    display: none !important;
  }
}

*:-ms-input-placeholder {
  color: var(--color-placeholder) !important;
  opacity: var(--opacity) !important;
}

*::-moz-placeholder {
  color: var(--color-placeholder) !important;
  opacity: var(--opacity) !important;
}

*::-webkit-input-placeholder {
  color: var(--color-placeholder) !important;
  opacity: var(--opacity) !important;
}

form {
  --opacity: .2;
  z-index: 1;
  position: relative;
}

body input:required:valid,
body textarea:required:valid,
body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: #666;
}

input {
  font-family: "FoundersGrotesk", sans-serif;
}

input,
textarea {
  box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
}

select,
input,
textarea {
  font-size: 1rem;
}
select:not(:disabled),
input:not(:disabled),
textarea:not(:disabled) {
  cursor: pointer;
}
select::placeholder,
input::placeholder,
textarea::placeholder {
  opacity: 0.2;
}

h2 {
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 0.94;
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: calc(72rem / 16);
    line-height: 103%;
    letter-spacing: 0.64px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1728px) {
  h2 {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

h3 {
  font-size: 2.5rem;
  line-height: 1.175;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: calc(40rem / 16);
    line-height: 1.03;
    letter-spacing: 0.48px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1728px) {
  h3 {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

h4 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.181;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  h4 {
    font-size: calc(22rem / 16);
  }
}
@media screen and (max-width: 768px) and (max-width: 1728px) {
  h4 {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.text_1 {
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.44px;
}
@media screen and (max-width: 768px) {
  .text_1 {
    font-size: calc(22rem / 16);
    line-height: 1.51;
    letter-spacing: 0.18px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1728px) {
  .text_1 {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.eyebrow-hero-on-dark {
  font-size: 1.375rem;
  line-height: 1.181;
  letter-spacing: 0.44px;
}
@media screen and (max-width: 768px) {
  .eyebrow-hero-on-dark {
    font-size: calc(22rem / 16);
    line-height: 0.94;
  }
}
@media screen and (max-width: 768px) and (max-width: 1728px) {
  .eyebrow-hero-on-dark {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.card-text {
  font-size: 18px;
  line-height: 1.38;
  letter-spacing: 0.36px;
}

.no-link {
  cursor: default;
}

body {
  --hHeader: 48px;
}
@media only screen and (min-width: 1025px) {
  body {
    --hHeader: 85px;
  }
}

.header-fixed {
  padding-top: var(--hHeader);
}
.header-fixed .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(270deg, #131b49 0%, #1c2069 100%), radial-gradient(1153.29% 236.35% at -17.97% -189.24%, rgb(107, 52, 253) 0%, rgb(25, 131, 250) 100%);
  transition: all 0.5s ease;
}

.header-hide .header {
  translate: 0 calc(var(--hHeader) * -1);
}

.section-menu-page {
  transition: top 0.35s ease;
}
@media only screen and (min-width: 1025px) {
  .section-menu-page {
    transition: top 0.45s ease;
  }
}

.section-menu-page.mTop {
  transition: top 0.5s ease;
  top: var(--hHeader);
}

@keyframes animat-btn {}
@keyframes decorCircleBg {
  0% {
    transform: translate(0, 0) scale(1);
  }
  10% {
    transform: translate(5%, -5%) scaleX(0.8) scaleY(0.9);
  }
  20% {
    transform: translate(10%, -10%) scaleX(0.7) scaleY(0.8);
  }
  30% {
    transform: translate(15%, -15%) scaleX(0.6) scaleY(0.8);
  }
  40% {
    transform: translate(20%, -20%) scaleX(0.6) scaleY(0.7);
  }
  50% {
    transform: translate(25%, -25%) scaleX(0.7) scaleY(0.7);
  }
  60% {
    transform: translate(30%, -30%) scaleX(0.8) scaleY(0.8);
  }
  70% {
    transform: translate(35%, -35%) scaleX(0.9) scaleY(0.9);
  }
  80% {
    transform: translate(40%, -40%) scaleX(0.8) scaleY(1);
  }
  90% {
    transform: translate(45%, -35%) scaleX(0.9) scaleY(0.9);
  }
  100% {
    transform: translate(50%, -40%) scaleX(0.8) scaleY(0.8);
  }
}
@keyframes decorCircleBgCareerJob {
  0% {
    transform: translate(0, 0) scale(1);
  }
  10% {
    transform: translate(-5%, -5%) scaleX(0.8) scaleY(0.9);
  }
  20% {
    transform: translate(-10%, -10%) scaleX(0.7) scaleY(0.8);
  }
  30% {
    transform: translate(-15%, -15%) scaleX(0.6) scaleY(0.8);
  }
  40% {
    transform: translate(-20%, -20%) scaleX(0.6) scaleY(0.7);
  }
  50% {
    transform: translate(-25%, -25%) scaleX(0.7) scaleY(0.7);
  }
  60% {
    transform: translate(-30%, -30%) scaleX(0.8) scaleY(0.8);
  }
  70% {
    transform: translate(-35%, -35%) scaleX(0.9) scaleY(0.9);
  }
  80% {
    transform: translate(-40%, -40%) scaleX(0.8) scaleY(1);
  }
  90% {
    transform: translate(-45%, -35%) scaleX(0.9) scaleY(0.9);
  }
  100% {
    transform: translate(-50%, -40%) scaleX(0.8) scaleY(0.8);
  }
}
body.light-theme .header__search-btn .for-mobile-flex svg {
  stroke: #0e0f11;
}
@media only screen and (max-width: 1024px) {
  body.light-theme .top-menu__link:not(.selected) {
    color: #fff;
  }
  body.light-theme .sub-menu__header_title {
    color: #FEFEFE;
  }
}

.section-title,
.section-description,
.section-description-top,
.tabs__caption,
.card-preview-hover,
.swiper-slide,
.slider-review,
.slider-review__prev,
.slider-review__next,
.slider-review-pagination,
.counter-list .counter-item,
.dev-steps__list li,
.footer__title,
.btn-demo-wrap,
.link-to-more,
.btn,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.sheme-title,
.wrap-sheme-list li,
.section-scheme__scheme-block,
.section-scheme__menu_wrap,
.scheme-item-title,
.scheme-list-lines-bg,
.dev-steps,
.section-map .container-map,
.section-map .section-map__wrapper-slider,
.section-map .dot-address,
.section-registration .section-registration__left,
.section-registration .slider-review,
.section-registration .slider-review-pagination__wrapper,
.section-registration .section-registration__list-logo li,
.job-details__item,
.section-single-content__left > *,
.career-form,
.section-hero-plug-play .section-description-top,
.section-hero-plug-play .section-title,
.section-hero-plug-play .section-description,
.section-hero-plug-play .wrap-btns-hero,
.section-hero-plug-play .hero-line-decor,
.section-hero-plug-play .section-hero-plug-play__bg-img,
.section-hero-plug-play .circle-bg-gradient,
.section-table__wrap-inputs-group {
  will-change: transform, opacity;
}

.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .table-careers thead th.sorted i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__body li i, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 3px;
  transition: all 0.3s ease;
}
.arrow-css.right, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.right,
.section-registration .hbsp-form .select2-selection__arrow b.right, .table-careers thead th.sorted i.right, .marketecture-mobile-item-close__header i.right, .marketecture-mobile-item-open__body li i.right, .marketecture-mobile-item-close__body li i.right, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right {
  transform: rotate(-45deg);
}
.arrow-css.left, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.left,
.section-registration .hbsp-form .select2-selection__arrow b.left, .table-careers thead th.sorted i.left, .marketecture-mobile-item-close__header i.left, .marketecture-mobile-item-open__body li i.left, .marketecture-mobile-item-close__body li i.left, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left {
  transform: rotate(135deg);
}
.arrow-css.up,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.up, .page-platform .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.up,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b, .table-careers thead th.sorted i.up, .marketecture-mobile-item-close__header i.up, .marketecture-mobile-item-close__header.active i, .marketecture-mobile-item-open__body li i.up, .marketecture-mobile-item-close__body li i.up, .marketecture-mobile-item-open__body li.active i, .marketecture-mobile-item-close__body li.active i, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.up,
.wrapper-select .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up,
.input-wrap-table .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.filter-resources .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-135deg);
}
.arrow-css.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.arrow-css,
.section-registration .hbsp-form .select2-selection__arrow b.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.down,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .table-careers thead th.sorted i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__body li i, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b.down,
.wrapper-select .select2-container--default.select2-container--open .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b.down,
.input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-wrap-table .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b {
  transform: rotate(45deg);
}

button {
  font-family: "FoundersGrotesk", sans-serif;
}

.btn, .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  display: inline-block;
  border-radius: 5px;
  padding: 15px 40px;
  font-size: 1.125rem;
  white-space: nowrap;
  letter-spacing: 0.02em;
  line-height: 1.166;
  text-align: center;
  color: #fff;
  margin-block: 10px;
  border: 0px;
  cursor: pointer;
}
.btn:not(:disabled),
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:not(:disabled) {
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .btn, .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
    padding: 18px 45px;
  }
}
.btn.with-logo,
.section-registration .hbsp-form .hs-submit .with-logo.wrap-btn-hbsp-submit {
  display: inline-flex;
  gap: 10px;
}
.btn.accent,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .accent.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  border: none;
  background-color: #401EFF;
  transition: background-color 0.3s ease, font-weight 0.3s ease;
}
.btn.accent:hover,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover {
  background-color: rgba(64, 30, 255, 0.8);
}
.btn.btn-2,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  font-size: calc(20rem / 16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  border-radius: 12px;
  letter-spacing: 0.02em;
  padding-inline: 20px;
  min-width: auto;
}
@media (max-width: 1728px) {
  .btn.btn-2,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .btn.btn-2,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
    gap: 16px;
    padding-inline: 25px;
  }
}
.btn.btn-2 img,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit img,
.section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit img,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img {
  width: 12px;
}
@media only screen and (min-width: 768px) {
  .btn.btn-2 img,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit img,
  .section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit img,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img {
    width: 16px;
  }
}
.btn.accent-2,
.section-registration .hbsp-form .hs-submit .accent-2.wrap-btn-hbsp-submit {
  border: none;
  background-color: #6b34fd;
  transition: background-color 0.3s ease, font-weight 0.3s ease;
  padding-block: 14px;
}
.btn.accent-2:hover,
.section-registration .hbsp-form .hs-submit .accent-2.wrap-btn-hbsp-submit:hover {
  background-color: rgba(107, 52, 253, 0.8);
}
@media only screen and (min-width: 768px) {
  .btn.accent-2,
  .section-registration .hbsp-form .hs-submit .accent-2.wrap-btn-hbsp-submit {
    padding-block: 16px;
  }
}
.btn.btn-bg,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .btn-bg.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  --bg: #6b34fd;
  --bg-hover: #6127f9;
  --bg-pressed: #5820ed;
  --color: #fff;
  border: none;
  transition: background-color 0.3s ease, font-weight 0.3s ease;
  background-color: var(--bg);
  color: var(--color);
  padding-block: 14px;
}
@media only screen and (min-width: 768px) {
  .btn.btn-bg,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .btn-bg.wrap-btn-hbsp-submit,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
    padding-block: 16px;
  }
}
.btn.btn-bg.accent,
.section-registration .hbsp-form .hs-submit .btn.btn-bg.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .accent.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  --bg: #6b34fd;
}
.btn.btn-bg.accent:hover,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover {
  background-color: var(--bg-hover);
}
.btn.btn-bg.accent:active,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:active {
  background-color: var(--bg-pressed);
}
.btn.btn-bg.white,
.section-registration .hbsp-form .hs-submit .white.wrap-btn-hbsp-submit {
  --bg: #efedff;
  --color: #6b34fd;
}
.btn.btn-bg.white:hover,
.section-registration .hbsp-form .hs-submit .white.wrap-btn-hbsp-submit:hover {
  --bg: #FCF9FE;
}
.btn.demo,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .demo.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  --icon: url("../images/icon-arrow-right-up.svg") ;
}
.btn.demo::after,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit::after,
.section-registration .hbsp-form .hs-submit .demo.wrap-btn-hbsp-submit::after,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: var(--icon);
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .btn.demo::after,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit::after,
  .section-registration .hbsp-form .hs-submit .demo.wrap-btn-hbsp-submit::after,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after {
    width: 16px;
    height: 16px;
  }
}
.btn.demo:hover::after,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover::after {
  transform: rotate(45deg);
}
.btn.demo.white,
.section-registration .hbsp-form .hs-submit .white.wrap-btn-hbsp-submit {
  --icon: url("../images/icon-arrow-right-up-accent.svg") ;
}
.btn.demo.border,
.section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit {
  --icon: url("../images/icon-arrow-right-up-accent.svg") ;
  color: #6b34fd;
  border: 2px solid #6b34fd;
  background: none;
}
.btn.view-link,
.section-registration .hbsp-form .hs-submit .view-link.wrap-btn-hbsp-submit {
  padding-inline: 0;
  background: none;
  font-weight: 500;
  gap: 12px;
}
.btn.view-link.accent.demo,
.section-registration .hbsp-form .hs-submit .view-link.wrap-btn-hbsp-submit {
  --icon: url("../images/icon-arrow-right-up-accent.svg") ;
  color: #6B34FD;
}
.btn.view-link.accent.demo:hover,
.section-registration .hbsp-form .hs-submit .view-link.wrap-btn-hbsp-submit:hover {
  background: none;
}
.btn.border-2,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit {
  border: 2px solid #6b34fd;
  box-shadow: inset 0 0 16px 0 rgba(107, 52, 253, 0.3);
  background: rgba(107, 52, 253, 0.15);
  padding-block: 12px;
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .btn.border-2,
  .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit {
    padding-block: 15px;
  }
}
.btn.border-2:hover,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit:hover {
  background-color: rgba(107, 52, 253, 0);
  background-image: linear-gradient(to bottom, rgba(107, 52, 253, 0) 0%, rgba(107, 52, 253, 0.45) 100%);
}
.btn.border-2:active,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit:active {
  background-color: rgba(107, 52, 253, 0);
  background-image: linear-gradient(to bottom, rgba(107, 52, 253, 0) 0%, rgba(107, 52, 253, 0.45) 50%, rgba(107, 52, 253, 0.45) 100%);
}
.btn.border-2.accent,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit {
  color: #6b34fd;
  box-shadow: none;
  background: none;
}
.btn.border-2.accent:hover,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit:hover {
  background-color: #6b34fd;
  color: #fff;
}
.btn.with-icon-vector,
.section-registration .hbsp-form .hs-submit .with-icon-vector.wrap-btn-hbsp-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 15px 25px 15px 30px;
}
@media only screen and (min-width: 768px) {
  .btn.with-icon-vector,
  .section-registration .hbsp-form .hs-submit .with-icon-vector.wrap-btn-hbsp-submit {
    padding: 18px 30px 18px 35px;
  }
}
.btn.with-icon-vector svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.wrap-btn-hbsp-submit svg {
  transition: all 0.3s ease;
}
.btn.with-icon-vector.accent svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.wrap-btn-hbsp-submit svg {
  fill: #FEFEFE;
}
.btn.with-icon-vector.border.accent svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.border.wrap-btn-hbsp-submit svg {
  fill: #401EFF;
}
.btn.with-icon-vector.to-right svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.to-right.wrap-btn-hbsp-submit svg {
  transform: rotate(-90deg);
}
.btn.with-icon-vector.to-right:hover svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.to-right.wrap-btn-hbsp-submit:hover svg {
  transform: rotate(-90deg) translateY(2px);
}
.btn.border,
.section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit {
  border: 1px solid #fff;
  transition: opacity 0.3s ease;
}
.btn.border:hover,
.section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit:hover {
  opacity: 0.8;
}
.btn.border.accent,
.section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit {
  border-color: #401EFF;
  background: none;
  color: #401EFF;
}

a.btn-demo,
button.btn-demo,
li.btn-demo a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  max-width: 200px;
  width: 100%;
  min-height: 58px;
  background-color: #401EFF;
  color: #fff;
  border-radius: 5px;
  letter-spacing: 0.05em;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  a.btn-demo,
  button.btn-demo,
  li.btn-demo a {
    font-weight: 500;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
a.btn-demo.hover-text span,
button.btn-demo.hover-text span,
li.btn-demo a.hover-text span {
  transition: transform 0.3s ease;
}
a.btn-demo.hover-text:hover,
button.btn-demo.hover-text:hover,
li.btn-demo a.hover-text:hover {
  background-color: rgba(64, 30, 255, 0.8);
}
a.btn-demo.hover-text:hover span,
button.btn-demo.hover-text:hover span,
li.btn-demo a.hover-text:hover span {
  transform: scale(1.1) translate(10px, -5px);
}
a.btn-demo:hover,
button.btn-demo:hover,
li.btn-demo a:hover {
  background-color: rgba(64, 30, 255, 0.8);
}

.link-sync {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 1.125rem;
  line-height: 1;
  color: #FEFEFE;
  padding-block: 15px;
  transition: opacity 0.3s ease;
}
.link-sync img {
  width: 25px;
  margin-top: -5px;
  transform: rotate(20deg);
  transition: transform 0.3s ease;
  opacity: 0.8;
}
.link-sync:hover {
  opacity: 0.8;
}
.link-sync:hover img {
  transform: rotate(50deg);
}

.link-to-more {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1;
  margin-block: 10px;
  transition: gap 0.3s ease, color 0.3s ease;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .link-to-more {
    letter-spacing: 0.02em;
  }
}
.link-to-more .arrow-css, .link-to-more .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .link-to-more b,
.link-to-more .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .link-to-more b, .link-to-more .table-careers thead th.sorted i, .table-careers thead th.sorted .link-to-more i, .link-to-more .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .link-to-more i, .link-to-more .marketecture-mobile-item-open__body li i, .link-to-more .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .link-to-more i, .marketecture-mobile-item-close__body li .link-to-more i, .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b {
  padding: calc(3rem / 16);
}
@media (max-width: 1728px) {
  .link-to-more .arrow-css, .link-to-more .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .link-to-more b,
  .link-to-more .section-registration .hbsp-form .select2-selection__arrow b,
  .section-registration .hbsp-form .select2-selection__arrow .link-to-more b, .link-to-more .table-careers thead th.sorted i, .table-careers thead th.sorted .link-to-more i, .link-to-more .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .link-to-more i, .link-to-more .marketecture-mobile-item-open__body li i, .link-to-more .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .link-to-more i, .marketecture-mobile-item-close__body li .link-to-more i, .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b {
    padding: calc(2rem / 16 + 1 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.link-to-more:hover {
  color: #401EFF;
  gap: 13px;
}
.link-to-more:hover .arrow-css,
.link-to-more:hover .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .link-to-more:hover b, .link-to-more:hover .table-careers thead th.sorted i, .table-careers thead th.sorted .link-to-more:hover i, .link-to-more:hover .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .link-to-more:hover i, .link-to-more:hover .marketecture-mobile-item-open__body li i, .link-to-more:hover .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .link-to-more:hover i, .marketecture-mobile-item-close__body li .link-to-more:hover i, .link-to-more:hover .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more:hover b, .link-to-more:hover .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more:hover .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more:hover .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more:hover b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more:hover b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more:hover b {
  border-color: #401EFF;
}

.close-css {
  display: block;
  width: 17px;
  height: 17px;
  position: relative;
  padding: 0;
}
.close-css::before, .close-css::after {
  content: "";
  position: absolute;
  display: block;
  height: 3px;
  width: 100%;
  background-color: #646464;
  left: 50%;
  top: 50%;
  transition: background-color 0.3s ease;
}
.close-css::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-css::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.close-css:hover::before, .close-css:hover::after {
  background-color: #fff;
}

.humburger-css {
  display: block;
  width: 16px;
  height: 14px;
  position: relative;
}
.humburger-css i {
  display: block;
  height: 1.5px;
  width: 100%;
  background-color: #FCF9FE;
  position: absolute;
}
.humburger-css i:first-child {
  top: 0;
}
.humburger-css i:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.humburger-css i:last-child {
  bottom: 0;
}

.arrow-1 {
  cursor: pointer;
  position: relative;
  width: 80px;
  height: 50px;
  margin: 20px;
}

.arrow-1 div {
  position: relative;
  top: 20px;
  width: 90px;
  height: 10px;
  background-color: #337AB7;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  left: 0;
  display: block;
}

.arrow-1 div::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 10px;
  top: -11px;
  right: -8px;
  background-color: #337AB7;
  transform: rotate(45deg);
}

.arrow-1 div::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 10px;
  top: 11px;
  right: -8px;
  background-color: #337AB7;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
}

.arrow-1:hover {
  animation: arrow-1 1s linear infinite;
}

.link-with-icon {
  --size-icon: 11px;
  font-size: calc(18rem / 16);
  display: inline-flex;
  align-items: center;
  color: #8771ff;
  font-weight: 500;
  letter-spacing: 0.02em;
  gap: 10px;
  margin-block: 10px;
  transition: all 0.3s ease;
}
@media (max-width: 1728px) {
  .link-with-icon {
    font-size: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .link-with-icon {
    letter-spacing: 0.02em;
  }
}
.link-with-icon:hover {
  opacity: 0.9;
}
.link-with-icon::after {
  content: "";
  display: block;
  background-image: url("../images/icon-link-weight.svg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
}

.btn-dropdown {
  --color-icon: #121185;
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
}
.btn-dropdown svg path {
  stroke: var(--color-icon);
}

html,
body {
  scroll-behavior: smooth;
}

section {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  section {
    padding-top: calc(50rem / 16 + 74 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  section {
    padding-bottom: calc(100rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

body.light-theme section.gradient-large,
body.light-theme section.gradient {
  --color-bg: #fefefe;
}

section.gradient {
  --color-bg: #f8f8f8;
  background-image: linear-gradient(165deg, var(--color-bg) 0, var(--color-bg) 50%, rgba(64, 30, 255, 0.2) 100%);
}

section.gradient-large {
  --color-bg: #f8f8f8;
  background-image: linear-gradient(165deg, var(--color-bg) 0, var(--color-bg) 70%, rgba(64, 30, 255, 0.2) 100%);
}

section.gradient-new {
  background-image: linear-gradient(150deg, #eceafd 0%, #eceafd 50%, #dfdbfd 80%, #d2ccfc 100%);
}

section.gradient-to-bottom {
  background-image: linear-gradient(to bottom, #f6f5ff 0%, #f6f5ff 70%, rgba(222, 216, 255, 0.7) 100%);
}

section.light-theme + section.light-theme {
  margin-top: -1px;
}

.section-light {
  background-color: #FEFEFE;
  color: #0E0F11;
}
.section-light .section-description {
  color: #001F31;
}
.section-light a {
  color: #0E0F11;
}
.section-light .arrow-css, .section-light .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .section-light b,
.section-light .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .section-light b, .section-light .table-careers thead th.sorted i, .table-careers thead th.sorted .section-light i, .section-light .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .section-light i, .section-light .marketecture-mobile-item-open__body li i, .section-light .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .section-light i, .marketecture-mobile-item-close__body li .section-light i, .section-light .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .section-light b, .section-light .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-light .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .section-light .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-light .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .section-light .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .section-light b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-light b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-light b {
  border-color: #0E0F11;
}

.bg-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.section-title {
  font-size: 4.5rem;
  line-height: 0.95;
  letter-spacing: 0.02em;
  font-weight: 500;
  padding-bottom: 13px;
}
@media screen and (max-width: 991px) {
  .section-title {
    font-size: calc(72rem / 16);
    letter-spacing: 0.02em;
    line-height: 1;
  }
}
@media screen and (max-width: 991px) and (max-width: 1728px) {
  .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-description {
  font-size: 1.374rem;
  line-height: 1.409;
  letter-spacing: 0.02em;
  opacity: 0.8;
}
@media screen and (max-width: 991px) {
  .section-description {
    font-size: calc(22rem / 16);
    line-height: 1.45;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 991px) and (max-width: 1728px) {
  .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-description-top {
  font-size: 1.375rem;
  line-height: 1.181;
  color: #A493FF;
}
@media screen and (max-width: 991px) {
  .section-description-top {
    font-size: calc(22rem / 16);
  }
}
@media screen and (max-width: 991px) and (max-width: 1728px) {
  .section-description-top {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media screen and (min-width: 768px) {
  .section-description-top {
    letter-spacing: 0.02em;
  }
}

.page-without-header-bg__hero {
  padding-bottom: calc(180rem / 16);
  margin-top: -50px;
}
@media (max-width: 1728px) {
  .page-without-header-bg__hero {
    padding-bottom: calc(115rem / 16 + 65 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .page-without-header-bg__hero {
    margin-top: -85px;
  }
}
.page-without-header-bg__hero + .section-slider-logo {
  background: none;
  margin-top: -88px;
}
@media only screen and (min-width: 768px) {
  .page-without-header-bg__hero + .section-slider-logo {
    margin-top: -124px;
  }
}

.light-theme {
  background-color: #f6f5ff;
}
.light-theme + .light-theme {
  padding-top: calc(50rem / 16);
}
@media (max-width: 1728px) {
  .light-theme + .light-theme {
    padding-top: calc(25rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.page-platform .light-theme, .light-theme {
  background-color: #f6f5ff;
}
.page-platform .light-theme .section-description-top, .light-theme .section-description-top {
  font-size: calc(24rem / 16);
  padding-bottom: calc(18rem / 16);
  color: #6b34fd;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .page-platform .light-theme .section-description-top, .light-theme .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-platform .light-theme .section-description-top, .light-theme .section-description-top {
    padding-bottom: calc(10rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .light-theme .section-title, .light-theme .section-title {
  font-size: calc(62rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.05;
  color: #121185;
}
@media (max-width: 1728px) {
  .page-platform .light-theme .section-title, .light-theme .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .light-theme .section-description, .light-theme .section-description {
  font-size: calc(22rem / 16);
  padding-top: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .page-platform .light-theme .section-description, .light-theme .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-platform .light-theme .section-description, .light-theme .section-description {
    padding-top: calc(15rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .page-platform .light-theme .section-description, .light-theme .section-description {
    line-height: 1.4;
  }
}
.page-platform .light-theme.section-latest .section-description, .light-theme.section-latest .section-description {
  padding-top: 0;
}

.text-dekor-underline {
  position: relative;
  display: inline-block;
}
.text-dekor-underline::before {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #6b34fd;
}
@media only screen and (min-width: 768px) {
  .text-dekor-underline::before {
    height: 4px;
    bottom: -0.2em;
  }
}

.text-accent {
  color: #6b34fd;
}

section.inner-resources-hero {
  padding-bottom: 0.625rem;
}

.circle-bg-gradient {
  --w-circle: 1462px;
  --h-circle: 1261px;
  position: relative;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.circle-bg-gradient .circle-bg-gradient__children {
  width: 113%;
  height: 190%;
  max-width: var(--w-circle);
  max-height: var(--h-circle);
  border-radius: var(--w-circle);
  pointer-events: none;
  position: absolute;
  display: block;
  background: linear-gradient(180deg, #5f43fb 0%, rgba(56, 39, 148, 0.82) 18.23%, rgba(11, 0, 75, 0.56) 44.27%, rgba(0, 0, 0, 0) 100%);
  filter: blur(77px);
}
.circle-bg-gradient.new {
  --w-circle: 1200px;
  --h-circle: 1200px;
}
.circle-bg-gradient.new .circle-bg-gradient__children {
  top: -50%;
  width: 145%;
  height: 210%;
  border-radius: 0;
  filter: none;
  background-image: url("../images/bg-decor-section-hero-solution.svg");
  background-size: 100% 100%;
  background-position: left top;
}
@media only screen and (min-width: 1025px) {
  .circle-bg-gradient.new .circle-bg-gradient__children {
    top: -10%;
  }
}

.section-counters, .section-counters-new,
.section-follow-us {
  position: relative;
}
.section-counters .circle-bg-gradient, .section-counters-new .circle-bg-gradient,
.section-follow-us .circle-bg-gradient {
  --w-circle: 1179px;
  --h-circle: 1017px;
}
.section-counters .circle-bg-gradient .circle-bg-gradient__children, .section-counters-new .circle-bg-gradient .circle-bg-gradient__children,
.section-follow-us .circle-bg-gradient .circle-bg-gradient__children {
  animation: decorCircleBg 15s linear 0s infinite alternate;
  left: -20%;
  bottom: -30%;
  width: 70%;
  height: 100%;
  will-change: transform;
}
.section-counters .circle-bg-gradient::before, .section-counters-new .circle-bg-gradient::before,
.section-follow-us .circle-bg-gradient::before {
  display: none;
}

.input-wrap-table, .filter-resources .select-tags, .section-registration .select-tags {
  --color-base: #646464;
  --color-placeholder: #353AB0;
  --opacity: .5;
  --color-bg-input: #EFEDFF;
  --color-bg-input-active: #dddaf9;
  --color-bg-select: #fff;
  --color-border-input: #e5e7ff;
  --color-border-input-active: #353ab0;
  --color-arrow: #6C6C6D;
  --h-input: 60px;
  --padding-inline-input: 16px;
  --radius: 8px;
  font-size: calc(30rem / 16);
  position: relative;
  margin-block: 10px;
}
@media (max-width: 1728px) {
  .input-wrap-table, .filter-resources .select-tags, .section-registration .select-tags {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.input-wrap-table input, .filter-resources .select-tags input, .section-registration .select-tags input {
  font-size: calc(30rem / 16);
  height: var(--h-input);
  border-radius: var(--radius);
  border: none;
  background-color: var(--color-bg-input);
  padding-inline: var(--padding-inline-input);
  color: var(--color-base);
  width: 100%;
  transition: all 0.3s ease;
}
@media (max-width: 1728px) {
  .input-wrap-table input, .filter-resources .select-tags input, .section-registration .select-tags input {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.input-wrap-table input:focus, .filter-resources .select-tags input:focus, .section-registration .select-tags input:focus, .input-wrap-table input:active, .filter-resources .select-tags input:active, .section-registration .select-tags input:active {
  background-color: var(--color-bg-input-active);
}
.input-wrap-table.input-wrap-search, .filter-resources .input-wrap-search.select-tags, .section-registration .input-wrap-search.select-tags {
  position: relative;
}
.input-wrap-table.input-wrap-search .input-search, .filter-resources .input-wrap-search.select-tags .input-search, .section-registration .input-wrap-search.select-tags .input-search {
  border: 1.5px solid var(--color-border-input);
  background-color: var(--color-bg-select);
  padding-right: calc(var(--padding-inline-input) + 40px);
}
.input-wrap-table.input-wrap-search .input-search:focus, .filter-resources .input-wrap-search.select-tags .input-search:focus, .section-registration .input-wrap-search.select-tags .input-search:focus {
  border-color: var(--color-border-input-active);
}
@media only screen and (min-width: 768px) {
  .input-wrap-table.input-wrap-search .input-search:focus, .filter-resources .input-wrap-search.select-tags .input-search:focus, .section-registration .input-wrap-search.select-tags .input-search:focus {
    box-shadow: 3px -3px 20px 0 rgba(18, 17, 133, 0.13);
  }
}
.input-wrap-table.input-wrap-search .btn-search, .filter-resources .input-wrap-search.select-tags .btn-search, .section-registration .input-wrap-search.select-tags .btn-search {
  position: absolute;
  right: calc(var(--padding-inline-input) - 5px);
  top: 54%;
  translate: 0 -50%;
  background: none;
  border: none;
  padding: 5px;
  transition: scale 0.3s ease;
  cursor: pointer;
}
.input-wrap-table.input-wrap-search .btn-search:hover, .filter-resources .input-wrap-search.select-tags .btn-search:hover, .section-registration .input-wrap-search.select-tags .btn-search:hover {
  translate: 0 -50%;
  scale: 1.2;
}
.input-wrap-table.input-wrap-search .btn-search svg, .filter-resources .input-wrap-search.select-tags .btn-search svg, .section-registration .input-wrap-search.select-tags .btn-search svg {
  fill: var(--color-base);
  width: 24px;
  height: 24px;
  transition: fill 0.3s ease;
}
.input-wrap-table.input-wrap-search .btn-search.active svg, .filter-resources .input-wrap-search.select-tags .btn-search.active svg, .section-registration .input-wrap-search.select-tags .btn-search.active svg {
  fill: var(--color-base);
}
.input-wrap-table .select2, .filter-resources .select-tags .select2, .section-registration .select-tags .select2 {
  height: var(--h-input);
  width: 100% !important;
}
.input-wrap-table .select2-container--default .select2-selection--single, .filter-resources .select-tags .select2-container--default .select2-selection--single, .section-registration .select-tags .select2-container--default .select2-selection--single {
  border: 1px solid var(--color-border-input);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  height: 100%;
  background-color: var(--color-bg-select);
  width: 100%;
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__placeholder, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__placeholder, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--color-base);
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: calc(24rem / 16);
  letter-spacing: 0.02em;
  color: var(--color-base);
  padding-inline: 16px;
  padding-block: 15px 15px;
}
@media (max-width: 1728px) {
  .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-inline: 24px;
  }
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 15px !important;
  height: 15px !important;
  right: 20px;
  top: calc(50% - 3px) !important;
  transform: translateY(-50%);
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b {
  padding: 4px;
  border-color: var(--color-arrow);
  transition: all 0.3s ease;
}
.input-wrap-table .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-base);
}
.input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  top: calc(50% - 1px) !important;
}
.input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-135deg);
  border-color: var(--color-base);
  padding: 4px;
  transition: all 0.3s ease;
}
.input-wrap-table .select2-container--open .select2-dropdown--below, .filter-resources .select-tags .select2-container--open .select2-dropdown--below, .section-registration .select-tags .select2-container--open .select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.input-wrap-table .select2-dropdown, .filter-resources .select-tags .select2-dropdown, .section-registration .select-tags .select2-dropdown {
  margin-top: 0;
  border-width: 1.5px;
  border-style: solid;
  border-color: var(--color-border-input-active);
  box-shadow: 3px -3px 20px 0 rgba(18, 17, 133, 0.13);
  overflow: hidden;
  margin-top: 16px;
  border-radius: 8px !important;
}
.input-wrap-table .select2-dropdown.select2-dropdown--above, .filter-resources .select-tags .select2-dropdown.select2-dropdown--above, .section-registration .select-tags .select2-dropdown.select2-dropdown--above {
  margin-top: -16px;
}
.input-wrap-table .select2-dropdown .select2-results, .filter-resources .select-tags .select2-dropdown .select2-results, .section-registration .select-tags .select2-dropdown .select2-results {
  --width-scrollbar: 0px;
  padding-block: 0;
}
.input-wrap-table .select2-dropdown .select2-results__option, .filter-resources .select-tags .select2-dropdown .select2-results__option, .section-registration .select-tags .select2-dropdown .select2-results__option {
  font-size: 1.125rem;
  padding-inline: var(--padding-inline-input);
  padding-block: 16px;
  color: #121185;
  display: flex;
  align-items: center;
  height: var(--h-input);
}
.input-wrap-table .select2-dropdown .select2-results__option:not(:last-child), .filter-resources .select-tags .select2-dropdown .select2-results__option:not(:last-child), .section-registration .select-tags .select2-dropdown .select2-results__option:not(:last-child) {
  border-bottom: 1px solid var(--color-border-input);
}
.input-wrap-table .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable, .filter-resources .select-tags .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable, .section-registration .select-tags .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(0, 0, 0, 0.02);
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.pagination {
  padding-top: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .pagination {
    padding-top: calc(42rem / 16 + -12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.pagination .nav-links {
  column-gap: calc(25rem / 16);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  row-gap: 10px;
}
@media (max-width: 1728px) {
  .pagination .nav-links {
    column-gap: calc(20rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.pagination .page-numbers {
  font-size: calc(18rem / 16);
  color: rgba(0, 0, 0, 0.6);
  color: #353ab0;
  display: inline-block;
  padding: 6px 10px 10px;
}
@media (max-width: 1728px) {
  .pagination .page-numbers {
    font-size: calc(14rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.pagination .page-numbers:hover {
  color: #401EFF;
}
.pagination .page-numbers.current {
  color: #121185;
  color: #121185;
  border-bottom: 1px solid #121185;
}

.top-menu {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .top-menu {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #010101;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 60px;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
    padding-inline: 25px;
    background-image: linear-gradient(185deg, #0c172d 0%, #1c2069 100%), radial-gradient(85.73% 49.31% at 104.26% -10.15%, rgb(107, 52, 253) 0%, rgb(25, 131, 250) 100%), radial-gradient(56.39% 48.18% at -1.89% -1.17%, rgb(107, 52, 253) 0%, rgb(77, 105, 254) 57.6666235924%, rgb(242, 95, 255) 100%);
  }
  .top-menu.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  @supports (height: 100dvh) {
    .top-menu {
      height: 100dvh;
    }
  }
  .top-menu .btn-close-menu {
    padding: 0;
  }
  .top-menu .close-css::before, .top-menu .close-css::after {
    background-color: #fff;
    height: 1.5px;
  }
  .top-menu__logo-close-block {
    background-image: url("../images/mob-menu/bg-mob-menu-top-path.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-inline: -25px;
    padding-inline: 25px;
    margin-bottom: 30px;
  }
  .top-menu__logo-close-block .back-close-menu-block {
    margin-block: 34px;
  }
  .top-menu__logo img {
    width: 145px;
  }
  .top-menu .sub-menu__wrapper {
    position: static;
    transform: none;
  }
  .top-menu__link {
    position: relative;
  }
  .top-menu__link > span > i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("../images/mob-menu/icon-arrow-level-1.svg");
    background-size: 100%;
    background-position: center;
    transition: transform 0.3s ease;
  }
  .top-menu__link.active > span > i {
    transform: translateY(-50%) rotate(-90deg);
  }
  .top-menu__list_item .sub-menu__wrapper {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
    transition: grid-template-rows 0.35s ease, margin-top 0.3s ease, opacity 0.25s ease;
  }
  .top-menu__list_item .sub-menu__wrapper > ul {
    min-height: 0;
    border-radius: 8px;
    background-color: #fcf9fe;
  }
  .top-menu__list_item .sub-menu__wrapper > ul .sub-menu__title {
    color: #121185;
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li {
    font-size: 1.25rem;
    line-height: normal;
    letter-spacing: 0.02em;
    color: #121185;
    padding-inline: 15px;
    margin-block: 20px;
    position: relative;
    transition: padding-bottom 0.5s ease;
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li::after {
    content: "";
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-image: url("../images/mob-menu/icon-arrow-level-2.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 8px;
    right: 20px;
    transition: transform 0.3s ease;
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li.active {
    padding-bottom: var(--paddingBottom);
    transition: padding-bottom 0.3s ease;
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li.active::after {
    transform: rotate(-90deg);
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li.active ul {
    opacity: 1;
    visibility: visible;
    transition: opacity 1.2s ease, visibility 0.3s ease;
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li ul {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #EFEDFF;
    margin-inline: -15px;
    padding-inline: 15px;
    transition: opacity 0.1s ease, visibility 0.3s ease;
    box-shadow: 0 4px 11px 0 rgba(166, 184, 237, 0.2) inset, 0 -4px 11px 0 rgba(166, 184, 237, 0.2) inset;
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li ul a {
    display: flex;
    align-items: center;
    padding-block: 7px;
    gap: 16px;
    width: 100%;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.33;
    letter-spacing: 0.02em;
    color: #121185;
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li ul:has(li.item-main) li:not(.item-main) {
    padding-left: 25px;
  }
  .top-menu__list_item .sub-menu__wrapper > ul > li ul:has(li.item-main) li:not(.item-main) a {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.34;
  }
  .top-menu__link.active + .sub-menu__wrapper {
    opacity: 1;
    grid-template-rows: 1fr;
    margin-top: 15px;
  }
}
.top-menu__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
@media only screen and (max-width: 1024px) {
  .top-menu__list {
    gap: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .top-menu__list {
    gap: 4px;
    flex-direction: row;
    justify-content: center;
  }
  .top-menu__list_item {
    width: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .top-menu__list_item:hover .sub-menu__wrapper {
    transform: translateY(0) translateX(-50%);
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease !important;
  }
  .top-menu__list_item:hover .sub-menu__wrapper * {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease !important;
  }
}
.top-menu__list_item:hover .top-menu__link {
  color: #fcf9fe;
  opacity: 1 !important;
}
.top-menu__link {
  display: flex;
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: 0.05em;
  color: #FCF9FE !important;
  transition: opacity 0.3s ease, color 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  .top-menu__link {
    min-height: 58px;
    border-radius: 5px;
    align-items: center;
    background: none;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.34;
    letter-spacing: 0.02em;
    text-align: center;
    color: #E5E7FF;
    padding-block: 5px;
    padding-inline: 10px;
  }
  .top-menu__link:active {
    color: #A493FF;
  }
  .top-menu__link:active > span > i {
    border-color: #A493FF;
  }
  .top-menu__link:hover {
    color: #fcf9fe;
  }
}
@media only screen and (min-width: 1200px) {
  .top-menu__link {
    padding-inline: 22px;
  }
}
.top-menu__link:hover {
  opacity: 1 !important;
}
.top-menu__link.selected {
  color: #8771FF;
  font-weight: 600;
}
.top-menu__link.selected > span > i {
  border-color: #A493FF !important;
  border-width: 0 2px 2px 0 !important;
}
.top-menu .btn-demo {
  font-size: 1.125rem;
  font-weight: 500;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding-block: 10px;
  min-height: auto;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1025px) {
  .top-menu .btn-demo {
    padding-block: 0;
    margin-bottom: 0;
  }
  .top-menu .btn-demo a {
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 0.875rem;
    font-weight: 600;
    padding-top: 14px;
    padding-left: 8px;
    padding-bottom: 3px;
    border-radius: 5px;
    min-height: 58px;
  }
}
.top-menu .btn,
.top-menu .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .top-menu .wrap-btn-hbsp-submit {
  align-self: center;
  margin-bottom: 30px;
  font-weight: 400;
}

@media only screen and (min-width: 1025px) {
  .sub-menu__wrapper {
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease !important;
    position: absolute;
    top: 68px;
    padding-top: 20px;
    height: auto;
    overflow-y: inherit;
    background-color: inherit;
    width: 1440px;
    max-width: calc(100% - 40px);
    left: 50%;
    transform: translateY(10px) translateX(-50%);
  }
  .sub-menu__wrapper * {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease !important;
  }
}
.sub-menu__wrapper.active {
  transform: translateY(0) translateX(-50%);
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .sub-menu__wrapper.active {
    padding-bottom: 100px;
    transform: translateY(0);
  }
}

.sub-menu {
  padding-left: 0;
}
@media only screen and (min-width: 1025px) {
  .sub-menu {
    --columnW: 237px;
    border-radius: 20px;
    font-size: 1.125rem;
    letter-spacing: 0.02em;
    color: #121185;
    line-height: 1.2;
    column-width: var(--columnW);
    column-count: 3;
    column-gap: calc(130rem / 16);
    background-color: #fcf9fe;
    padding: 23px 48px 34px;
    box-shadow: 4px -4px 99px 0 rgba(18, 17, 133, 0.1), 0 4px 5px 0 rgba(37, 19, 83, 0.1);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1728px) {
  .sub-menu {
    column-gap: calc(0rem / 16 + 130 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1400px) {
  .sub-menu {
    column-count: 4;
  }
}
@media only screen and (min-width: 1025px) {
  .sub-menu__item {
    break-inside: avoid;
    min-width: 280px;
  }
  .sub-menu__item + .sub-menu__item {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 1400px) {
  .sub-menu__item {
    min-height: 300px;
  }
  .sub-menu__item:nth-child(4) {
    margin-left: -40px;
  }
}
.sub-menu__item > ul {
  padding-left: 0;
}
.sub-menu .hidden-menu-item > a {
  visibility: hidden !important;
}
@media only screen and (min-width: 1025px) {
  .sub-menu ul li.li-difficult:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .sub-menu ul li:first-child:not(.li-difficult) {
    margin-top: -15px;
  }
}
@media only screen and (min-width: 1025px) {
  .sub-menu__title {
    padding-block: 10px 23px;
    font-size: 1.375rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: #6b34fd !important;
    display: inline-block;
    cursor: text;
  }
}
@media only screen and (min-width: 1025px) {
  .sub-menu__item li.li-difficult a {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0;
    margin-block: 5px;
    padding-block: 0px 3px;
  }
  .sub-menu__item li.li-difficult a .sub-menu__link_description {
    font-size: 0.875rem;
    letter-spacing: 0;
    color: rgba(254, 254, 254, 0.5);
    font-weight: 400;
  }
}
.sub-menu__item li.semibold a {
  font-weight: 600;
}
.sub-menu__item li.selected a {
  color: #A493FF;
  font-weight: 600;
}
@media only screen and (min-width: 1025px) {
  .sub-menu__item li a {
    position: relative;
    color: #121185;
    border-radius: 5px;
    padding-block: 5px;
    padding-inline: 5px;
    margin-left: -5px;
    transition: background-color 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    transition: gap 0.3s ease, transform 0.3s ease;
    white-space: nowrap;
    margin-block: 2px;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .sub-menu__item li a:active {
    color: #8771FF;
    font-weight: 600;
  }
  .sub-menu__item li a:active .sub-menu__link_description {
    font-weight: 400;
  }
  .sub-menu__item li a:hover {
    background-color: rgba(254, 254, 254, 0.2);
  }
  .sub-menu__item li a:hover:has(img) {
    gap: 28px;
  }
  .sub-menu__item li a:hover:not(:has(img)) {
    transform: translateX(12px);
  }
  .sub-menu__item li a:hover::after {
    transform: translateX(-8px);
    visibility: visible;
    opacity: 1;
  }
  .sub-menu__item li a::after {
    position: absolute;
    right: -32px;
    content: "";
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-image: url("../images/icon-arrow-item-menu.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.75s ease, visibility 0.55s ease, opacity 0.55s ease;
    transform: translateX(0);
    visibility: hidden;
    opacity: 0;
  }
}
.sub-menu__item li a img {
  --size: 35px;
  display: block;
  width: var(--size);
  min-width: var(--size);
  height: auto;
}
@media only screen and (min-width: 1025px) {
  .sub-menu__item li a img {
    --size: 40px;
  }
}
@media only screen and (min-width: 1025px) {
  .sub-menu__item ul:has(li.item-main) li.item-main a {
    font-size: 1.5rem;
  }
  .sub-menu__item ul:has(li.item-main) li:not(.item-main) {
    padding-left: 40px;
  }
  .sub-menu__item ul:has(li.item-main) li:not(.item-main) a {
    font-weight: 400;
  }
}

.back-close-menu-block {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 35px;
}
.back-close-menu-block .arrow-css, .back-close-menu-block .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .back-close-menu-block b,
.back-close-menu-block .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .back-close-menu-block b, .back-close-menu-block .table-careers thead th.sorted i, .table-careers thead th.sorted .back-close-menu-block i, .back-close-menu-block .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .back-close-menu-block i, .back-close-menu-block .marketecture-mobile-item-open__body li i, .back-close-menu-block .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .back-close-menu-block i, .marketecture-mobile-item-close__body li .back-close-menu-block i, .back-close-menu-block .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .back-close-menu-block b, .back-close-menu-block .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .back-close-menu-block .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .back-close-menu-block .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .back-close-menu-block .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .back-close-menu-block .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .back-close-menu-block b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .back-close-menu-block b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .back-close-menu-block b {
  padding: 5px;
  border-width: 0 3px 3px 0;
}
.back-close-menu-block .close-css {
  width: 20px;
  height: 20px;
}
.back-close-menu-block button {
  background: none;
  border: none;
  padding: 5px;
  cursor: pointer;
}

@media only screen and (min-width: 1025px) {
  .top-form-search {
    top: 68px;
  }
}

body .header.header-static {
  z-index: 999999;
}
body .header.header-static-easy .wrap-btns-humberger-search {
  display: none;
}
body .akhub-banner-section {
  margin-top: 0 !important;
}

body .header {
  z-index: 11;
}
body .header + header {
  display: none;
}
body .header.light-theme {
  background: linear-gradient(270deg, #131b49 0%, #1c2069 100%), radial-gradient(1153.29% 236.35% at -17.97% -189.24%, rgb(107, 52, 253) 0%, rgb(25, 131, 250) 100%) !important;
}
@media only screen and (min-width: 1025px) {
  body .header {
    padding-block: 0;
  }
}
body .header__wrapper {
  position: relative;
  max-width: 1500px;
  max-width: 1724px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding-inline: 15px;
}
@media only screen and (min-width: 1025px) {
  body .header__wrapper {
    background-color: inherit;
    width: inherit;
    padding-inline: 30px;
  }
  body .header__wrapper:hover .top-menu__link:not(.active),
  body .header__wrapper:hover .top-menu .header__search-btn {
    opacity: 0.5;
  }
}
@media only screen and (min-width: 1724px) {
  body .header__wrapper {
    max-width: 100%;
    padding-inline: 32px;
  }
}
body .header__logo {
  display: flex;
  max-width: 145px;
  width: 100%;
  min-height: 48px;
  align-items: center;
  padding: 10px 12px 10px 0;
  padding-left: 0;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  body .header__logo {
    min-height: 58px;
    background: none;
    align-items: center;
    padding: 5px 0;
    max-width: 157px;
  }
  body .header__logo svg {
    width: 157px;
  }
}
body .header__logo svg {
  height: auto;
  fill: #FCF9FE;
}
body .header .wrap-btns-humberger-search {
  display: flex;
  align-items: center;
  gap: 15px;
}
body .header__search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #fff;
  border-radius: 5px;
  font-size: 0.875rem;
  transition: opacity 0.3s ease;
  cursor: pointer;
  background: none !important;
  width: auto;
  padding-block: 5px;
}
@media only screen and (min-width: 1025px) {
  body .header__search-btn {
    min-height: 58px;
    align-items: flex-end;
    align-items: center;
    justify-content: flex-start;
    padding-inline: 22px 14px;
    padding-right: 0;
  }
  body .header__search-btn .btn,
  body .header__search-btn .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit body .header__search-btn .wrap-btn-hbsp-submit {
    padding-block: 13px;
    padding-inline: 20px;
    font-weight: 400;
    text-transform: none;
  }
  body .header__search-btn .btn img,
  body .header__search-btn .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img,
  .section-registration .hbsp-form .hs-submit body .header__search-btn .wrap-btn-hbsp-submit img {
    width: 16px;
  }
  body .header__search-btn svg {
    width: 16px;
    height: auto;
  }
}
body .header__search-btn .for-desktop-flex svg path {
  stroke: #E5E7FF;
}
body .header__search-btn .for-desktop-flex .btn.btn-bg,
body .header__search-btn .for-desktop-flex .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit body .header__search-btn .for-desktop-flex .wrap-btn-hbsp-submit {
  padding: 16px 25px;
}
body .header__search-btn .for-mobile-flex svg path {
  stroke: #FCF9FE;
}
body .header__search-btn.active {
  opacity: 0.3 !important;
}
body .header__search-btn.active img {
  transform: scale(1);
}
body .header__search-btn:hover {
  opacity: 1 !important;
}
body .header__search-btn:hover svg path {
  stroke: #FCF9FE !important;
}
body .header .btn-open-menu {
  background: none;
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  cursor: pointer;
}

body .header .top-form-search {
  z-index: 10;
  position: absolute;
  width: calc(100% - 60px);
  margin-top: 10px;
  left: 30px;
  top: 58px;
  top: 68px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
body .header .top-form-search.active {
  visibility: visible;
  opacity: 1;
}
body .header .top-form-search input.top-form-search__search-field[type=text] {
  --color-placeholder: #fff;
  --opacity: .8;
  background-color: #212122;
  border: none;
  border-radius: 5px;
  color: #fff !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.05em;
  line-height: 1.2;
  padding: 20px;
  width: 100%;
  border: none !important;
}
body .header .top-form-search input.top-form-search__search-field[type=text]::-webkit-input-placeholder {
  color: var(--color-placeholder);
}
body .header .top-form-search input.top-form-search__search-field[type=text]:-moz-placeholder {
  color: var(--color-placeholder);
}
body .header .top-form-search input.top-form-search__search-field[type=text]::-moz-placeholder {
  color: var(--color-placeholder);
}
body .header .top-form-search input.top-form-search__search-field[type=text]:-webkit-autofill, body .header .top-form-search input.top-form-search__search-field[type=text]:-webkit-autofill:hover, body .header .top-form-search input.top-form-search__search-field[type=text]:-webkit-autofill:focus, body .header .top-form-search input.top-form-search__search-field[type=text]:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 40rem #212122 inset;
}
body .header .top-form-search button[type=submit] {
  border: none;
  background: none;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px;
  cursor: pointer;
}
body .header .top-form-search button[type=submit] img {
  transition: transform 0.3s ease;
}
body .header .top-form-search button[type=submit]:hover img {
  transform: scale(1.2);
}
@media only screen and (max-width: 1024px) {
  body .header .top-form-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #010101;
    margin-top: 0;
    transition: opacity 0.5s ease;
  }
  body .header .top-form-search.active {
    height: 100%;
  }
  body .header .top-form-search .back-close-menu-block {
    margin-top: 60px;
    margin-bottom: 12px;
    padding-inline: 45px;
  }
  body .header .top-form-search .top-menu__logo {
    opacity: 0.5;
  }
  body .header .top-form-search input.top-form-search__search-field[type=text] {
    --color-placeholder: #fff;
    --opacity: .8;
    background-color: #010101;
    padding-left: 95px;
    font-size: 2.5rem !important;
    font-weight: 500 !important;
    color: #fff;
  }
  body .header .top-form-search input.top-form-search__search-field[type=text]:-webkit-autofill, body .header .top-form-search input.top-form-search__search-field[type=text]:-webkit-autofill:hover, body .header .top-form-search input.top-form-search__search-field[type=text]:-webkit-autofill:focus, body .header .top-form-search input.top-form-search__search-field[type=text]:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0px 40rem #000 inset;
  }
  body .header .top-form-search button[type=submit] {
    left: 40px;
    top: 145px;
    width: 45px;
    height: 45px;
    opacity: 0.8;
    transition: opacity 0.3s ease;
  }
  body .header .top-form-search button[type=submit].active {
    opacity: 1;
  }
  body .header .top-form-search button[type=submit] img {
    width: 33px;
    height: 33px;
  }
}

.header-info {
  background: #6b34fd;
}
.header-info__wrapper {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
  text-align: center;
  flex-wrap: wrap;
  width: calc(100% - 60px);
}
@media only screen and (min-width: 1025px) {
  .header-info__wrapper {
    width: 100%;
  }
}
.header-info__wrapper p {
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 0.05em;
  color: #FCF9FE !important;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .header-info__wrapper p {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .header-info__wrapper p {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.34;
    letter-spacing: 0.02em;
    text-align: center;
    color: #E5E7FF;
  }
}
.header-info__wrapper .view-link {
  padding: 0;
  margin: 4px 0 4px 10px;
}

.tooltip-static {
  opacity: 1;
}

.tooltip {
  --size-icon: 24px;
  position: relative;
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
}
.tooltip:hover .tooltip-data {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.tooltip svg {
  stroke: #fff;
}
.tooltip img {
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
}
.tooltip .tooltip-data {
  --bg-color: #646464;
  --size-decor: 10px;
  --rPosition: 10px;
  max-width: 272px;
  width: max-content;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-5px);
  position: absolute;
  bottom: calc(100% + 15px);
  right: calc(var(--rPosition) * -1);
  border-radius: 10px;
  background-color: var(--bg-color);
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 20px 15px;
  transition: all 0.3s ease;
  z-index: 20;
}
@media only screen and (min-width: 768px) {
  .tooltip .tooltip-data {
    --rPosition: 20px;
  }
}
.tooltip .tooltip-data a {
  color: #fff;
  text-decoration: underline;
}
.tooltip .tooltip-data::before {
  content: "";
  position: absolute;
  top: 100%;
  right: var(--rPosition);
  border: var(--size-decor) solid transparent;
  border-top: var(--size-decor) solid var(--bg-color);
}

.select2-results {
  padding-block: 5px;
  padding-inline: 0;
  --width-scrollbar: 3px;
}
.select2-results ::-webkit-scrollbar {
  width: var(--width-scrollbar);
  height: var(--height-scrollbar);
  background-color: rgba(0, 0, 0, 0.1);
}
.select2-results ::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background-color: rgba(158, 162, 194, 0.5);
}
.select2-results ::-webkit-scrollbar-thumb:hover {
  background-color: #9EA2C2;
}

.select2-search--hide + .select2-results {
  padding-inline: 0;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 50vh;
}

.select2-results__option {
  font-size: calc(22rem / 16);
  padding: 5px 10px;
  color: #0E0F11;
}
@media (max-width: 1728px) {
  .select2-results__option {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .select2-results__option {
    letter-spacing: 0.02em;
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: calc(22rem / 16);
  color: #fff;
}
@media (max-width: 1728px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    letter-spacing: 0.02em;
  }
}

.select2-container--open .select2-dropdown--below {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

form:has(.select2-container--above.select2-container--open) {
  position: relative;
  z-index: 10000;
}

.select2-dropdown {
  z-index: 10000;
  min-width: 187px;
  border-radius: 10px;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
  margin-top: 4px;
}
.select2-dropdown .select2-results__option--selected {
  color: #401EFF !important;
  background: none;
}
.select2-dropdown .select2-results__option--selected.select2-results__option--highlighted {
  color: #401EFF !important;
  background: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #0E0F11;
  background-color: rgba(0, 0, 0, 0.1);
}

.wrapper-select {
  margin-block: 10px;
}
.wrapper-select .select2 {
  width: auto !important;
}
.wrapper-select .select2 .select2-selection--single {
  border: none;
}
.wrapper-select .select2 .select2-selection__rendered {
  padding-left: 0;
  padding-right: 21px;
}
.wrapper-select .select2 .select2-selection--single {
  background: none;
}
.wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 15px !important;
  height: 15px !important;
  right: 0px;
  top: calc(50% - 1px) !important;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1025px) {
  .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: calc(50% - 3px) !important;
  }
}
.wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  padding: calc(4rem / 16);
  transition: all 0.3s ease;
}
@media (max-width: 1728px) {
  .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    padding: calc(2rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  top: calc(50% - 1px) !important;
}
.wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  padding: calc(4rem / 16);
  transition: all 0.3s ease;
}
@media (max-width: 1728px) {
  .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    padding: calc(2rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.wrapper-select .select2-dropdown {
  border-radius: 10px;
  border: 0 !important;
}

.section-registration__form.hbsp-form label.hs-form-checkbox-display,
.section-registration__form.hbsp-form .hs-form-booleancheckbox-display,
.wrap-check {
  font-size: calc(20rem / 16);
  display: flex;
  align-items: center;
  gap: 10px;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-registration__form.hbsp-form label.hs-form-checkbox-display,
  .section-registration__form.hbsp-form .hs-form-booleancheckbox-display,
  .wrap-check {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-registration__form.hbsp-form label.hs-form-checkbox-display,
  .section-registration__form.hbsp-form .hs-form-booleancheckbox-display,
  .wrap-check {
    gap: 12px;
  }
}

.checkbox-wrap {
  --size: 19px;
  position: relative;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}
@media only screen and (min-width: 1025px) {
  .checkbox-wrap {
    --size: 21px;
  }
}
.checkbox-wrap input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .checkbox {
    border-radius: 3px;
  }
}

.checkbox-checked::before {
  content: "";
  background-image: url("../images/icon-check-white.svg");
  background-size: 15px 15px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: var(--size);
  height: var(--size);
}

.light-theme .checkbox {
  border: 1px solid #0E0F11;
  opacity: 0.2;
}
.light-theme .checkbox-checked::before {
  content: "";
  background-image: url("../images/icon-check-black.svg");
}

.footer-static {
  display: block;
}

.footer-top + .footer {
  padding-top: 0;
  margin-top: -2px;
}
.footer-top + .footer .footer-middle::before {
  display: none;
}

section.section-before-footer-top {
  padding-bottom: calc(235rem / 16);
}
@media (max-width: 1728px) {
  section.section-before-footer-top {
    padding-bottom: calc(150rem / 16 + 85 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.page-platform section.section-before-footer-top,
.page-solution section.section-before-footer-top {
  padding-bottom: calc(265rem / 16);
}
@media (max-width: 1728px) {
  .page-platform section.section-before-footer-top,
  .page-solution section.section-before-footer-top {
    padding-bottom: calc(150rem / 16 + 115 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.footer {
  padding-top: calc(50rem / 16);
  padding-bottom: calc(115rem / 16);
  background-image: linear-gradient(to bottom, #0c1223 0%, #201461 50%, #201461 100%);
  display: block !important;
}
@media (max-width: 1728px) {
  .footer {
    padding-top: calc(40rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer {
    padding-bottom: calc(55rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.footer-top {
  padding-bottom: calc(20rem / 16);
  background-color: #0c1223;
  position: relative;
  z-index: 1;
}
@media (max-width: 1728px) {
  .footer-top {
    padding-bottom: calc(30rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.footer-top.light-theme {
  background-color: #fefefe;
  color: #0E0F11;
}
.footer-top.light-theme .footer__title {
  color: #0E0F11;
}
.footer-top.light-theme .footer__description {
  color: rgba(14, 15, 17, 0.6);
}
.footer-top__main-wrapper {
  max-width: 1728px;
  padding-inline: 8px;
}
@media only screen and (min-width: 1025px) {
  .footer-top__main-wrapper {
    padding-inline: 32px;
  }
}
.footer-top__wrapper-bg {
  border-radius: calc(37rem / 16);
  padding-top: calc(106rem / 16);
  padding-bottom: calc(96rem / 16);
  padding-inline: calc(90rem / 16);
  background-image: url("../images/footer-top/bg-footer-top-desktop.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  overflow: hidden;
  margin-top: -100px;
}
@media (max-width: 1728px) {
  .footer-top__wrapper-bg {
    border-radius: calc(16rem / 16 + 21 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer-top__wrapper-bg {
    padding-top: calc(28rem / 16 + 78 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer-top__wrapper-bg {
    padding-bottom: calc(14rem / 16 + 82 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer-top__wrapper-bg {
    padding-inline: calc(24rem / 16 + 66 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .footer-top__wrapper-bg {
    margin-top: -10%;
  }
}
.footer-top .btn,
.footer-top .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .footer-top .wrap-btn-hbsp-submit {
  margin-top: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .footer-top .btn,
  .footer-top .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .footer-top .wrap-btn-hbsp-submit {
    margin-top: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.footer-top .btn-demo {
  font-size: calc(40rem / 16);
  max-width: 200px;
  padding: 15px 30px;
  margin-top: 25px;
  letter-spacing: normal;
}
@media (max-width: 1728px) {
  .footer-top .btn-demo {
    font-size: calc(18rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .footer-top .btn-demo {
    max-width: 420px;
    min-height: 130px;
    border-radius: 12px;
    padding: 15px 30px 10px;
    margin-top: 30px;
  }
}
.footer-top .btn-demo-wrap {
  max-width: 200px;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .footer-top .btn-demo-wrap {
    max-width: 420px;
  }
}
.footer__title {
  font-size: calc(72rem / 16);
  max-width: calc(964rem / 16);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #fcf9fe;
}
@media (max-width: 1728px) {
  .footer__title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer__title {
    max-width: calc(320rem / 16 + 644 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .footer__title {
    line-height: normal;
  }
}
.footer__description {
  font-size: calc(22rem / 16);
  margin-top: calc(20rem / 16);
  max-width: 90%;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: rgba(229, 231, 255, 0.8);
}
@media (max-width: 1728px) {
  .footer__description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer__description {
    margin-top: calc(10rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .footer__description {
    max-width: 570px;
    line-height: 1.4;
  }
}
.footer__main-wrapper {
  max-width: 1610px;
}
.footer__inner-wrapper {
  max-width: 1440px;
  margin-inline: auto;
}
.footer .decor-top {
  position: relative;
}
.footer .decor-top::before {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  background: rgba(169, 169, 169, 0.5);
}
.footer-middle .footer__inner-wrapper {
  padding-top: calc(65rem / 16);
  row-gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 38px;
}
@media (max-width: 1728px) {
  .footer-middle .footer__inner-wrapper {
    padding-top: calc(5rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer-middle .footer__inner-wrapper {
    row-gap: calc(25rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1201px) {
  .footer-middle .footer__inner-wrapper {
    flex-wrap: nowrap;
  }
}
.footer-middle .select2-results {
  padding-block: 0;
}
.footer-middle .select2-results__option {
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #121185;
}
@media only screen and (max-width: 767px) {
  .footer-middle .title-select-lang {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .footer-middle.decor-top::before {
    display: none;
  }
}
.footer__item-title,
.footer .hbspt-form .hs-richtext p span {
  font-size: calc(22rem / 16);
  margin-bottom: calc(30rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #E5E7FF !important;
}
@media (max-width: 1728px) {
  .footer__item-title,
  .footer .hbspt-form .hs-richtext p span {
    font-size: calc(17.5rem / 16 + 4.5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer__item-title,
  .footer .hbspt-form .hs-richtext p span {
    margin-bottom: calc(12rem / 16 + 18 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.footer .hbspt-form .hs-richtext p span {
  display: inline-block;
}
.footer__middle_item {
  max-width: var(--maxw);
  width: 100%;
}
.footer__middle_item .wrapper-select {
  padding-top: 5px;
}
@media only screen and (min-width: 768px) {
  .footer__middle_item .wrapper-select {
    padding-top: 10px;
  }
}
.footer__middle_item .wrapper-select .select2-dropdown {
  overflow: hidden;
}
.footer__middle_item .wrapper-select .select2-dropdown .select2-results__option--selected {
  background-color: #EFEDFF !important;
  color: #121185 !important;
}
.footer__middle_item .wrapper-select .select2-results {
  overflow: auto;
}
.footer__middle_item .wrapper-select .select2-container--default {
  --wWrapArrow: 20px;
  --sizeArrow: 3px;
}
@media only screen and (min-width: 768px) {
  .footer__middle_item .wrapper-select .select2-container--default {
    --sizeArrow: 4.5px;
  }
}
.footer__middle_item .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: var(--wWrapArrow) !important;
  height: var(--wWrapArrow) !important;
  right: -5px;
}
.footer__middle_item .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  padding: var(--sizeArrow);
  translate: 0 -0.08em;
  border-color: #fff;
  border-width: 0 1px 1px 0 !important;
}
@media only screen and (min-width: 768px) {
  .footer__middle_item .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0 2px 2px 0;
    translate: 0% -0.2em;
  }
}
.footer__middle_item .wrapper-select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: none;
  color: #121185;
}
.footer__middle_item .wrapper-select .select2-container--open .select2-selection--single .select2-selection__arrow {
  width: var(--wWrapArrow) !important;
  height: var(--wWrapArrow) !important;
}
.footer__middle_item .wrapper-select .select2-container--open .select2-selection--single .select2-selection__arrow b {
  padding: var(--sizeArrow) !important;
  rotate: 180deg;
  translate: 0 50%;
}
@media only screen and (min-width: 768px) {
  .footer__middle_item .wrapper-select .select2-container--open .select2-selection--single .select2-selection__arrow b {
    translate: 0 20%;
  }
}
.footer__middle_item .wrapper-select-lang {
  padding-top: 5px;
}
.footer__middle_item-lang {
  --maxw: 48%;
}
@media only screen and (min-width: 768px) {
  .footer__middle_item-lang {
    --maxw: 25%;
  }
}
@media only screen and (min-width: 1201px) {
  .footer__middle_item-lang {
    --maxw: 15%;
  }
}
@media only screen and (min-width: 1450px) {
  .footer__middle_item-lang {
    --maxw: 320px;
  }
}
@media only screen and (min-width: 500px) {
  .footer__middle_item-social {
    border-top: none;
  }
}
@media only screen and (min-width: 576px) {
  .footer__middle_item-social {
    --maxw: 52%;
  }
}
@media only screen and (min-width: 768px) {
  .footer__middle_item-social {
    --maxw: 25%;
  }
}
@media only screen and (min-width: 1450px) {
  .footer__middle_item-social {
    --maxw: 425px;
  }
}
.footer__middle_item-form {
  --maxw: 695px;
}
@media only screen and (max-width: 767px) {
  .footer__middle_item-form {
    padding-top: 20px;
  }
  .footer__middle_item-form .footer__item-title,
  .footer__middle_item-form .hbspt-form .hs-richtext p span {
    margin-bottom: 25px;
  }
}
.footer .social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding-left: 0;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .footer .social-list {
    column-gap: 24px;
  }
}
.footer .social-list a {
  display: block;
  width: 32px;
  height: 32px;
}
.footer .social-list a:hover img,
.footer .social-list a:hover svg {
  transform: scale(1.1);
}
.footer .social-list a img,
.footer .social-list a svg {
  display: block;
  height: 100%;
  transition: transform 0.3s ease;
}
.footer .social-list a svg {
  fill: #FEFEFE;
}
.footer .wrap-footer-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 20px;
}
@media only screen and (min-width: 1025px) {
  .footer .wrap-footer-form {
    flex-direction: row;
  }
}
.footer .hbspt-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 30px;
}
.footer .hbspt-form p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .footer .hbspt-form {
    gap: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .hbspt-form {
    flex-direction: row;
  }
}
.footer .hbspt-form form {
  display: flex;
  flex-wrap: wrap;
}
.footer .hbspt-form form > div:first-child {
  flex: 0 0 100%;
}
.footer .hbspt-form input[type=text],
.footer .hbspt-form input[type=email] {
  font-family: "FoundersGrotesk", sans-serif !important;
  height: 48px;
  padding: 15px 80px 15px 17px;
  background: none;
  border: none;
  height: 48px;
  width: 100%;
  position: relative;
  border: 1.13px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 8px;
  box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 59px 0 rgba(255, 255, 255, 0.05), inset 0 0 23px 0 rgba(255, 255, 255, 0.02) !important;
  background-image: radial-gradient(closest-side at 210px 33px, #1a1f3c 0%, #1a1f3c 30%, #3f4762 370%) !important;
  color: #fff !important;
}
.footer .hbspt-form input[type=text]:focus,
.footer .hbspt-form input[type=email]:focus {
  color: #fff;
}
.footer .hbspt-form input[type=email] {
  min-width: 100%;
}
.footer .hbspt-form input[type=email]::placeholder {
  opacity: 1 !important;
}
.footer .hbspt-form .hs_email {
  flex-grow: 1;
}
.footer .hbspt-form .hs_email > label {
  display: none;
}
.footer .hbspt-form .hs_submit input.hs-button {
  font-family: "FoundersGrotesk", sans-serif !important;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.26;
  letter-spacing: 0.06em;
  color: #fcf9fe;
}
.footer .hbspt-form .wrap-email-submit:has(input:-internal-autofill-selected) .hs_submit input.hs-button {
  color: #121185;
}
.footer .hbspt-form .hs-error-msgs {
  padding-top: 5px;
}
.footer .hbspt-form .hs-error-msgs .hs-error-msg {
  color: red !important;
  font-size: 0.875rem;
  padding-left: 5px;
  line-height: 1.2;
  font-weight: 400;
}
.footer .hbspt-form .hs_submit {
  z-index: 2;
  position: absolute;
  top: calc(75rem / 16);
  left: calc(325rem / 16);
}
@media (max-width: 1728px) {
  .footer .hbspt-form .hs_submit {
    top: calc(45rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .footer .hbspt-form .hs_submit {
    left: calc(300rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 991px) {
  .footer .hbspt-form .hs_submit {
    left: 29vw;
  }
}
@media only screen and (max-width: 767px) {
  .footer .hbspt-form .hs_submit {
    top: 60px;
    left: 325px;
  }
}
.footer .hbspt-form .hs_submit input {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: color 0.3s ease;
  padding: 10px 5px;
}
.footer .hbspt-form .hs_submit input:hover, .footer .hbspt-form .hs_submit input:focus {
  color: #fff;
}
.footer .hbspt-form label.hs-form-booleancheckbox-display {
  display: flex;
  gap: 11px;
}
.footer .hbspt-form label.hs-form-booleancheckbox-display span {
  cursor: pointer;
  margin-left: 0;
}
.footer .hbspt-form label.hs-form-booleancheckbox-display p {
  font-size: calc(13rem / 16);
  font-size: 0.75rem;
  line-height: 1.26;
  letter-spacing: 0.05em;
  color: #E5E7FF;
}
@media (max-width: 1728px) {
  .footer .hbspt-form label.hs-form-booleancheckbox-display p {
    font-size: calc(12rem / 16 + 1 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .footer .hbspt-form label.hs-form-booleancheckbox-display p {
    letter-spacing: 0.06em;
  }
}
.footer .hbspt-form .wrap-check-tooltip {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 430px) {
  .footer .hbspt-form .wrap-check-tooltip {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 430px) {
  .footer .hbspt-form .wrap-check {
    width: 100%;
  }
}
.footer .hbspt-form .wrap-check label {
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  width: 180px;
  line-height: 1.2;
}
.footer .hbspt-form__info-link {
  display: block;
  width: 21px;
  height: 21px;
  margin-left: 30px;
}
@media only screen and (min-width: 1025px) {
  .footer .hbspt-form__info-link {
    margin-right: 10px;
  }
}
.footer .inputs-list {
  padding-left: 0;
  margin-bottom: 0;
}
.footer .inputs-list label {
  margin-bottom: 0;
}
.footer-partners .footer__inner-wrapper {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .footer-partners .footer__inner-wrapper {
    margin-right: -20px;
    gap: 45px;
  }
}
@media only screen and (min-width: 768px) {
  .footer-partners .footer__inner-wrapper {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 47px;
    padding-bottom: 44px;
  }
}
.footer-partners .footer__item-title,
.footer-partners .hbspt-form .hs-richtext p span {
  margin-bottom: 0;
}
.footer-partners__left, .footer-partners__rigth {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .footer-partners__left, .footer-partners__rigth {
    width: calc(50% - 35px);
  }
}
@media only screen and (min-width: 1025px) {
  .footer-partners__left, .footer-partners__rigth {
    width: calc(50% - 55px);
  }
}
.footer-links .footer__inner-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
  gap: 38px;
}
@media only screen and (max-width: 767px) {
  .footer-links .footer__inner-wrapper {
    margin-right: -20px;
  }
}
@media only screen and (min-width: 768px) {
  .footer-links .footer__inner-wrapper {
    justify-content: space-between;
    padding-top: 47px;
    padding-bottom: 44px;
  }
}
@media only screen and (min-width: 1025px) {
  .footer-links .footer__inner-wrapper {
    column-gap: 120px;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1025px) {
  .footer-links .footer__inner-wrapper > div {
    max-width: 336px;
    margin-bottom: 0;
  }
}
.footer-links .footer__inner-wrapper > div a {
  margin-bottom: 20px;
  display: block;
}
.footer-links .footer__inner-wrapper > div a > img {
  width: 121px;
}
@media only screen and (min-width: 768px) {
  .footer-links .footer__inner-wrapper > div a > img {
    width: 162px;
  }
}
.footer-links .footer__inner-wrapper > div p {
  margin-top: 10px;
  font-size: 12px;
  line-height: normal;
  color: #e5e7ff;
  font-weight: 400;
}
@media only screen and (min-width: 1025px) {
  .footer-links .footer__inner-wrapper > div p {
    font-size: 13px;
  }
}
.footer-links .footer__inner-wrapper ul li {
  border: none !important;
}
.footer-links .footer__inner-wrapper nav {
  flex: 1;
}
.footer-links .footer__inner-wrapper nav .footer-menu__list {
  column-count: 2;
  column-gap: 71px;
}
@media only screen and (min-width: 768px) {
  .footer-links .footer__inner-wrapper nav .footer-menu__list {
    column-gap: 69px;
    column-count: 5;
  }
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .top-menu__list_item {
  break-inside: avoid-column;
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .top-menu__link {
  padding: 0;
  min-height: auto;
  color: #D1DBFE !important;
  font-size: 1.125rem;
  line-height: normal;
  margin-bottom: 14px;
  pointer-events: none !important;
}
@media only screen and (min-width: 1025px) {
  .footer-links .footer__inner-wrapper nav .footer-menu__list .top-menu__link {
    font-size: 1.375rem;
  }
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu {
  padding: 0;
  background: none;
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item {
  min-width: auto;
  min-height: auto;
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item a {
  cursor: pointer;
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item:nth-child(4) {
  margin-left: 0;
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item .sub-menu__title {
  padding: 0;
  font-size: 1rem;
  color: #FCF9FE !important;
}
@media only screen and (min-width: 1025px) {
  .footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item .sub-menu__title {
    font-size: 1.25rem;
  }
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item + .sub-menu__item {
  margin-top: 7px;
}
@media only screen and (min-width: 1025px) {
  .footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item + .sub-menu__item {
    margin-top: 10px;
  }
}
.footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item + .sub-menu__item:last-child {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1025px) {
  .footer-links .footer__inner-wrapper nav .footer-menu__list .sub-menu .sub-menu__item + .sub-menu__item:last-child {
    margin-bottom: 40px;
  }
}
.footer-bottom .footer__inner-wrapper {
  padding-top: calc(45rem / 16);
  max-width: 1440px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}
@media (max-width: 1728px) {
  .footer-bottom .footer__inner-wrapper {
    padding-top: calc(35rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .footer-bottom .footer__inner-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
  }
}
.footer-bottom a,
.footer-bottom p {
  font-size: calc(13rem / 16);
  line-height: 1.26;
  letter-spacing: 0.05em;
  color: #E5E7FF;
}
@media (max-width: 1728px) {
  .footer-bottom a,
  .footer-bottom p {
    font-size: calc(12rem / 16 + 1 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .footer-bottom a,
  .footer-bottom p {
    letter-spacing: 0.06em;
  }
}
.footer-bottom p {
  max-width: 330px;
  margin-inline: auto;
  text-align: center;
}
@media only screen and (min-width: 500px) {
  .footer-bottom p {
    max-width: inherit;
  }
}
@media only screen and (min-width: 768px) {
  .footer-bottom p {
    text-align: left;
    margin-inline: 0;
  }
}
.footer-bottom ul {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 35px;
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .footer-bottom ul {
    justify-content: flex-start;
  }
}
.footer-bottom ul li {
  border-bottom: none;
}

.footer.light-theme {
  position: relative;
  background: linear-gradient(to bottom, #fefefe 0%, #fefefe 80%, #5467fd 120%);
  color: #0E0F11;
}
@media only screen and (min-width: 768px) {
  .footer.light-theme::before {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
    position: absolute;
    left: 0;
    top: 0;
  }
}
.footer.light-theme .decor-top::before {
  background-color: rgba(204, 204, 204, 0.5);
}
.footer.light-theme .footer__item-title,
.footer.light-theme .hbspt-form .hs-richtext p span {
  color: rgba(14, 15, 17, 0.6) !important;
}
.footer.light-theme .footer-form .wrap-check label {
  color: #0E0F11;
}
.footer.light-theme .checkbox {
  border: 1px solid rgba(14, 15, 17, 0.2);
}
.footer.light-theme .checkbox-checked::before {
  background-image: url("../images/icon-check-dark.svg");
}
.footer.light-theme .tooltip img {
  filter: brightness(0);
}
.footer.light-theme .social-list a img {
  filter: brightness(0);
}
.footer.light-theme .hbspt-form input[type=text] {
  border: 1px solid #ccc;
  background: rgba(248, 248, 248, 0.5);
  color: #0E0F11;
}
.footer.light-theme .hbspt-form .btn-submit {
  color: #ccc;
}
.footer.light-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgba(14, 15, 17, 0.6);
}
.footer.light-theme .select2-container--default .select2-selection--single b {
  border-color: rgba(14, 15, 17, 0.6) !important;
}
.footer.light-theme .footer-bottom a,
.footer.light-theme .footer-bottom p {
  color: #0E0F11;
  opacity: 1;
}
.footer.light-theme .slider-footer-logo img {
  filter: brightness(0);
}

.slider-footer-logo {
  width: 100%;
  height: 100%;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .slider-footer-logo {
    margin-top: 20px;
  }
}
.slider-footer-logo .swiper-slide {
  height: auto;
}
.slider-footer-logo .swiper-slide.logo-gartner-1-svg {
  --margLeft: 0;
  --minWidth: 90px;
  margin-left: calc(var(--margLeft) * -1);
  min-width: var(--minWidth);
}
@media only screen and (min-width: 576px) {
  .slider-footer-logo .swiper-slide.logo-gartner-1-svg {
    --margLeft: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .slider-footer-logo .swiper-slide.logo-gartner-1-svg {
    --minWidth: 110px;
    --margLeft: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .slider-footer-logo .swiper-slide.logo-gartner-1-svg {
    --minWidth: 130px;
    --margLeft: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .slider-footer-logo .swiper-slide.logo-gartner-1-svg {
    --margLeft: 40px;
  }
}
@media only screen and (min-width: 1250px) {
  .slider-footer-logo .swiper-slide.logo-gartner-1-svg {
    --margLeft: 60px;
    --minWidth: 185px;
  }
}
.slider-footer-logo .swiper-slide > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.slider-footer-logo svg {
  fill: #FEFEFE;
}

.footer-hbsp-form .hs-main-font-element span {
  color: #E5E7FF;
}
.footer-hbsp-form .hs_error_rollup {
  font-size: 0;
}
.footer-hbsp-form .hs-richtext p {
  font-family: "FoundersGrotesk", sans-serif;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.26;
  letter-spacing: 0.02em;
  color: #E5E7FF;
}
.footer-hbsp-form .hs-richtext p a {
  font-size: 0.8125rem;
  color: #E5E7FF;
  text-decoration: underline;
}
.footer-hbsp-form .hs-richtext p a:hover {
  color: #6b34fd;
}
.footer-hbsp-form .checkbox-wrap {
  --size: 24px;
  margin-top: 0.3em;
}
.footer-hbsp-form .checkbox-wrap .checkbox,
.footer-hbsp-form .checkbox-wrap input {
  margin-top: 0;
}
.footer-hbsp-form .checkbox {
  border: 1.13px solid rgba(255, 255, 255, 0.09);
  border-radius: 6px;
  background-image: radial-gradient(closest-side at 210px 33px, #1a1f3c 0%, #1a1f3c 30%, #3f4762 370%);
}
.footer-hbsp-form .wrap-email-submit-checkbox {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .footer-hbsp-form .wrap-email-submit-checkbox {
    flex-wrap: nowrap;
  }
}
.footer-hbsp-form .wrap-email-submit-checkbox ul {
  list-style: none;
}
.footer-hbsp-form .wrap-email-submit-checkbox li {
  border: none;
}
.footer-hbsp-form .wrap-email-submit {
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .footer-hbsp-form .wrap-email-submit {
    margin-bottom: 20px;
  }
}
.footer-hbsp-form .wrap-email-submit .hs_submit {
  top: 0.5em;
  right: 12px;
  left: auto;
}
.footer-hbsp-form .wrap-email-submit .hs_submit input {
  white-space: nowrap;
}
.footer-hbsp-form .wrap-email-submit + div {
  max-width: calc(100% - 35px);
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .footer-hbsp-form .wrap-email-submit + div {
    margin-left: 29px;
  }
}
@media only screen and (min-width: 1201px) {
  .footer-hbsp-form .wrap-email-submit + div {
    max-width: 240px;
  }
}
.footer-hbsp-form .tooltip {
  margin-left: 11px;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.home-page .section-marketecture:has(+ .section-creative-slider),
.home-page .section-marketecture + .section-creative-slider {
  background: none;
}
.home-page .section-marketecture:has(+ .section-creative-slider) .circle-bg-gradient,
.home-page .section-marketecture + .section-creative-slider .circle-bg-gradient {
  display: none;
}
.home-page .section-marketecture:has(+ .section-creative-slider) {
  padding-bottom: 0;
  background: url("../images/home-page/wrap-marketecture-slider/bg-ellipse-top.svg"), #131b4f;
  background-position: left top, center;
  background-size: contain, cover;
  background-repeat: no-repeat;
}
.home-page .section-marketecture + .section-creative-slider {
  padding-top: calc(150rem / 16);
  background: url("../images/home-page/wrap-marketecture-slider/bg-ellipse.svg"), #131b4f;
  background-position: right top, center;
  background-size: contain, cover;
  background-repeat: no-repeat;
}
@media (max-width: 1728px) {
  .home-page .section-marketecture + .section-creative-slider {
    padding-top: calc(70rem / 16 + 80 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.home-page .section-checkmarx-for {
  padding-bottom: calc(135rem / 16);
  background-image: linear-gradient(135deg, #f6f5ff 0%, #f6f5ff 60%, #d1c9fd 100%);
}
@media (max-width: 1728px) {
  .home-page .section-checkmarx-for {
    padding-bottom: calc(45rem / 16 + 90 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .home-page .section-checkmarx-for .section-title {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .home-page .section-checkmarx-for .slider-checkmarx-for {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .home-page .section-checkmarx-for .slider-checkmarx-for {
    margin-left: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .home-page .section-checkmarx-for .swiper-slide {
    padding-inline: 10px !important;
  }
}
.home-page .section-checkmarx-for .card-creative-hover {
  padding-bottom: calc(70rem / 16);
}
@media (max-width: 1728px) {
  .home-page .section-checkmarx-for .card-creative-hover {
    padding-bottom: calc(10rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.home-page .section-checkmarx-for .card-creative-hover__bg {
  padding-top: calc(40rem / 16);
}
@media (max-width: 1728px) {
  .home-page .section-checkmarx-for .card-creative-hover__bg {
    padding-top: calc(28rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.home-page .section-checkmarx-for .card-creative-hover__content {
  margin-top: 10px;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.hero {
  padding-top: calc(160rem / 16);
  padding-bottom: calc(160rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
}
@media (max-width: 1728px) {
  .hero {
    padding-top: calc(160rem / 16 + 0 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero {
    padding-bottom: calc(150rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .hero {
    justify-content: center;
  }
}
.hero .hero__decor-bg {
  z-index: 2;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: linear-gradient(242deg, rgba(0, 0, 0, 0.67) 2.56%, rgba(0, 0, 0, 0) 47.51%), linear-gradient(0deg, #000 -5.51%, rgba(0, 0, 0, 0) 21.29%), linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 34.71%);
}
.hero__wrap-videos {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.hero__bg-video {
  z-index: 1;
  position: absolute;
  pointer-events: none;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.hero__bg-video_mob {
  display: none;
}
@media screen and (orientation: portrait) {
  .hero__bg-video_mob {
    display: block;
  }
}
.hero__bg-video_desktop {
  display: none;
}
@media screen and (orientation: landscape) {
  .hero__bg-video_desktop {
    display: block;
  }
}
.hero__title {
  font-size: calc(72rem / 16);
  padding-bottom: calc(22rem / 16);
  z-index: 2;
  position: relative;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.02em;
  max-width: 750px;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .hero__title {
    font-size: calc(40rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero__title {
    padding-bottom: calc(10rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .hero__title {
    line-height: normal;
  }
}
.hero__logos-wrapper {
  margin-top: calc(27rem / 16);
  z-index: 2;
  position: relative;
  margin-bottom: 10px;
  padding-inline: 0;
}
@media (max-width: 1728px) {
  .hero__logos-wrapper {
    margin-top: calc(25rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .hero__logos-wrapper {
    max-width: 1000px;
    padding-inline: 30px;
  }
}
.hero__footer {
  gap: calc(16rem / 16);
  padding-top: calc(25rem / 16);
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1728px) {
  .hero__footer {
    gap: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero__footer {
    padding-top: calc(10rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.hero__footer .btn,
.hero__footer .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .hero__footer .wrap-btn-hbsp-submit {
  max-width: none;
}
.hero__footer .btn.demo,
.hero__footer .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .hero__footer .wrap-btn-hbsp-submit {
  gap: calc(20rem / 16);
  padding-inline: calc(25rem / 16);
}
@media (max-width: 1728px) {
  .hero__footer .btn.demo,
  .hero__footer .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .hero__footer .wrap-btn-hbsp-submit {
    gap: calc(10rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero__footer .btn.demo,
  .hero__footer .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .hero__footer .wrap-btn-hbsp-submit {
    padding-inline: calc(22rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.hero__footer .btn.border-2,
.hero__footer .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .hero__footer .border-2.wrap-btn-hbsp-submit {
  padding-inline: calc(22rem / 16);
}
@media (max-width: 1728px) {
  .hero__footer .btn.border-2,
  .hero__footer .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .hero__footer .border-2.wrap-btn-hbsp-submit {
    padding-inline: calc(20rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.slider-hero-logo__title {
  font-size: calc(14rem / 16);
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.1655;
  padding-bottom: 20px;
}
@media (max-width: 1728px) {
  .slider-hero-logo__title {
    font-size: calc(12rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.slider-hero-logo .swiper-slide {
  height: auto;
  transition: opacity 2s ease;
}
.slider-hero-logo .swiper-slide > div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-hero-logo .opacity-2 {
  opacity: 0.2;
}
.slider-hero-logo .opacity-6 {
  opacity: 0.6;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-counters, .section-counters-new {
  padding-top: calc(114rem / 16);
  padding-bottom: calc(142rem / 16);
  background-color: #0e0f11;
}
@media (max-width: 1728px) {
  .section-counters, .section-counters-new {
    padding-top: calc(56rem / 16 + 58 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-counters, .section-counters-new {
    padding-bottom: calc(100rem / 16 + 42 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-counters .section-title, .section-counters-new .section-title {
  padding-bottom: calc(22rem / 16);
}
@media (max-width: 1728px) {
  .section-counters .section-title, .section-counters-new .section-title {
    padding-bottom: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-counters .link-more, .section-counters-new .link-more {
  padding-top: 30px;
}
.section-counters__wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 80px;
}
@media only screen and (min-width: 992px) {
  .section-counters__wrapper {
    gap: 25px;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1025px) {
  .section-counters__wrapper {
    gap: 50px;
  }
}
.section-counters .left, .section-counters-new .left {
  max-width: 310px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .section-counters .left, .section-counters-new .left {
    max-width: 540px;
  }
}
.section-counters .right, .section-counters-new .right {
  max-width: 700px;
  margin-top: 15px;
}

.counter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .counter-list {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1350px) {
  .counter-list {
    column-gap: 80px;
    row-gap: 50px;
  }
}

.counter-item {
  width: calc(50% - 13px);
  font-weight: 500;
  border: 1px solid rgba(254, 254, 254, 0.5);
  padding: 0 30px 5px 7px;
}
@media only screen and (min-width: 576px) {
  .counter-item {
    width: calc(50% - 50px);
    padding: 0 20px 15px;
  }
}
.counter-item .counter {
  font-size: calc(90rem / 16);
  line-height: 1;
}
@media (max-width: 1728px) {
  .counter-item .counter {
    font-size: calc(41rem / 16 + 49 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.counter-item .counter .small {
  font-size: 34px;
}
.counter-item .counter-info {
  font-size: calc(24rem / 16);
  max-width: 200px;
  color: #f8f8f8;
  opacity: 0.6;
  line-height: 1.2;
  margin-top: 10px;
}
@media (max-width: 1728px) {
  .counter-item .counter-info {
    font-size: calc(13rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-counters-new {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
  background: #f6f5ff;
  color: #121185;
}
@media (max-width: 1728px) {
  .section-counters-new {
    padding-top: calc(56rem / 16 + 68 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-counters-new {
    padding-bottom: calc(50rem / 16 + 74 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-counters-new {
    background: none;
    background-image: linear-gradient(45deg, #f4f2ff 0%, #f4f2ff 70%, #dad4fe 100%);
  }
}
.section-counters-new .section-counters__wrapper {
  gap: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .section-counters-new .section-counters__wrapper {
    gap: calc(52rem / 16 + -22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-counters-new .section-title {
  font-size: calc(62rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  padding-bottom: 0;
}
@media (max-width: 1728px) {
  .section-counters-new .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-counters-new .section-title {
    line-height: 1.07;
  }
}
.section-counters-new .section-description {
  margin-top: calc(50rem / 16);
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-counters-new .section-description {
    margin-top: calc(15rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-counters-new .section-description {
    opacity: 0.8;
  }
}
.section-counters-new .right {
  max-width: 727px;
  margin-top: 0;
}
.section-counters-new .counter-item {
  border-radius: calc(16rem / 16);
  border: none;
  background-color: #fcf9fe;
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
}
@media (max-width: 1728px) {
  .section-counters-new .counter-item {
    border-radius: calc(15rem / 16 + 1 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-counters-new .counter-list {
  --gap: calc(24rem / 16);
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-counters-new .counter-list {
    --gap: calc(25rem / 16 + -1 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-counters-new .counter-item {
  padding-top: calc(25rem / 16);
  padding-bottom: calc(25rem / 16);
  padding-inline: calc(42rem / 16);
  width: 100%;
}
@media (max-width: 1728px) {
  .section-counters-new .counter-item {
    padding-top: calc(18rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-counters-new .counter-item {
    padding-bottom: calc(20rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-counters-new .counter-item {
    padding-inline: calc(24rem / 16 + 18 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 576px) {
  .section-counters-new .counter-item {
    width: calc(50% - var(--gap) / 2);
  }
}
.section-counters-new .counter {
  font-size: calc(68rem / 16);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-counters-new .counter {
    font-size: calc(40rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-counters-new .counter-info {
  font-size: calc(24rem / 16);
  margin-top: calc(15rem / 16);
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #353ab0;
  opacity: 1;
  max-width: none;
  text-transform: none;
}
@media (max-width: 1728px) {
  .section-counters-new .counter-info {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-counters-new .counter-info {
    margin-top: calc(10rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-counters-new .counter-info {
    letter-spacing: normal;
  }
}
.section-counters-new .counter-info-dop {
  font-size: calc(13rem / 16);
  margin-top: calc(32rem / 16);
  font-weight: 400;
  line-height: 1.26;
  letter-spacing: 0.05em;
  color: #353ab0;
  text-transform: none;
}
@media (max-width: 1728px) {
  .section-counters-new .counter-info-dop {
    font-size: calc(12rem / 16 + 1 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-counters-new .counter-info-dop {
    margin-top: calc(8rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-counters-new .counter-info-dop {
    opacity: 0.5;
    letter-spacing: 0.06em;
    color: #121185;
  }
}

.section-counters-new__home-type {
  background-image: linear-gradient(20deg, #0c182f 0%, #0f085d 100%), radial-gradient(72.86% 126.85% at 50% 166.25%, rgb(122, 52, 253) 0%, rgb(107, 52, 253) 100%), radial-gradient(46.45% 61.2% at 50% 178.97%, rgb(107, 52, 253) 0%, rgb(107, 52, 253) 100%), radial-gradient(25.47% 25.11% at 50% 157.39%, rgb(133, 115, 248) 0%, rgb(109, 60, 253) 55.5000007153%, rgb(107, 52, 253) 100%), radial-gradient(64.99% 17.77% at 45.67% 160.6%, rgb(28, 78, 255) 0%, rgb(93, 52, 255) 74.5000004768%, rgb(160, 164, 255) 100%), radial-gradient(114.83% 17.07% at 50% 157.39%, rgb(223, 218, 255) 0%, rgb(64, 33, 255) 57.9854905605%), radial-gradient(23.14% 13.86% at 50% 158.97%, rgb(76, 47, 255) 0%, rgb(64, 33, 255) 80.9850156307%), radial-gradient(24.49% 12.55% at 50% 156.41%, rgb(76, 47, 255) 0%, rgb(64, 33, 255) 60.5039775372%);
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
  color: #fcf9fe;
}
.section-counters-new__home-type .counter-info-dop {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .section-counters-new__home-type {
    background-image: url("../images/section-counter-new-home-type/bg-ellipse.svg"), linear-gradient(20deg, #0c182f 0%, #0f085d 100%), radial-gradient(72.86% 126.85% at 50% 166.25%, rgb(122, 52, 253) 0%, rgb(107, 52, 253) 100%), radial-gradient(46.45% 61.2% at 50% 178.97%, rgb(107, 52, 253) 0%, rgb(107, 52, 253) 100%), radial-gradient(25.47% 25.11% at 50% 157.39%, rgb(133, 115, 248) 0%, rgb(109, 60, 253) 55.5000007153%, rgb(107, 52, 253) 100%), radial-gradient(64.99% 17.77% at 45.67% 160.6%, rgb(28, 78, 255) 0%, rgb(93, 52, 255) 74.5000004768%, rgb(160, 164, 255) 100%), radial-gradient(114.83% 17.07% at 50% 157.39%, rgb(223, 218, 255) 0%, rgb(64, 33, 255) 57.9854905605%), radial-gradient(23.14% 13.86% at 50% 158.97%, rgb(76, 47, 255) 0%, rgb(64, 33, 255) 80.9850156307%), radial-gradient(24.49% 12.55% at 50% 156.41%, rgb(76, 47, 255) 0%, rgb(64, 33, 255) 60.5039775372%);
    background-size: 65%, cover;
  }
}
.section-counters-new__home-type .section-counters__wrapper {
  max-width: 1530px;
}
.section-counters-new__home-type .left {
  max-width: 550px;
}
.section-counters-new__home-type .right {
  max-width: 745px;
}
.section-counters-new__home-type .section-description {
  margin-top: calc(50rem / 16);
  max-width: 470px;
  color: #e5e7ff;
}
@media (max-width: 1728px) {
  .section-counters-new__home-type .section-description {
    margin-top: calc(25rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-counters-new__home-type .counter-list {
  --gap: calc(24rem / 16);
}
@media (max-width: 1728px) {
  .section-counters-new__home-type .counter-list {
    --gap: calc(17rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-counters-new__home-type .counter-item {
  padding-top: calc(30rem / 16);
  padding-bottom: calc(40rem / 16);
  box-shadow: -44px 28px 121px 0 rgba(0, 0, 0, 0.2), inset 0 0 71px 0 rgba(255, 255, 255, 0.05), inset 0 0 27px 0 rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: linear-gradient(45deg, rgba(35, 42, 77, 0.1), rgba(29, 38, 67, 0.4) 70%, rgba(54, 68, 104, 0.6)), rgba(71, 77, 123, 0.045);
}
@media (max-width: 1728px) {
  .section-counters-new__home-type .counter-item {
    padding-top: calc(25rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-counters-new__home-type .counter-item {
    padding-bottom: calc(25rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 575px) {
  .section-counters-new__home-type .counter-item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.section-counters-new__home-type .counter {
  font-size: calc(62rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media (max-width: 1728px) {
  .section-counters-new__home-type .counter {
    font-size: calc(46rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 575px) {
  .section-counters-new__home-type .counter {
    padding-right: 8px;
    width: 50%;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .section-counters-new__home-type .counter {
    line-height: 1.07;
  }
}
.section-counters-new__home-type .counter-info {
  font-size: calc(24rem / 16);
  text-transform: none;
  color: #e5e7ff;
  line-height: 1.34;
  letter-spacing: 0.02em;
  margin-top: 7px;
}
@media (max-width: 1728px) {
  .section-counters-new__home-type .counter-info {
    font-size: calc(16rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 575px) {
  .section-counters-new__home-type .counter-info {
    margin-top: 0;
    padding-left: 8px;
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .section-counters-new__home-type .counter-info {
    letter-spacing: normal;
    line-height: normal;
  }
}
@media only screen and (max-width: 575px) {
  .section-counters-new__home-type .br-for-desktop {
    display: none;
  }
}
@media only screen and (min-width: 576px) {
  .section-counters-new__home-type .br-for-mobile {
    display: none;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-trusted {
  padding-top: calc(105rem / 16);
  padding-bottom: calc(135rem / 16);
  position: relative;
  background-color: #000;
  background-size: cover;
  background-position: center bottom;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-trusted {
    padding-top: calc(95rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-trusted {
    padding-bottom: calc(145rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-trusted__wrapper {
  max-width: 1382px;
}
@media only screen and (min-width: 768px) {
  .section-trusted {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (orientation: portrait) {
  .section-trusted {
    background-image: url("../images/home-page/section-trusted/bg-portrait.svg");
  }
}
@media screen and (orientation: landscape) {
  .section-trusted {
    background-image: url("../images/home-page/section-trusted/bg-landscape.svg");
  }
}
.section-trusted__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  pointer-events: none;
  background-color: #0B1023;
  opacity: 0;
}
.section-trusted .section-title {
  font-size: calc(72rem / 16);
  position: relative;
  z-index: 2;
  transition: 1s;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-align: center;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .section-trusted .section-title {
    font-size: calc(40rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-trusted .section-title {
    line-height: normal;
  }
}
.section-trusted .section-title span {
  transition: 1s;
}
@media only screen and (max-width: 767px) {
  .section-trusted .section-title span.text-shadow {
    text-shadow: 0 0 10px #f1f0ff, 0 4px 4px rgba(255, 255, 255, 0.25);
  }
}
.section-trusted .section-title span.text-shadow.active {
  text-shadow: 0 0 10px #f1f0ff, 0 4px 4px rgba(255, 255, 255, 0.25);
}
.section-trusted__wrap-animate-text {
  font-size: calc(40rem / 16);
  margin-top: calc(93rem / 16);
  margin-top: 90px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  position: relative;
  margin-inline: auto;
  z-index: 2;
  letter-spacing: 0.02em;
  line-height: normal;
  text-align: center;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .section-trusted__wrap-animate-text {
    font-size: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-trusted__wrap-animate-text {
    margin-top: calc(90rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-trusted__wrap-animate-text span:nth-child(2) {
  translate: 0 50px;
  transition: translate 1s ease;
}
@media only screen and (min-width: 768px) {
  .section-trusted__wrap-animate-text span:nth-child(2) {
    translate: 0 70px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.page-careers .section-checkmarx-for {
  padding-top: calc(114rem / 16);
  padding-bottom: calc(110rem / 16);
}
@media (max-width: 1728px) {
  .page-careers .section-checkmarx-for {
    padding-top: calc(90rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-careers .section-checkmarx-for {
    padding-bottom: calc(80rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

@media only screen and (max-width: 767px) {
  .page-sign-up .section-checkmarx-for .section-description-top {
    line-height: 0.9445;
  }
}
.page-sign-up .section-checkmarx-for .section-description {
  color: rgba(14, 15, 17, 0.6);
}
.page-sign-up .section-checkmarx-for .wrap-top-title {
  max-width: 555px;
}
.page-sign-up .section-checkmarx-for .wrap-top-title .link-to-more {
  display: none;
}
@media only screen and (min-width: 768px) {
  .page-sign-up .section-checkmarx-for .wrap-top-title .link-to-more {
    display: flex;
  }
}
.page-sign-up .section-checkmarx-for .card-preview__title {
  font-size: calc(20rem / 16);
  margin-bottom: calc(16rem / 16);
  letter-spacing: 0;
}
@media (max-width: 1728px) {
  .page-sign-up .section-checkmarx-for .card-preview__title {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-sign-up .section-checkmarx-for .card-preview__title {
    margin-bottom: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .page-sign-up .section-checkmarx-for .card-preview__title {
    line-height: 0.945;
  }
}
.page-sign-up .section-checkmarx-for .card-preview p {
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 768px) {
  .page-sign-up .section-checkmarx-for .card-preview p {
    letter-spacing: 0.05em;
  }
}

.section-checkmarx-for {
  padding-top: calc(130rem / 16);
  padding-bottom: calc(135rem / 16);
}
@media (max-width: 1728px) {
  .section-checkmarx-for {
    padding-top: calc(65rem / 16 + 65 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-checkmarx-for {
    padding-bottom: calc(80rem / 16 + 55 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1200px) {
  .section-checkmarx-for .wrap-top-title {
    max-width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .section-checkmarx-for .section-title {
    padding-top: 10px;
  }
}
.section-checkmarx-for .main-wrapper {
  max-width: 1510px;
}
.section-checkmarx-for .section-checkmarx-for__wrap-cards:has(.card-creative-hover) {
  max-width: 855px;
}
@media only screen and (max-width: 767px) {
  .section-checkmarx-for .section-checkmarx-for__wrap-cards:has(.card-creative-hover) {
    margin-top: -20px;
    margin-left: -20px;
    width: calc(100% + 20px);
  }
}
@media only screen and (min-width: 768px) {
  .section-checkmarx-for .section-checkmarx-for__wrap-cards:has(.card-creative-hover) {
    margin-inline: -15px;
  }
}
.section-checkmarx-for .swiper-slide:has(.card-creative-hover) {
  padding-inline: 15px;
}
@media only screen and (max-width: 767px) {
  .section-checkmarx-for .swiper-slide:has(.card-creative-hover) {
    padding-block: 20px;
  }
}
.section-checkmarx-for .tabs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-right: -20px;
}
@media only screen and (max-width: 767px) {
  .section-checkmarx-for .tabs {
    margin-left: -20px;
  }
}
@media only screen and (min-width: 768px) {
  .section-checkmarx-for .tabs {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section-checkmarx-for .tabs {
    flex-wrap: nowrap;
    gap: 100px;
  }
}
.section-checkmarx-for .tabs .tabs-content-wrap {
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .section-checkmarx-for .tabs .tabs-content-wrap {
    margin-top: -140px;
    max-width: 650px;
  }
}
@media only screen and (min-width: 1350px) {
  .section-checkmarx-for .tabs .tabs-content-wrap {
    max-width: 826px;
  }
}
.section-checkmarx-for .tabs__caption {
  gap: calc(18rem / 16);
  padding-top: calc(20rem / 16);
  flex-direction: row;
  align-items: flex-start;
  padding-right: 10px;
}
@media (max-width: 1728px) {
  .section-checkmarx-for .tabs__caption {
    gap: calc(12rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-checkmarx-for .tabs__caption {
    padding-top: calc(10rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-checkmarx-for .tabs__caption {
    padding-left: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .section-checkmarx-for .tabs__caption {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section-checkmarx-for .tabs__caption {
    flex-direction: column;
  }
}
.section-checkmarx-for .tabs__caption li {
  padding-block: calc(13rem / 16);
  padding-inline: calc(33rem / 16);
  border-radius: calc(18rem / 16);
  font-size: calc(40rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
  color: #6b34fd;
  border: 1.5px solid #6b34fd;
  transition: color 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 1728px) {
  .section-checkmarx-for .tabs__caption li {
    padding-block: calc(11rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-checkmarx-for .tabs__caption li {
    padding-inline: calc(20rem / 16 + 13 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-checkmarx-for .tabs__caption li {
    border-radius: calc(10rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-checkmarx-for .tabs__caption li {
    font-size: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-checkmarx-for .tabs__caption li {
    border-width: 3px;
  }
}
.section-checkmarx-for .tabs__caption li:hover, .section-checkmarx-for .tabs__caption li.active {
  color: #fcf9fe;
  background-color: #6b34fd;
}
.section-checkmarx-for .link-to-more {
  display: flex;
  margin-top: 35px;
}
@media only screen and (min-width: 1200px) {
  .section-checkmarx-for .link-to-more {
    margin-left: 10px;
    margin-top: -25px;
  }
}

.slider-checkmarx-for {
  max-width: 100%;
}
.slider-checkmarx-for.swiper-grid {
  --mBlock: 15px;
}
.slider-checkmarx-for .card-preview {
  height: 100%;
}

.section-checkmarx-for__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 50px;
  row-gap: 45px;
  padding-inline: 20px 0;
}
.section-checkmarx-for__wrapper.without-slider {
  padding-inline: 20px;
}
.section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more {
  margin-left: 0;
  margin-top: 10px;
  font-weight: 500;
  font-size: 1.125rem;
  letter-spacing: 0.02em;
  color: #0E0F11;
}
.section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .arrow-css,
.section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover b, .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .table-careers thead th.sorted i, .table-careers thead th.sorted .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover i, .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover i, .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .marketecture-mobile-item-open__body li i, .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover i, .marketecture-mobile-item-close__body li .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover i, .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover b, .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .section-checkmarx-for__wrapper.without-slider .wrap-top-title .link-to-more:hover b {
  border-color: #0E0F11;
}
@media only screen and (min-width: 768px) {
  .section-checkmarx-for__wrapper {
    padding-inline: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-checkmarx-for__wrapper {
    flex-wrap: nowrap;
  }
}
.section-checkmarx-for__wrapper .wrap-top-title {
  max-width: 565px;
  width: 100%;
  padding-right: 20px;
}
.section-checkmarx-for__wrapper .wrap-top-title .link-to-more {
  margin-left: 0;
  margin-top: 45px;
}
.section-checkmarx-for__wrapper .section-title + .btn,
.section-checkmarx-for__wrapper .section-registration .hbsp-form .hs-submit .section-title + .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-checkmarx-for__wrapper .section-title + .wrap-btn-hbsp-submit,
.section-checkmarx-for__wrapper .section-description + .btn,
.section-checkmarx-for__wrapper .section-registration .hbsp-form .hs-submit .section-description + .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-checkmarx-for__wrapper .section-description + .wrap-btn-hbsp-submit {
  margin-top: 35px;
}
.section-checkmarx-for__wrap-cards {
  max-width: 100%;
  width: 100%;
  margin-top: -10px;
}
@media only screen and (min-width: 1200px) {
  .section-checkmarx-for__wrap-cards {
    max-width: 715px;
  }
}
@media only screen and (min-width: 1400px) {
  .section-checkmarx-for__wrap-cards {
    max-width: 815px;
  }
}

.light-theme .card-preview {
  background-color: #f8f8f8;
  color: #000;
}
.light-theme .card-preview__small-card {
  box-shadow: none;
}
.light-theme .link-to-more {
  color: #0E0F11;
}
.light-theme .link-to-more .arrow-css,
.light-theme .link-to-more .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .light-theme .link-to-more b, .light-theme .link-to-more .table-careers thead th.sorted i, .table-careers thead th.sorted .light-theme .link-to-more i, .light-theme .link-to-more .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .light-theme .link-to-more i, .light-theme .link-to-more .marketecture-mobile-item-open__body li i, .light-theme .link-to-more .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .light-theme .link-to-more i, .marketecture-mobile-item-close__body li .light-theme .link-to-more i, .light-theme .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .light-theme .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .light-theme .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .light-theme .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .light-theme .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .light-theme .link-to-more b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .light-theme .link-to-more b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .light-theme .link-to-more b, .light-theme .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .light-theme .link-to-more b {
  border-color: #0E0F11;
}
.light-theme .link-to-more:hover {
  color: #401EFF;
}
.light-theme .link-to-more:hover .arrow-css,
.light-theme .link-to-more:hover .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .light-theme .link-to-more:hover b, .light-theme .link-to-more:hover .table-careers thead th.sorted i, .table-careers thead th.sorted .light-theme .link-to-more:hover i, .light-theme .link-to-more:hover .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .light-theme .link-to-more:hover i, .light-theme .link-to-more:hover .marketecture-mobile-item-open__body li i, .light-theme .link-to-more:hover .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .light-theme .link-to-more:hover i, .marketecture-mobile-item-close__body li .light-theme .link-to-more:hover i, .light-theme .link-to-more:hover .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .light-theme .link-to-more:hover .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .light-theme .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .light-theme .link-to-more:hover .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .light-theme .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .light-theme .link-to-more:hover b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .light-theme .link-to-more:hover b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .light-theme .link-to-more:hover b, .light-theme .link-to-more:hover .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .light-theme .link-to-more:hover b {
  border-color: #401EFF;
}

.card-preview {
  background-color: #222325;
  border-radius: 20px;
  padding: 38px 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1350px) {
  .card-preview {
    padding: 36px 43px 43px;
  }
}
.card-preview.bg {
  padding-bottom: 60%;
  background-repeat: no-repeat;
  background-size: calc(100% - 30px);
  background-position: right bottom;
}
@media only screen and (min-width: 768px) {
  .card-preview.bg {
    padding-bottom: 62%;
  }
}
.card-preview__icon {
  width: 23px;
  height: 23px;
  border-radius: 3px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0fe;
  margin-bottom: 13px;
}
@media only screen and (min-width: 768px) {
  .card-preview__icon {
    width: 20px;
    height: 20px;
  }
}
.card-preview__title {
  font-size: calc(22rem / 16);
  font-weight: 500;
  margin-bottom: 5px;
}
@media (max-width: 1728px) {
  .card-preview__title {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-preview__title {
    letter-spacing: 0.02em;
    margin-bottom: 10px;
  }
}
.card-preview p {
  font-size: 1.125rem;
  padding-bottom: 15px;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .card-preview p {
    letter-spacing: 0.02em;
    line-height: 1.4;
  }
}
.card-preview__small-card {
  --size-small-card: 125px;
  margin-top: 10px;
  position: relative;
  height: var(--size-small-card);
  max-width: var(--size-small-card);
  border-radius: 12px;
  border: 0.966px solid #e6e6e6;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 18px 18px 0px rgba(0, 0, 0, 0.09), 0px 40px 24px 0px rgba(0, 0, 0, 0.05), 0px 71px 29px 0px rgba(0, 0, 0, 0.01), 0px 111px 31px 0px rgba(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  overflow: hidden;
}
.card-preview__small-card img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .card-preview__small-card {
    --size-small-card: 162px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1350px) {
  .card-preview__small-card {
    margin-top: 45px;
  }
}
.card-preview__small-card p {
  color: rgba(14, 15, 17, 0.5);
  font-size: 0.75rem;
  text-align: center;
  padding-bottom: 0;
}
.card-preview__small-card p.text-with-arrow {
  position: relative;
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  .card-preview__small-card p.text-with-arrow {
    margin-top: 40px;
    font-size: 0.9375rem;
  }
}
.card-preview__small-card p.text-with-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  display: block;
  width: 13px;
  height: 16px;
  background-image: url("../images/section-checkmarx-for/icon-arrow.svg");
  background-size: 100%;
}

.card-preview-2-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}
@media only screen and (min-width: 768px) {
  .card-preview-2-list {
    gap: 30px;
  }
}
.card-preview-2-list .card-preview-2 {
  width: calc(50% - 5px);
}
@media only screen and (min-width: 768px) {
  .card-preview-2-list .card-preview-2 {
    width: calc(50% - 15px);
  }
}

.card-preview-2 {
  border-radius: 20px;
  padding: 0;
  color: #0E0F11;
}
@media only screen and (min-width: 768px) {
  .card-preview-2 {
    background: #f8f8f8;
    text-align: center;
    padding: 25px 15px 30px;
  }
}
.card-preview-2__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 20px;
}
.card-preview-2__bg {
  margin-bottom: calc(16rem / 16);
  aspect-ratio: 1/0.61;
  width: 100%;
  height: 225px;
  border-radius: 20px;
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1728px) {
  .card-preview-2__bg {
    margin-bottom: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-preview-2__bg {
    background: none;
    height: auto;
  }
}
.card-preview-2__bg img {
  max-width: 70%;
}
@media only screen and (max-width: 767px) {
  .card-preview-2__text-wrap {
    padding-right: 5px;
  }
}
.card-preview-2__title {
  font-size: calc(40rem / 16);
  margin-bottom: calc(5rem / 16);
  font-weight: 500;
}
@media (max-width: 1728px) {
  .card-preview-2__title {
    font-size: calc(18rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-preview-2__title {
    margin-bottom: calc(0rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-preview-2__description {
  font-size: calc(18rem / 16);
  line-height: 1.38;
  letter-spacing: 0.02em;
  opacity: 0.8;
}
@media (max-width: 1728px) {
  .card-preview-2__description {
    font-size: calc(14rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-preview-2__description {
    opacity: 0.6;
  }
}
.card-preview-2 .btn,
.card-preview-2 .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-preview-2 .wrap-btn-hbsp-submit {
  font-size: calc(18rem / 16);
  margin-top: calc(60rem / 16);
  padding-block: calc(20rem / 16);
  padding-inline: calc(45rem / 16);
  min-width: 100%;
}
@media (max-width: 1728px) {
  .card-preview-2 .btn,
  .card-preview-2 .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-preview-2 .wrap-btn-hbsp-submit {
    font-size: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-preview-2 .btn,
  .card-preview-2 .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-preview-2 .wrap-btn-hbsp-submit {
    margin-top: calc(0rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-preview-2 .btn,
  .card-preview-2 .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-preview-2 .wrap-btn-hbsp-submit {
    padding-block: calc(10rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-preview-2 .btn,
  .card-preview-2 .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-preview-2 .wrap-btn-hbsp-submit {
    padding-inline: calc(25rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-preview-2 .btn,
  .card-preview-2 .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-preview-2 .wrap-btn-hbsp-submit {
    min-width: 205px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.tabs__content {
  display: none;
}

.tabs__content.active {
  display: block;
}

.tabs__caption {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 20px;
  padding-top: 20px;
}
.tabs__caption li {
  color: #555;
  cursor: pointer;
  letter-spacing: -0.5px;
}
.tabs__caption .active {
  position: relative;
}
.tabs__caption .active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.section-key-differentiators {
  padding-top: calc(105rem / 16);
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-key-differentiators {
    padding-top: calc(56rem / 16 + 49 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-key-differentiators {
    padding-bottom: calc(100rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-key-differentiators .section-description-top {
  line-height: 1.1819;
}
.section-key-differentiators .section-title {
  padding-top: calc(0rem / 16);
  padding-bottom: calc(45rem / 16);
}
@media (max-width: 1728px) {
  .section-key-differentiators .section-title {
    padding-top: calc(10rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-key-differentiators .section-title {
    padding-bottom: calc(22rem / 16 + 23 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-key-differentiators .wrapper-slider {
  padding-top: calc(120rem / 16);
  max-width: 1700px;
  padding-right: 0;
}
@media (max-width: 1728px) {
  .section-key-differentiators .wrapper-slider {
    padding-top: calc(95rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1200px) {
  .section-key-differentiators .wrapper-slider {
    padding-right: 30px;
  }
}
.section-key-differentiators__content-top {
  max-width: 560px;
}

.slider-key-differentiators .swiper-slide {
  height: auto;
}
.slider-key-differentiators .card-preview-hover {
  height: 100%;
}

.card-preview-hover {
  --radius: 20px;
  position: relative;
  width: 100%;
  border-radius: var(--radius);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.card-preview-hover:hover .overlay-border {
  opacity: 1;
}
.card-preview-hover:hover .link-to-more {
  visibility: visible;
  opacity: 1;
}
.card-preview-hover .overlay-border {
  opacity: 0;
  border-radius: 20px;
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, #8B76FB, #938FAF);
  transition: opacity 0.4s ease-in-out;
}
.card-preview-hover .overlay-border::after {
  content: "";
  display: block;
  position: absolute;
  inset: 1px;
  border-radius: var(--radius);
  background-image: linear-gradient(45deg, rgb(27, 28, 29), rgb(45, 46, 48));
}
.card-preview-hover__top {
  height: 100%;
  padding: 27px 25px 0;
  background-color: #5f43fb;
}
@media only screen and (min-width: 1350px) {
  .card-preview-hover__top {
    padding: 53px 40px 0;
  }
}
.card-preview-hover__content {
  padding-bottom: calc(50rem / 16);
  position: relative;
}
@media (max-width: 1728px) {
  .card-preview-hover__content {
    padding-bottom: calc(45rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-preview-hover__content .link-to-more {
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 5px;
  transition: gap 0.3s ease, color 0.3s ease, opacity 0.5s ease, visibility 0.5s ease;
}
.card-preview-hover__counter {
  font-size: calc(14rem / 16);
  margin-bottom: calc(30rem / 16);
  color: #0e0f11;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  background-color: #fefefe;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 1728px) {
  .card-preview-hover__counter {
    font-size: calc(12rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-preview-hover__counter {
    margin-bottom: calc(12rem / 16 + 18 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-preview-hover__counter {
    width: 36px;
    height: 36px;
  }
}
.card-preview-hover__title {
  font-size: calc(22rem / 16);
  padding-bottom: calc(0rem / 16);
  line-height: 1.18182;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
@media (max-width: 1728px) {
  .card-preview-hover__title {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-preview-hover__title {
    padding-bottom: calc(2rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-preview-hover p {
  font-size: 1.125rem;
  letter-spacing: 0.01em;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .card-preview-hover p {
    letter-spacing: 0.02em;
    line-height: 1.4;
  }
}
.card-preview-hover__bottom {
  background-size: cover;
  background-position: center;
  padding-top: 46%;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-scheme {
  padding-top: calc(125rem / 16);
  padding-bottom: calc(80rem / 16);
  --radius: 12px;
}
@media (max-width: 1728px) {
  .section-scheme {
    padding-top: calc(50rem / 16 + 75 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-scheme {
    padding-bottom: calc(70rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-scheme__content-top {
  max-width: 700px;
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) {
  .section-scheme__content-top {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-scheme__content-top {
    margin-bottom: 125px;
  }
}
.section-scheme__content-top .btn,
.section-scheme__content-top .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-scheme__content-top .wrap-btn-hbsp-submit {
  margin-top: 20px;
  padding-block: 18px;
}
@media only screen and (min-width: 576px) {
  .section-scheme__content-top .btn,
  .section-scheme__content-top .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-scheme__content-top .wrap-btn-hbsp-submit {
    margin-top: 28px;
    padding-block: 20px;
  }
}
.section-scheme .section-title {
  padding-top: 10px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1025px) {
  .section-scheme .section-title {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
.section-scheme .section-description {
  max-width: 310px;
}
@media only screen and (min-width: 576px) {
  .section-scheme .section-description {
    max-width: 570px;
  }
}
.section-scheme__wrapper {
  --gap-scheme-menu: 10px;
  max-width: 1640px;
  display: flex;
  gap: var(--gap-scheme-menu);
  flex-direction: column;
  padding-inline: 0;
}
@media only screen and (min-width: 768px) {
  .section-scheme__wrapper {
    --gap-scheme-menu: 30px;
    padding-inline: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-scheme__wrapper {
    --gap-scheme-menu: 61px;
    flex-direction: row;
  }
}
.section-scheme__scheme-block {
  width: 100%;
  border-radius: var(--radius);
  padding: 15px 0 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-scheme__scheme-block {
    padding: 15px 20px 0px;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(201.3333587646px);
  }
}
@media only screen and (min-width: 992px) {
  .section-scheme__scheme-block {
    padding: 15px 30px 18px;
  }
}
.section-scheme__scheme-block .circle-bg-gradient {
  border-radius: 12px;
}
.section-scheme__scheme-block .circle-bg-gradient .circle-bg-gradient__children {
  --w-circle: 200%;
  --h-circle: 1261px;
  right: -50%;
  bottom: 0%;
  width: 200%;
  height: 65%;
}
@media only screen and (min-width: 768px) {
  .section-scheme__scheme-block .circle-bg-gradient .circle-bg-gradient__children {
    --w-circle: 1462px;
    --h-circle: 1261px;
    right: -30%;
    bottom: -90%;
    width: 113%;
    height: 190%;
  }
}
.section-scheme__menu_wrap {
  background-image: linear-gradient(to bottom, #3d31a0, #191a21);
  border-radius: 5px;
  padding-inline: 25px;
  position: relative;
  text-align: center;
  padding-block: 5px 10px;
  margin-inline: 20px;
}
@media only screen and (min-width: 576px) {
  .section-scheme__menu_wrap {
    border-radius: var(--radius);
  }
}
@media only screen and (min-width: 768px) {
  .section-scheme__menu_wrap {
    padding-block: 15px;
    margin-inline: 0;
  }
}
@media only screen and (min-width: 992px) {
  .section-scheme__menu_wrap {
    padding-block: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-scheme__menu_wrap {
    width: 209px;
    min-width: 209px;
    text-align: left;
  }
  .section-scheme__menu_wrap::before {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background-color: #1b1b22;
    position: absolute;
    top: 0;
    right: calc(100% + var(--gap-scheme-menu) / 2);
  }
}
.section-scheme__menu {
  margin-top: calc(15rem / 16);
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 5px;
  max-width: 300px;
}
@media (max-width: 1728px) {
  .section-scheme__menu {
    margin-top: calc(0rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 576px) {
  .section-scheme__menu {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .section-scheme__menu {
    justify-content: flex-start;
  }
}
.section-scheme__menu_title {
  font-size: calc(18rem / 16);
  font-weight: 500;
  color: #fff;
}
@media (max-width: 1728px) {
  .section-scheme__menu_title {
    font-size: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-scheme__menu_link {
  display: block;
  color: #f8f8f8;
  opacity: 0.7;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) {
  .section-scheme__menu_link {
    letter-spacing: 0.05em;
  }
}
.section-scheme__menu_link:hover {
  opacity: 1;
}

.sheme-title {
  position: relative;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  padding: 12px 25px;
  margin-inline: 20px;
}
@media only screen and (min-width: 768px) {
  .sheme-title {
    padding: 15px 25px;
    letter-spacing: 0.05em;
    margin-inline: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .sheme-title {
    padding: 23px 25px;
  }
}
.sheme-title__border {
  margin-block: 10px;
  background-image: url("../images/border-gradient-mob.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99% 99%;
}
@media only screen and (max-width: 767px) {
  .sheme-title__border_mob-big {
    margin-top: 0;
    padding-block: 20px;
  }
  .sheme-title__border:last-of-type {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) {
  .sheme-title__border {
    background-size: 100% 100%;
    background-image: url("../images/border-gradient.webp");
  }
}
@media only screen and (min-width: 768px) {
  .sheme-title__border {
    margin-block: 20px;
    background-size: 100% 100%;
  }
}
.sheme-title__bg {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  border-radius: var(--radius);
  margin-block: 12px;
  background-color: #27282b;
}

.scheme-item-title {
  display: flex;
  justify-content: center;
  padding-inline: 20px;
}
@media only screen and (min-width: 768px) {
  .scheme-item-title {
    padding-inline: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .scheme-item-title {
    margin-top: 60px;
  }
}
.scheme-item-title .scheme-item {
  position: relative;
  background-color: #f0f0f0;
  color: #000;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  margin-inline: auto;
  padding-block: 12px;
  padding-inline: 25px 25px;
  height: auto;
  border-radius: 5px;
  width: 100%;
  max-width: 350px;
}
@media only screen and (min-width: 1200px) {
  .scheme-item-title .scheme-item {
    justify-content: flex-start;
    width: auto;
    max-width: none;
    height: 80px;
    padding-block: 5px 10px;
    padding-inline: 10px 30px;
    border-radius: 10px;
    text-align: left;
  }
}

.wrap-sheme-list {
  --h-lines-bg: 40px;
  position: relative;
  padding-top: var(--h-lines-bg);
  max-width: 1180px;
  margin-inline: auto;
  padding-bottom: 30px;
  padding-inline: 20px;
}
@media only screen and (min-width: 768px) {
  .wrap-sheme-list {
    --h-lines-bg: 65px;
    padding-inline: 0;
  }
}
@media only screen and (min-width: 992px) {
  .wrap-sheme-list {
    --h-lines-bg: 85px;
  }
}
@media only screen and (min-width: 1200px) {
  .wrap-sheme-list {
    padding-bottom: 55px;
    --h-lines-bg: 115px;
  }
}

.scheme-list-lines-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/bg-lines-sheme-mob.webp");
  background-size: 42px 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 42px;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .scheme-list-lines-bg {
    width: 90%;
    height: var(--h-lines-bg);
    background-image: url("../images/bg-lines-sheme.webp");
    background-size: 100% 100%;
  }
}

.scheme-list {
  --color-1: #a493ff;
  --color-2: #a493ff;
  --color-3: #8771ff;
  --color-4: #8771ff;
  --color-5: #5138d3;
  --color-6: #5138d3;
  --color-7: #352685;
  --color-8: #352685;
  --gap: 42px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: var(--gap);
  row-gap: 12px;
}
@media only screen and (min-width: 768px) {
  .scheme-list {
    --color-1: #f0f0f0;
    --color-2: #c1b6ff;
    --color-3: #9c8afc;
    --color-4: #6d52fc;
    --color-5: #5f43fb;
    --color-6: #5138d3;
    --color-7: #402ea6;
    --color-8: #352685;
  }
}
.scheme-list li:nth-child(1) .scheme-item {
  background-color: var(--color-1);
}
.scheme-list li:nth-child(2) .scheme-item {
  background-color: var(--color-2);
}
.scheme-list li:nth-child(3) .scheme-item {
  background-color: var(--color-3);
}
.scheme-list li:nth-child(4) .scheme-item {
  background-color: var(--color-4);
}
.scheme-list li:nth-child(5) .scheme-item {
  background-color: var(--color-5);
}
.scheme-list li:nth-child(6) .scheme-item {
  background-color: var(--color-6);
}
.scheme-list li:nth-child(7) .scheme-item {
  background-color: var(--color-7);
}
.scheme-list li:nth-child(8) .scheme-item {
  background-color: var(--color-8);
}
.scheme-list li:nth-child(1) .scheme-item {
  color: #000;
}
@media only screen and (min-width: 768px) {
  .scheme-list {
    --gap: 5px;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1025px) {
  .scheme-list {
    --gap: 13px;
  }
}
.scheme-list li {
  width: calc(50% - var(--gap) / 2);
}
@media only screen and (min-width: 768px) {
  .scheme-list li {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .scheme-list li + li .scheme-item {
    position: relative;
  }
  .scheme-list li + li .scheme-item::before {
    content: "";
    display: block;
    width: var(--gap);
    height: 1px;
    background-color: #fff;
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 100%;
  }
}

.scheme-item {
  font-size: calc(18rem / 16);
  display: flex;
  align-items: flex-end;
  padding: 8px 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  transition: transform 0.3s ease, border-color 0.3s ease;
  border: 1px solid rgba(204, 204, 204, 0);
}
@media (max-width: 1728px) {
  .scheme-item {
    font-size: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.scheme-item:hover {
  border-color: #cccccc;
}
@media only screen and (min-width: 768px) {
  .scheme-item {
    padding: 5px 10px 10px;
    border-radius: 10px;
    height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .scheme-item {
    height: 80px;
  }
}

.dev-steps__wrapper {
  max-width: 1580px;
}

.dev-steps {
  font-size: calc(18rem / 16);
  border-top: 3px solid rgba(100, 100, 100, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  font-weight: 500;
  color: rgba(254, 254, 254, 0.6);
  padding: 15px 6px;
  margin-top: 25px;
  letter-spacing: 0.05em;
}
@media (max-width: 1728px) {
  .dev-steps {
    font-size: calc(12rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .dev-steps {
    letter-spacing: inherit;
    border-top: 4px solid rgba(194, 194, 194, 0.4);
    padding: 20px 6px;
  }
}
@media only screen and (min-width: 992px) {
  .dev-steps {
    flex-direction: row;
    justify-content: flex-start;
    gap: 0;
    margin-top: 53px;
  }
}
.dev-steps__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 8px;
  width: 100%;
  max-width: 540px;
}
@media only screen and (min-width: 768px) {
  .dev-steps__list {
    flex-wrap: nowrap;
    justify-content: space-between;
    row-gap: 0;
    max-width: none;
  }
}
.dev-steps__list li {
  text-align: center;
  padding-inline: 15px;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .dev-steps__list li {
    width: 100%;
  }
}
.dev-steps__list li:not(:has(+ li)) {
  text-align: right;
}
.dev-steps__list li:not(:last-child) {
  position: relative;
}
.dev-steps__list li:not(:last-child)::before {
  content: "";
  display: block;
  width: 6px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -4px;
  background-image: url("../images/icon-vector-rigth.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 768px) {
  .dev-steps__list li:not(:last-child)::before {
    width: 9px;
    height: 6px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

.swiper-pagination-bullets {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .swiper-pagination-bullets {
    margin-top: 60px;
  }
}

.swiper-pagination-bullet {
  --size: 8px;
  --color-bullet: #121185;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-bullet);
  opacity: 0.6;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
.swiper-pagination-bullet:last-child, .swiper-pagination-bullet:first-child {
  opacity: 0.2;
}
.swiper-pagination-bullet:has(+ .swiper-pagination-bullet-active) {
  opacity: 0.6;
}

.light-theme .swiper-pagination-bullet-active {
  background-color: var(--color-bullet);
}

.swiper-pagination-bullet-active {
  background-color: var(--color-bullet);
  opacity: 1 !important;
}
.swiper-pagination-bullet-active + .swiper-pagination-bullet {
  opacity: 0.6;
}

.slider-navigation-right-type {
  --sizeBtn: 32px;
  display: inline-flex;
  align-items: center;
  gap: 27px;
}
.slider-navigation-right-type .swiper-button-prev, .slider-navigation-right-type .swiper-button-next {
  padding: 0;
  position: static;
  background: none;
  background-image: url("../images/icon-arrow-slider-right-type.svg");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
  transition: opacity 0.3s ease;
}
.slider-navigation-right-type .swiper-button-prev {
  transform: rotate(180deg);
}
.slider-navigation-right-type .swiper-button-next {
  transform: rotate(0deg);
}

.swiper-button-prev, .swiper-button-next {
  width: var(--sizeBtn);
  height: var(--sizeBtn);
  border-radius: 50%;
  border: none;
  background-color: #fbfbfd;
}
.swiper-button-prev.swiper-button-disabled svg, .swiper-button-next.swiper-button-disabled svg {
  fill: rgba(0, 1, 21, 0.5);
}
.swiper-button-prev:hover svg, .swiper-button-next:hover svg {
  transform: translateX(-3px);
}
.swiper-button-prev svg, .swiper-button-next svg {
  --size: 35px;
  width: var(--size);
  height: var(--size);
  fill: #000115;
  transition: all 0.3s ease;
}
.swiper-button-prev::after, .swiper-button-next::after {
  display: none;
}
.swiper-button-next {
  transform: rotate(180deg);
}

.swiper-grid {
  --mBlock: 15px;
}
.swiper-grid .swiper-wrapper {
  flex-direction: row !important;
  row-gap: 0 !important;
}
.swiper-grid .swiper-slide {
  height: auto !important;
  margin-block: var(--mBlock) !important;
}

.swiper .swiper-slide {
  height: auto;
}
.swiper .swiper-slide > * {
  height: 100%;
}

.swiper [data-animate-text] {
  opacity: 0;
  transition: opacity 0.2s ease-out, transform 0.6s ease-out;
}
.swiper [data-animate-text=bottom] {
  transform: translate3d(0, 15px, 0);
}
.swiper [data-animate-bg] {
  opacity: 0.8;
  transition: opacity 0.2s cubic-bezier(0.73, -0.01, 0.33, 0.99), transform 1.5s cubic-bezier(0.73, -0.01, 0.33, 0.99);
}
.swiper [data-animate-bg=scale-right] {
  transform: scale(1.2);
}
@media only screen and (min-width: 768px) {
  .swiper [data-animate-bg=scale-right] {
    transform: scale(1.2) translate3d(50px, 0, 0);
  }
}
.swiper .swiper-slide-active [data-animate-text] {
  opacity: 1;
  transform: none;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}
.swiper .swiper-slide-active [data-animate-text]:nth-child(1) {
  transition-delay: 0.3s !important;
}
.swiper .swiper-slide-active [data-animate-text]:nth-child(2) {
  transition-delay: 0.6s !important;
}
.swiper .swiper-slide-active [data-animate-text].btn,
.swiper .swiper-slide-active .section-registration .hbsp-form .hs-submit [data-animate-text].wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .swiper .swiper-slide-active [data-animate-text].wrap-btn-hbsp-submit, .swiper .swiper-slide-active [data-animate-text].link-to-more {
  transition-delay: 1s !important;
  transition: opacity 0.5s ease-out transform 0.5s ease-out !important;
}
.swiper .swiper-slide-active [data-animate-bg] {
  opacity: 1;
  transform: none;
  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.73, -0.01, 0.33, 0.99) !important;
}

.swiper.is-touch-device [data-animate-text] {
  opacity: 1;
}
.swiper.is-touch-device [data-animate-text=bottom] {
  transform: translate3d(0, 0, 0);
}

.swiper-fade .swiper-slide {
  opacity: 0 !important;
}
.swiper-fade .swiper-slide-active {
  opacity: 1 !important;
}

.section-review.page-careers {
  padding-top: calc(210rem / 16);
}
@media (max-width: 1728px) {
  .section-review.page-careers {
    padding-top: calc(45rem / 16 + 165 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-review.title-center .section-review__top-text-wrapper {
  text-align: center;
  max-width: 615px;
}
.section-review__top-text-wrapper {
  padding-bottom: calc(115rem / 16);
}
@media (max-width: 1728px) {
  .section-review__top-text-wrapper {
    padding-bottom: calc(50rem / 16 + 65 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-review__wrapper {
  position: relative;
  max-width: 340px;
}
@media only screen and (min-width: 576px) {
  .section-review__wrapper {
    max-width: 1266px;
  }
}
.section-review.light-theme {
  background-color: rgb(254, 254, 254);
}

.page-service .section-review {
  padding-top: calc(125rem / 16);
  margin-top: -1px;
}
@media (max-width: 1728px) {
  .page-service .section-review {
    padding-top: calc(45rem / 16 + 80 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-service .section-review.section-light {
  background-color: #f8f8f8;
}
.page-service .section-review__top-text-wrapper {
  display: none;
}
@media only screen and (min-width: 768px) {
  .page-service .section-review__top-text-wrapper {
    display: block;
  }
}

.slider-review .swiper-slide {
  height: auto;
}
@media only screen and (min-width: 768px) {
  .slider-review .swiper-slide {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1025px) {
  .slider-review .swiper-slide {
    min-height: 510px;
  }
}
.slider-review__nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .slider-review__nav {
    --sizeBtn: 55px;
    --mInlineArrow: 120px;
    display: block;
    position: absolute;
    width: 90%;
    top: calc(100% - 20px);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1400px) {
  .slider-review__nav {
    --sizeBtn: 66px;
    top: calc(50% - 43px);
    width: calc(100% + var(--mInlineArrow));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) {
  .slider-review__nav {
    --mInlineArrow: 200px;
  }
}

.card-review {
  --wContent: 100%;
  --wLogo: 30%;
  --wText: 600px;
  --bg-content: #292b2e;
  --bg-logo: #255be3;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 462px;
}
@media only screen and (min-width: 768px) {
  .card-review {
    flex-direction: row;
    height: 100%;
  }
}
.card-review.with-logo, .card-review.with-bg-image {
  --wContent: 100%;
  --wLogo: 100%;
  --wBgImg: 100%;
  --wText: 500px;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .card-review.with-logo, .card-review.with-bg-image {
    --wContent: 57%;
    --wLogo: 43%;
    --wBgImg: 43%;
    flex-direction: row;
  }
}
.card-review__content {
  height: 100%;
  width: var(--wContent);
  background-color: var(--bg-content);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 34px;
  padding: 20px 25px 40px;
}
@media only screen and (min-width: 576px) {
  .card-review__content {
    padding: 45px 30px 45px 45px;
  }
}
@media only screen and (min-width: 768px) {
  .card-review__content {
    padding: 45px 20px 45px 35px;
    gap: 60px;
  }
}
@media only screen and (min-width: 1025px) {
  .card-review__content {
    padding: 55px 30px 55px 58px;
  }
}
.card-review__text {
  font-size: calc(22rem / 16);
  letter-spacing: 0.01em;
  max-width: var(--wText);
}
@media (max-width: 1728px) {
  .card-review__text {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-review__text {
    letter-spacing: 0.02em;
  }
}
.card-review__bg-image {
  width: var(--wBgImg);
  background-color: var(--bg-content);
  overflow: hidden;
}
.card-review__bg-image img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
.card-review__bg-image, .card-review__logo {
  height: 165px;
  min-height: 165px;
}
@media only screen and (min-width: 576px) {
  .card-review__bg-image, .card-review__logo {
    height: 200px;
    min-height: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .card-review__bg-image, .card-review__logo {
    height: inherit;
  }
}
.card-review__logo {
  width: var(--wLogo);
  background-color: var(--bg-logo);
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-review__logo img {
  max-width: 20%;
  max-height: 80px;
}
@media only screen and (min-width: 768px) {
  .card-review__logo img {
    max-width: 30%;
    max-height: 100px;
  }
}

.author {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .author {
    gap: 29px;
  }
}
.author__avatar {
  --size: 51px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
}
@media only screen and (min-width: 576px) {
  .author__avatar {
    --size: 61px;
  }
}
@media only screen and (min-width: 768px) {
  .author__avatar {
    --size: 84px;
  }
}
.author__name {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 1728px) {
  .author__name {
    font-size: calc(14rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.author__profesion {
  font-size: calc(18rem / 16);
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .author__profesion {
    font-size: calc(14rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .author__profesion {
    line-height: 1.2;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.card-post {
  --radius: 20px;
  font-size: 1.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--radius);
}
.card-post__bg {
  margin-bottom: calc(48rem / 16);
  aspect-ratio: 1/1.5;
  display: block;
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
}
@media (max-width: 1728px) {
  .card-post__bg {
    margin-bottom: calc(15rem / 16 + 33 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 576px) {
  .card-post__bg {
    aspect-ratio: 1/1.31;
  }
}
.card-post__bg .bg-el {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s ease;
}
.card-post__bg:hover .bg-el {
  transform: scale(1.05);
}
.card-post__title {
  font-size: calc(18rem / 16);
  margin-bottom: calc(10rem / 16);
  font-weight: 500;
  display: inline-block;
  color: rgba(14, 15, 17, 0.3) !important;
}
@media (max-width: 1728px) {
  .card-post__title {
    font-size: calc(14rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-post__title {
    margin-bottom: calc(0rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__description {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: normal;
  color: #0E0F11;
  display: inline-block;
  letter-spacing: 0.01em;
}
@media (max-width: 1728px) {
  .card-post__description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-post__description {
    letter-spacing: 0.02em;
  }
}
.card-post__info {
  font-size: 0.875rem;
  display: inline-flex;
  flex-wrap: nowrap;
  color: #b1b1b1;
  letter-spacing: 0.05em;
  gap: 13px;
}
.card-post__info:first-of-type {
  margin-top: 15px;
}
.card-post__info_icon-wrap {
  --size-wrap: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: var(--size-wrap);
  min-width: var(--size-wrap);
  height: var(--size-wrap);
}
.card-post .link-with-icon {
  margin-bottom: 0;
}
.card-post .link-to-more {
  --gap: calc(10rem / 16);
  font-size: 1.125rem;
  margin-top: 53px;
  gap: var(--gap);
  color: #8771FF;
}
@media (max-width: 1728px) {
  .card-post .link-to-more {
    --gap: calc(8rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post .link-to-more .arrow-css,
.card-post .link-to-more .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .card-post .link-to-more b, .card-post .link-to-more .table-careers thead th.sorted i, .table-careers thead th.sorted .card-post .link-to-more i, .card-post .link-to-more .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .card-post .link-to-more i, .card-post .link-to-more .marketecture-mobile-item-open__body li i, .card-post .link-to-more .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .card-post .link-to-more i, .marketecture-mobile-item-close__body li .card-post .link-to-more i, .card-post .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .card-post .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .card-post .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .card-post .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .card-post .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post .link-to-more b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post .link-to-more b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post .link-to-more b, .card-post .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post .link-to-more b {
  border-color: #8771FF;
}
.card-post .link-to-more:hover {
  gap: var(--gap);
  color: #401EFF;
}
.card-post .link-to-more:hover .arrow-css,
.card-post .link-to-more:hover .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .card-post .link-to-more:hover b, .card-post .link-to-more:hover .table-careers thead th.sorted i, .table-careers thead th.sorted .card-post .link-to-more:hover i, .card-post .link-to-more:hover .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .card-post .link-to-more:hover i, .card-post .link-to-more:hover .marketecture-mobile-item-open__body li i, .card-post .link-to-more:hover .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .card-post .link-to-more:hover i, .marketecture-mobile-item-close__body li .card-post .link-to-more:hover i, .card-post .link-to-more:hover .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .card-post .link-to-more:hover .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .card-post .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .card-post .link-to-more:hover .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .card-post .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post .link-to-more:hover b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post .link-to-more:hover b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post .link-to-more:hover b, .card-post .link-to-more:hover .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post .link-to-more:hover b {
  border-color: #401EFF;
}
.card-post__second-version, .card-post__third-version {
  --pInline: 36px;
  --radius: 20px;
  padding-bottom: calc(30rem / 16);
  border: 1px solid rgba(204, 204, 204, 0.5);
  padding-inline: var(--pInline);
  min-height: 420px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1728px) {
  .card-post__second-version, .card-post__third-version {
    padding-bottom: calc(25rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__second-version:hover, .card-post__third-version:hover {
  background-color: #f6f5ff;
}
@media only screen and (min-width: 768px) {
  .card-post__second-version, .card-post__third-version {
    min-height: auto;
  }
}
.card-post__second-version .card-post__bg, .card-post__third-version .card-post__bg {
  margin-bottom: calc(18rem / 16);
  aspect-ratio: 1/0.5051282051;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-inline: calc(var(--pInline) * -1);
}
@media (max-width: 1728px) {
  .card-post__second-version .card-post__bg, .card-post__third-version .card-post__bg {
    margin-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .card-post__second-version .card-post__bg, .card-post__third-version .card-post__bg {
    max-height: 12.8vw;
    width: calc(100% + 72px);
  }
}
.card-post__second-version .card-post__description, .card-post__third-version .card-post__description {
  margin-top: calc(0rem / 16);
}
@media (max-width: 1728px) {
  .card-post__second-version .card-post__description, .card-post__third-version .card-post__description {
    margin-top: calc(10rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__third-version {
  --radius: calc(20rem / 16);
  --pInline: calc(35rem / 16);
  padding-bottom: calc(32rem / 16);
  min-height: 300px;
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  background: #fff;
  border: none;
  align-items: flex-start;
}
@media (max-width: 1728px) {
  .card-post__third-version {
    --radius: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-post__third-version {
    --pInline: calc(30rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-post__third-version {
    padding-bottom: calc(25rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__third-version > div {
  width: 100%;
}
.card-post__third-version .card-post__bg {
  margin-bottom: calc(35rem / 16);
  aspect-ratio: 1/0.56;
}
@media (max-width: 1728px) {
  .card-post__third-version .card-post__bg {
    margin-bottom: calc(30rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-post__third-version .card-post__bg {
    aspect-ratio: 1/0.58;
  }
}
.card-post__third-version .card-post__title {
  font-size: calc(35rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #121185 !important;
  line-height: normal;
}
@media (max-width: 1728px) {
  .card-post__third-version .card-post__title {
    font-size: calc(24rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__third-version .btn,
.card-post__third-version .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-post__third-version .wrap-btn-hbsp-submit {
  margin-top: calc(8rem / 16);
  gap: 8px;
  margin-bottom: 10px;
  padding: 0;
}
@media (max-width: 1728px) {
  .card-post__third-version .btn,
  .card-post__third-version .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-post__third-version .wrap-btn-hbsp-submit {
    margin-top: calc(15rem / 16 + -7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__third-version .link-to-more {
  --gap: 6px;
  font-size: calc(18rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 11px;
}
@media (max-width: 1728px) {
  .card-post__third-version .link-to-more {
    font-size: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__third-version .link-to-more:hover {
  --gap: 10px;
}
.card-post__v4 {
  --pInline: 30px;
}
.card-post__v4.card-post__second-version, .card-post__v4.card-post__third-version {
  --radius: 12px;
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  min-height: 400px;
  border: none;
}
@media only screen and (min-width: 768px) {
  .card-post__v4.card-post__second-version, .card-post__v4.card-post__third-version {
    --pInline: 36px;
    --radius: 20px;
    min-height: auto;
  }
}
.card-post__v4.card-post__second-version .card-post__bg, .card-post__v4.card-post__third-version .card-post__bg {
  margin-bottom: calc(40rem / 16);
  margin-inline: calc((var(--pInline) + 0px) * -1);
  margin-top: -1px;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
@media (max-width: 1728px) {
  .card-post__v4.card-post__second-version .card-post__bg, .card-post__v4.card-post__third-version .card-post__bg {
    margin-bottom: calc(30rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__v4.card-post__second-version .card-post__title, .card-post__v4.card-post__third-version .card-post__title {
  color: #121185 !important;
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: 0.02em;
}
.card-post__v4.card-post__second-version .card-post__description, .card-post__v4.card-post__third-version .card-post__description {
  font-size: calc(24rem / 16);
  margin-top: calc(0rem / 16);
  color: #121185;
}
@media (max-width: 1728px) {
  .card-post__v4.card-post__second-version .card-post__description, .card-post__v4.card-post__third-version .card-post__description {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-post__v4.card-post__second-version .card-post__description, .card-post__v4.card-post__third-version .card-post__description {
    margin-top: calc(5rem / 16 + -5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__v4.card-post__second-version .link-to-more, .card-post__v4.card-post__third-version .link-to-more {
  font-size: calc(20rem / 16);
  margin-top: calc(50rem / 16);
  font-weight: 500;
  color: #6b34fd;
}
@media (max-width: 1728px) {
  .card-post__v4.card-post__second-version .link-to-more, .card-post__v4.card-post__third-version .link-to-more {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-post__v4.card-post__second-version .link-to-more, .card-post__v4.card-post__third-version .link-to-more {
    margin-top: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__v4.card-post__second-version .link-to-more .arrow-css,
.card-post__v4.card-post__second-version .link-to-more .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b, .card-post__v4.card-post__second-version .link-to-more .table-careers thead th.sorted i, .table-careers thead th.sorted .card-post__v4.card-post__second-version .link-to-more i, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .card-post__v4.card-post__second-version .link-to-more i, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-open__body li i, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .card-post__v4.card-post__second-version .link-to-more i, .marketecture-mobile-item-close__body li .card-post__v4.card-post__second-version .link-to-more i, .card-post__v4.card-post__third-version .link-to-more .arrow-css,
.card-post__v4.card-post__third-version .link-to-more .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b, .card-post__v4.card-post__third-version .link-to-more .table-careers thead th.sorted i, .table-careers thead th.sorted .card-post__v4.card-post__third-version .link-to-more i, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .card-post__v4.card-post__third-version .link-to-more i, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-open__body li i, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-open__body li .card-post__v4.card-post__third-version .link-to-more i, .marketecture-mobile-item-close__body li .card-post__v4.card-post__third-version .link-to-more i, .card-post__v4.card-post__second-version .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .card-post__v4.card-post__second-version .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .card-post__v4.card-post__second-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .card-post__v4.card-post__second-version .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .card-post__v4.card-post__second-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b, .card-post__v4.card-post__third-version .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .card-post__v4.card-post__third-version .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .card-post__v4.card-post__third-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .card-post__v4.card-post__third-version .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .card-post__v4.card-post__third-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b, .card-post__v4.card-post__second-version .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b, .card-post__v4.card-post__third-version .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b {
  border: none;
  padding: 0;
  transform: rotate(0);
  width: 18px;
  height: 17px;
}
.card-post__v4.card-post__second-version .link-to-more .arrow-css svg,
.card-post__v4.card-post__second-version .link-to-more .section-registration .hbsp-form .select2-selection__arrow b svg,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg, .card-post__v4.card-post__second-version .link-to-more .table-careers thead th.sorted i svg, .table-careers thead th.sorted .card-post__v4.card-post__second-version .link-to-more i svg, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-close__header i svg, .marketecture-mobile-item-close__header .card-post__v4.card-post__second-version .link-to-more i svg, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-open__body li i svg, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-close__body li i svg, .marketecture-mobile-item-open__body li .card-post__v4.card-post__second-version .link-to-more i svg, .marketecture-mobile-item-close__body li .card-post__v4.card-post__second-version .link-to-more i svg, .card-post__v4.card-post__third-version .link-to-more .arrow-css svg,
.card-post__v4.card-post__third-version .link-to-more .section-registration .hbsp-form .select2-selection__arrow b svg,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg, .card-post__v4.card-post__third-version .link-to-more .table-careers thead th.sorted i svg, .table-careers thead th.sorted .card-post__v4.card-post__third-version .link-to-more i svg, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-close__header i svg, .marketecture-mobile-item-close__header .card-post__v4.card-post__third-version .link-to-more i svg, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-open__body li i svg, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-close__body li i svg, .marketecture-mobile-item-open__body li .card-post__v4.card-post__third-version .link-to-more i svg, .marketecture-mobile-item-close__body li .card-post__v4.card-post__third-version .link-to-more i svg, .card-post__v4.card-post__second-version .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .card-post__v4.card-post__second-version .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .filter-resources .card-post__v4.card-post__second-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .card-post__v4.card-post__second-version .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .section-registration .card-post__v4.card-post__second-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg, .card-post__v4.card-post__third-version .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .card-post__v4.card-post__third-version .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .filter-resources .card-post__v4.card-post__third-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .card-post__v4.card-post__third-version .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .section-registration .card-post__v4.card-post__third-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg, .card-post__v4.card-post__second-version .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg, .card-post__v4.card-post__third-version .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg {
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
}
.card-post__v4.card-post__second-version .link-to-more .arrow-css svg path,
.card-post__v4.card-post__second-version .link-to-more .section-registration .hbsp-form .select2-selection__arrow b svg path,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg path, .card-post__v4.card-post__second-version .link-to-more .table-careers thead th.sorted i svg path, .table-careers thead th.sorted .card-post__v4.card-post__second-version .link-to-more i svg path, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-close__header i svg path, .marketecture-mobile-item-close__header .card-post__v4.card-post__second-version .link-to-more i svg path, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-open__body li i svg path, .card-post__v4.card-post__second-version .link-to-more .marketecture-mobile-item-close__body li i svg path, .marketecture-mobile-item-open__body li .card-post__v4.card-post__second-version .link-to-more i svg path, .marketecture-mobile-item-close__body li .card-post__v4.card-post__second-version .link-to-more i svg path, .card-post__v4.card-post__third-version .link-to-more .arrow-css svg path,
.card-post__v4.card-post__third-version .link-to-more .section-registration .hbsp-form .select2-selection__arrow b svg path,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg path, .card-post__v4.card-post__third-version .link-to-more .table-careers thead th.sorted i svg path, .table-careers thead th.sorted .card-post__v4.card-post__third-version .link-to-more i svg path, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-close__header i svg path, .marketecture-mobile-item-close__header .card-post__v4.card-post__third-version .link-to-more i svg path, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-open__body li i svg path, .card-post__v4.card-post__third-version .link-to-more .marketecture-mobile-item-close__body li i svg path, .marketecture-mobile-item-open__body li .card-post__v4.card-post__third-version .link-to-more i svg path, .marketecture-mobile-item-close__body li .card-post__v4.card-post__third-version .link-to-more i svg path, .card-post__v4.card-post__second-version .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .card-post__v4.card-post__second-version .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .filter-resources .card-post__v4.card-post__second-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .card-post__v4.card-post__second-version .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .section-registration .card-post__v4.card-post__second-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg path, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg path, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg path, .card-post__v4.card-post__third-version .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .card-post__v4.card-post__third-version .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .filter-resources .card-post__v4.card-post__third-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .card-post__v4.card-post__third-version .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .section-registration .card-post__v4.card-post__third-version .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg path, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg path, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg path, .card-post__v4.card-post__second-version .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version .link-to-more b svg path, .card-post__v4.card-post__third-version .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version .link-to-more b svg path {
  stroke: #6b34fd;
  transition: stroke 0.3s ease;
}
.card-post__v4.card-post__second-version:hover, .card-post__v4.card-post__third-version:hover {
  background-color: #010d47;
  background-image: linear-gradient(321deg, rgba(95, 67, 251, 0.4) 0%, rgba(1, 13, 71, 0.4) 100%);
}
.card-post__v4.card-post__second-version:hover .card-post__title, .card-post__v4.card-post__third-version:hover .card-post__title {
  color: #E5E7FF !important;
}
.card-post__v4.card-post__second-version:hover .card-post__description, .card-post__v4.card-post__third-version:hover .card-post__description {
  color: #fcf9fe;
}
.card-post__v4.card-post__second-version:hover .card-post__text, .card-post__v4.card-post__third-version:hover .card-post__text {
  color: rgba(252, 249, 254, 0.9);
}
.card-post__v4.card-post__second-version:hover .link-to-more, .card-post__v4.card-post__third-version:hover .link-to-more {
  color: #fcf9fe;
}
.card-post__v4.card-post__second-version:hover .link-to-more .arrow-css svg,
.card-post__v4.card-post__second-version:hover .link-to-more .section-registration .hbsp-form .select2-selection__arrow b svg,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg, .card-post__v4.card-post__second-version:hover .link-to-more .table-careers thead th.sorted i svg, .table-careers thead th.sorted .card-post__v4.card-post__second-version:hover .link-to-more i svg, .card-post__v4.card-post__second-version:hover .link-to-more .marketecture-mobile-item-close__header i svg, .marketecture-mobile-item-close__header .card-post__v4.card-post__second-version:hover .link-to-more i svg, .card-post__v4.card-post__second-version:hover .link-to-more .marketecture-mobile-item-open__body li i svg, .card-post__v4.card-post__second-version:hover .link-to-more .marketecture-mobile-item-close__body li i svg, .marketecture-mobile-item-open__body li .card-post__v4.card-post__second-version:hover .link-to-more i svg, .marketecture-mobile-item-close__body li .card-post__v4.card-post__second-version:hover .link-to-more i svg, .card-post__v4.card-post__third-version:hover .link-to-more .arrow-css svg,
.card-post__v4.card-post__third-version:hover .link-to-more .section-registration .hbsp-form .select2-selection__arrow b svg,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg, .card-post__v4.card-post__third-version:hover .link-to-more .table-careers thead th.sorted i svg, .table-careers thead th.sorted .card-post__v4.card-post__third-version:hover .link-to-more i svg, .card-post__v4.card-post__third-version:hover .link-to-more .marketecture-mobile-item-close__header i svg, .marketecture-mobile-item-close__header .card-post__v4.card-post__third-version:hover .link-to-more i svg, .card-post__v4.card-post__third-version:hover .link-to-more .marketecture-mobile-item-open__body li i svg, .card-post__v4.card-post__third-version:hover .link-to-more .marketecture-mobile-item-close__body li i svg, .marketecture-mobile-item-open__body li .card-post__v4.card-post__third-version:hover .link-to-more i svg, .marketecture-mobile-item-close__body li .card-post__v4.card-post__third-version:hover .link-to-more i svg, .card-post__v4.card-post__second-version:hover .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .card-post__v4.card-post__second-version:hover .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .filter-resources .card-post__v4.card-post__second-version:hover .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .card-post__v4.card-post__second-version:hover .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .section-registration .card-post__v4.card-post__second-version:hover .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg, .card-post__v4.card-post__third-version:hover .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .card-post__v4.card-post__third-version:hover .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .filter-resources .card-post__v4.card-post__third-version:hover .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .card-post__v4.card-post__third-version:hover .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .section-registration .card-post__v4.card-post__third-version:hover .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg, .card-post__v4.card-post__second-version:hover .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg, .card-post__v4.card-post__third-version:hover .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b svg, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg {
  transform: rotate(0deg);
}
.card-post__v4.card-post__second-version:hover .link-to-more .arrow-css svg path,
.card-post__v4.card-post__second-version:hover .link-to-more .section-registration .hbsp-form .select2-selection__arrow b svg path,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg path, .card-post__v4.card-post__second-version:hover .link-to-more .table-careers thead th.sorted i svg path, .table-careers thead th.sorted .card-post__v4.card-post__second-version:hover .link-to-more i svg path, .card-post__v4.card-post__second-version:hover .link-to-more .marketecture-mobile-item-close__header i svg path, .marketecture-mobile-item-close__header .card-post__v4.card-post__second-version:hover .link-to-more i svg path, .card-post__v4.card-post__second-version:hover .link-to-more .marketecture-mobile-item-open__body li i svg path, .card-post__v4.card-post__second-version:hover .link-to-more .marketecture-mobile-item-close__body li i svg path, .marketecture-mobile-item-open__body li .card-post__v4.card-post__second-version:hover .link-to-more i svg path, .marketecture-mobile-item-close__body li .card-post__v4.card-post__second-version:hover .link-to-more i svg path, .card-post__v4.card-post__third-version:hover .link-to-more .arrow-css svg path,
.card-post__v4.card-post__third-version:hover .link-to-more .section-registration .hbsp-form .select2-selection__arrow b svg path,
.section-registration .hbsp-form .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg path, .card-post__v4.card-post__third-version:hover .link-to-more .table-careers thead th.sorted i svg path, .table-careers thead th.sorted .card-post__v4.card-post__third-version:hover .link-to-more i svg path, .card-post__v4.card-post__third-version:hover .link-to-more .marketecture-mobile-item-close__header i svg path, .marketecture-mobile-item-close__header .card-post__v4.card-post__third-version:hover .link-to-more i svg path, .card-post__v4.card-post__third-version:hover .link-to-more .marketecture-mobile-item-open__body li i svg path, .card-post__v4.card-post__third-version:hover .link-to-more .marketecture-mobile-item-close__body li i svg path, .marketecture-mobile-item-open__body li .card-post__v4.card-post__third-version:hover .link-to-more i svg path, .marketecture-mobile-item-close__body li .card-post__v4.card-post__third-version:hover .link-to-more i svg path, .card-post__v4.card-post__second-version:hover .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .card-post__v4.card-post__second-version:hover .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .filter-resources .card-post__v4.card-post__second-version:hover .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .card-post__v4.card-post__second-version:hover .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .section-registration .card-post__v4.card-post__second-version:hover .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg path, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg path, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg path, .card-post__v4.card-post__third-version:hover .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .card-post__v4.card-post__third-version:hover .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .filter-resources .card-post__v4.card-post__third-version:hover .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .card-post__v4.card-post__third-version:hover .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .section-registration .card-post__v4.card-post__third-version:hover .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg path, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg path, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg path, .card-post__v4.card-post__second-version:hover .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__second-version:hover .link-to-more b svg path, .card-post__v4.card-post__third-version:hover .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b svg path, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .card-post__v4.card-post__third-version:hover .link-to-more b svg path {
  stroke: #fcf9fe;
}
.card-post__v4.without-img {
  padding-top: calc(36rem / 16);
  min-height: auto;
}
@media (max-width: 1728px) {
  .card-post__v4.without-img {
    padding-top: calc(30rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__v4.without-img .card-post__title {
  font-size: calc(20rem / 16);
  margin-bottom: calc(8rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-post__v4.without-img .card-post__title {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-post__v4.without-img .card-post__title {
    margin-bottom: calc(0rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__v4.without-img .card-post__description {
  font-size: calc(24rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.2;
}
@media (max-width: 1728px) {
  .card-post__v4.without-img .card-post__description {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__v4.without-img .link-to-more {
  margin-top: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .card-post__v4.without-img .link-to-more {
    margin-top: calc(25rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post__v4.type-img-center .bg-el {
  background-size: auto 40%;
  background-color: rgba(255, 255, 255, 0);
}

.section-latest-awards .card-post {
  background-color: #fff;
}
.section-latest-awards .card-post .card-post__bg {
  aspect-ratio: 1/0.625;
  background: radial-gradient(88.93% 152.94% at 96.74% -63.91%, rgb(223, 217, 254) 0%, rgb(252, 249, 254) 78.0178546906%);
}

.section-latest {
  padding-top: calc(120rem / 16);
  padding-bottom: calc(125rem / 16);
}
@media (max-width: 1728px) {
  .section-latest {
    padding-top: calc(90rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-latest {
    padding-bottom: calc(90rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-latest .section-description {
  letter-spacing: 0.02em;
}
.section-latest.dark-theme {
  background-color: #000;
  color: #fff;
}
.section-latest.dark-theme .section-description,
.section-latest.dark-theme .card-post__second-version .card-post__description,
.section-latest.dark-theme .card-post__third-version .card-post__description {
  color: #fff;
}
.section-latest.dark-theme .card-post__title {
  color: rgba(254, 254, 254, 0.5) !important;
}
.section-latest.dark-theme .card-post__second-version:hover, .section-latest.dark-theme .card-post__third-version:hover {
  background-color: #212122;
}
.section-latest__top-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
}
.section-latest .slider-navigation-right-type {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section-latest .slider-navigation-right-type {
    z-index: 2;
    position: relative;
    display: inline-flex;
  }
}
.section-latest__wrapper {
  margin-top: calc(130rem / 16);
  max-width: 1650px;
  padding-right: 0;
}
@media (max-width: 1728px) {
  .section-latest__wrapper {
    margin-top: calc(90rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1200px) {
  .section-latest__wrapper {
    padding-right: 30px;
  }
}
.section-latest__content_top {
  max-width: 670px;
}
.section-latest .section-title {
  padding-bottom: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .section-latest .section-title {
    padding-bottom: calc(15rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-latest.related-resources .swiper {
  overflow: initial;
}
.section-latest.related-resources .main-wrapper {
  max-width: 1650px;
}
.section-latest__second-version {
  padding-top: calc(120rem / 16);
  padding-bottom: calc(125rem / 16);
}
@media (max-width: 1728px) {
  .section-latest__second-version {
    padding-top: calc(50rem / 16 + 70 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-latest__second-version {
    padding-bottom: calc(50rem / 16 + 75 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-latest__second-version .section-latest__wrapper {
  margin-top: calc(70rem / 16);
  padding-right: 0;
  margin-right: 0;
  max-width: calc(100vw - (100vw - 1490px) / 2);
}
@media (max-width: 1728px) {
  .section-latest__second-version .section-latest__wrapper {
    margin-top: calc(50rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-latest.gradient {
  background: linear-gradient(351deg, rgba(64, 30, 255, 0.2) -12.38%, rgba(64, 30, 255, 0) 48.56%), #f8f8f8;
}
.section-latest.gradient .card-post__second-version, .section-latest.gradient .card-post__third-version {
  background-color: #fff;
}
.section-latest.awards .card-post__bg .bg-el {
  background-size: contain;
  height: 80%;
  top: 50%;
  transform: translateY(-50%);
}
.section-latest.awards .card-post__title {
  font-size: 18px;
  line-height: 138%;
  color: #0e0f11 !important;
}
@media only screen and (max-width: 1200px) {
  .section-latest.awards .card-post__title {
    font-size: 15px;
  }
}
.section-latest.awards .card-post__description {
  display: block;
  margin: 15px 0px;
}
@media only screen and (max-width: 1200px) {
  .section-latest.awards .card-post__description {
    margin: 10px 0px;
  }
}
.section-latest.awards .card-post__description-more {
  font-size: 18px;
  line-height: 138%;
  color: #0e0f11;
}
@media only screen and (max-width: 1200px) {
  .section-latest.awards .card-post__description-more {
    font-size: 15px;
  }
}

.swiper .swiper-slide {
  height: auto;
}
.swiper .card-post {
  height: 100%;
}

section.light-theme.gradient .card-post__second-version,
section.light-theme.gradient .card-post__third-version {
  background-color: #fefefe;
  border: none;
}

.section-latest__second-version {
  padding-top: calc(127rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-latest__second-version {
    padding-top: calc(55rem / 16 + 72 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-latest__second-version .section-latest__wrapper {
  padding-left: 0;
  margin-top: 0;
  margin-left: 0;
  max-width: 100%;
}
.section-latest__second-version .section-title {
  font-size: calc(62rem / 16);
  color: #121185;
  line-height: 1.05;
}
@media (max-width: 1728px) {
  .section-latest__second-version .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-latest__second-version .section-description {
  color: #353ab0;
}
.section-latest__second-version .slider-post-cards {
  padding-right: 50px;
  margin-top: -30px;
  padding-left: calc((100vw - 1490px) / 2);
}
.section-latest__second-version .swiper-slide {
  padding-bottom: calc(40rem / 16);
  padding-top: 90px;
}
@media (max-width: 1728px) {
  .section-latest__second-version .swiper-slide {
    padding-bottom: calc(5rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-latest__second-version .swiper-slide:first-child {
  padding-left: 20px;
  box-sizing: content-box;
}
@media only screen and (min-width: 768px) {
  .section-latest__second-version .swiper-slide:first-child {
    padding-left: 30px;
  }
}
.section-latest__second-version .swiper-slide:last-child {
  padding-right: 20px;
  box-sizing: content-box;
}
@media only screen and (min-width: 768px) {
  .section-latest__second-version .swiper-slide:last-child {
    padding-right: 30px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-benefits-slider {
  padding: 0;
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
  position: relative;
  background: linear-gradient(2deg, rgba(64, 30, 255, 0.2) -25.32%, rgba(64, 30, 255, 0) 19.03%), #F8F8F8;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-benefits-slider {
    padding-top: calc(56rem / 16 + 68 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-benefits-slider {
    padding-bottom: calc(50rem / 16 + 74 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-benefits-slider .main-wrapper {
  max-width: 1440px;
}
@media only screen and (max-width: 1024px) {
  .section-benefits-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: 0.2 !important;
  }
  .section-benefits-slider .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper {
  position: relative;
  height: auto;
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper {
    height: 77vh;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slide {
  display: flex;
  position: relative;
  column-gap: 123px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slide {
    flex-wrap: nowrap;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text {
  max-width: 532px;
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-description-top {
  color: #8771FF;
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-title {
  padding-top: 15px;
  color: #0E0F11;
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-title br {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-title br {
    display: block;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-description {
  padding-top: 5px;
  color: #0E0F11;
  opacity: 0.6;
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-description {
    padding-top: 30px;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text__inner:not(:first-child) {
  padding-top: 300px;
}
.section-benefits-slider .section-benefits-slider__wrapper .pin-spacer {
  flex-grow: 1;
  position: relative;
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-image {
  padding-top: calc(0rem / 16);
}
@media (max-width: 1728px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-image {
    padding-top: calc(90rem / 16 + -90 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-image {
    max-width: calc(807rem / 16);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1728px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-image {
    max-width: calc(48rem / 16 + 759 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-benefits-slider .tabs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-right: -20px;
}
@media only screen and (min-width: 768px) {
  .section-benefits-slider .tabs {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section-benefits-slider .tabs {
    flex-wrap: nowrap;
    gap: 100px;
  }
}
.section-benefits-slider .tabs .tabs-content-wrap {
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .section-benefits-slider .tabs .tabs-content-wrap {
    margin-top: -120px;
    max-width: 650px;
  }
}
@media only screen and (min-width: 1350px) {
  .section-benefits-slider .tabs .tabs-content-wrap {
    max-width: 816px;
  }
}
.section-benefits-slider .tabs__caption {
  gap: calc(40rem / 16);
  padding-top: calc(20rem / 16);
  flex-direction: row;
  align-items: flex-start;
  padding-right: 20px;
}
@media (max-width: 1728px) {
  .section-benefits-slider .tabs__caption {
    gap: calc(16rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-benefits-slider .tabs__caption {
    padding-top: calc(10rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-benefits-slider .tabs__caption {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section-benefits-slider .tabs__caption {
    flex-direction: column;
  }
}
.section-benefits-slider .tabs__caption li {
  --color-text: #646464;
  font-size: calc(72rem / 16);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #646464;
  border: 1px solid #646464;
  border-radius: 5px;
  padding: 14px 15px;
  min-width: 95px;
  text-align: center;
}
@media (max-width: 1728px) {
  .section-benefits-slider .tabs__caption li {
    font-size: calc(18rem / 16 + 54 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-benefits-slider .tabs__caption li {
    border-radius: 10px;
    min-width: none;
  }
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .tabs__caption li {
    padding: 5px 30px 15px;
  }
}
.section-benefits-slider .tabs__caption li:hover {
  color: #fff;
}
.section-benefits-slider .tabs__caption li.active {
  color: #0E0F11;
  border-color: #fff;
  background-color: #fff;
}
.section-benefits-slider .link-to-more {
  display: flex;
  margin-top: 35px;
}
@media only screen and (min-width: 1200px) {
  .section-benefits-slider .link-to-more {
    margin-left: 10px;
    margin-top: -25px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .table-careers thead th.sorted i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__body li i, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 3px;
  transition: all 0.3s ease;
}
.arrow-css.right, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.right,
.section-registration .hbsp-form .select2-selection__arrow b.right, .table-careers thead th.sorted i.right, .marketecture-mobile-item-close__header i.right, .marketecture-mobile-item-open__body li i.right, .marketecture-mobile-item-close__body li i.right, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.right {
  transform: rotate(-45deg);
}
.arrow-css.left, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.left,
.section-registration .hbsp-form .select2-selection__arrow b.left, .table-careers thead th.sorted i.left, .marketecture-mobile-item-close__header i.left, .marketecture-mobile-item-open__body li i.left, .marketecture-mobile-item-close__body li i.left, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.left {
  transform: rotate(135deg);
}
.arrow-css.up,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.up, .page-platform .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.up,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b, .table-careers thead th.sorted i.up, .marketecture-mobile-item-close__header i.up, .marketecture-mobile-item-close__header.active i, .marketecture-mobile-item-open__body li i.up, .marketecture-mobile-item-close__body li i.up, .marketecture-mobile-item-open__body li.active i, .marketecture-mobile-item-close__body li.active i, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up,
.input-wrap-table .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.filter-resources .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.up,
.wrapper-select .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-135deg);
}
.arrow-css.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.arrow-css,
.section-registration .hbsp-form .select2-selection__arrow b.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.down,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .table-careers thead th.sorted i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__body li i, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(45deg);
}

.section-marketecture {
  --color-primary: #fcf9fe;
  --color-secondary: #e5e7ff;
  padding-top: calc(115rem / 16);
  padding-bottom: calc(220rem / 16);
  color: var(--color-primary);
  background-image: var(--bg-mobile);
  background-size: cover;
  background-position: left bottom;
  margin-top: -1px;
}
@media (max-width: 1728px) {
  .section-marketecture {
    padding-top: calc(70rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-marketecture {
    padding-bottom: calc(70rem / 16 + 150 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-marketecture {
    background-image: var(--bg-desktop);
  }
}
.section-marketecture .section-description-top {
  font-size: calc(24rem / 16);
  margin-bottom: calc(16rem / 16);
  letter-spacing: 0.02em;
  color: var(--color-primary);
}
@media (max-width: 1728px) {
  .section-marketecture .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-marketecture .section-description-top {
    margin-bottom: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-marketecture .section-title {
  font-size: calc(62rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  max-width: 910px;
  padding-bottom: 0;
}
@media (max-width: 1728px) {
  .section-marketecture .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-marketecture .section-title {
    line-height: 1.07;
  }
}
.section-marketecture .section-title + .section-description {
  margin-top: calc(32rem / 16);
}
@media (max-width: 1728px) {
  .section-marketecture .section-title + .section-description {
    margin-top: calc(16rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-marketecture .section-description {
  color: var(--color-secondary);
  max-width: 686px;
  line-height: 1.34;
}
@media only screen and (min-width: 768px) {
  .section-marketecture .section-description {
    line-height: 1.4;
  }
}
.section-marketecture .section-description p + p {
  margin-top: calc(12rem / 16);
}
@media (max-width: 1728px) {
  .section-marketecture .section-description p + p {
    margin-top: calc(8rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-marketecture .section-description + .btn,
.section-marketecture .section-registration .hbsp-form .hs-submit .section-description + .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-marketecture .section-description + .wrap-btn-hbsp-submit {
  margin-top: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .section-marketecture .section-description + .btn,
  .section-marketecture .section-registration .hbsp-form .hs-submit .section-description + .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-marketecture .section-description + .wrap-btn-hbsp-submit {
    margin-top: calc(25rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.marketecture-sheme-mobile {
  --radius: 8px;
  --wBorder: 2px;
  --pInline: 22px;
  --colorBorder: #a98aff;
  padding-top: 40px;
  padding-inline: var(--pInline) 5px;
  max-width: 550px;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .marketecture-sheme-mobile {
    display: none;
  }
}
.marketecture-sheme-mobile__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--color-primary);
  margin-bottom: 30px;
  border: var(--wBorder) solid var(--colorBorder);
  border-radius: var(--radius);
  padding: 13px var(--pInline) 17px var(--pInline);
  width: 100%;
  box-shadow: inset 0 0 59px 0 rgba(255, 255, 255, 0.05), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
  background-image: linear-gradient(to bottom, #1e204e 0%, #251b6a 100%);
  position: relative;
}
.marketecture-sheme-mobile__title::before {
  content: "";
  position: absolute;
  right: calc(100% + var(--wBorder));
  top: 50%;
  transform: translateY(-50%);
  display: block;
  border: 7px solid transparent;
  border-right: 9px solid var(--colorBorder);
}
.marketecture-sheme-mobile__title.decor-corner::after {
  width: calc(var(--wBorder) + var(--pInline));
}

.decor-corner {
  position: relative;
}
.decor-corner::after {
  content: "";
  display: block;
  width: var(--pInline);
  height: calc(var(--pInline) * 2.5);
  border-left: var(--wBorder) solid var(--colorBorder);
  position: absolute;
  right: 100%;
  box-sizing: border-box;
}
.decor-corner.decor-to-bottom::after {
  top: calc(50% - var(--wBorder) / 2);
  border-top: var(--wBorder) solid var(--colorBorder);
  border-top-left-radius: var(--radius);
}
.decor-corner.decor-to-top::after {
  border-bottom: var(--wBorder) solid var(--colorBorder);
  border-bottom-left-radius: var(--radius);
  bottom: calc(50% - var(--wBorder) / 2);
}

.decor-line {
  position: relative;
}
.decor-line::before {
  content: "";
  display: block;
  width: var(--pInline);
  height: 100%;
  border-left: var(--wBorder) solid var(--colorBorder);
  position: absolute;
  top: 0;
  right: 100%;
  box-sizing: border-box;
}

.decor-drop {
  position: relative;
}
.decor-drop::after {
  content: "";
  display: block;
  width: 3px;
  height: 40px;
  box-shadow: 1px 0 3px 0 rgba(205, 196, 253, 0.3);
  background-image: linear-gradient(to bottom, rgba(33, 28, 113, 0) 0%, rgba(42, 33, 129, 0.1) 8%, rgba(86, 56, 205, 0.6) 44%, rgba(196, 193, 255, 0.9) 100%);
  border-radius: 5px;
  position: absolute;
  bottom: calc(100% + var(--pInline));
  right: calc(100% + var(--pInline) - var(--wBorder) - 0.5px);
  box-sizing: border-box;
}

.marketecture-mobile-item-open + .marketecture-mobile-item-open, .marketecture-mobile-item-close + .marketecture-mobile-item-open, .marketecture-mobile-item-open + .marketecture-mobile-item-close, .marketecture-mobile-item-close + .marketecture-mobile-item-close {
  margin-top: 16px;
}
.marketecture-mobile-item-open__header, .marketecture-mobile-item-close__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--color-primary);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2);
  background-image: url("../images/section-marketecture/marketecture-mobile-item-open-header.webp");
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  padding: 13px 28px 14px 20px;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.marketecture-mobile-item-open__header p, .marketecture-mobile-item-close__header p {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.marketecture-mobile-item-open__header a, .marketecture-mobile-item-close__header a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 3px;
  padding: 4px 12px;
  background: #6b34fd;
  font-size: 1rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: var(--color-primary);
}
.marketecture-mobile-item-open__body, .marketecture-mobile-item-close__body {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: inset 0 0 59px 0 rgba(199, 190, 254, 0.03), inset 0 0 23px 0 rgba(68, 51, 255, 0.02);
  background-image: linear-gradient(135deg, rgba(15, 25, 50, 0.1) 0%, rgba(71, 77, 123, 0.06) 60%, rgba(71, 77, 123, 0.02) 100%);
  padding: 15px 14px 10px 20px;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.marketecture-mobile-item-open__body:has(li.active) li:not(.active), .marketecture-mobile-item-close__body:has(li.active) li:not(.active) {
  opacity: 0.5;
}
.marketecture-mobile-item-open__body li, .marketecture-mobile-item-close__body li {
  padding-block: 7px;
  padding-right: 5px;
  transition: opacity 0.3s ease;
}
.marketecture-mobile-item-open__body li > p, .marketecture-mobile-item-close__body li > p, .marketecture-mobile-item-open__body li a, .marketecture-mobile-item-close__body li a {
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: var(--color-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__body li i {
  border-width: 0 1.5px 1.5px 0 !important;
  padding: 3.5px !important;
  margin-top: -0.2em;
}
.marketecture-mobile-item-open__body li.active i, .marketecture-mobile-item-close__body li.active i {
  margin-top: 0.2em;
}
.marketecture-mobile-item-open__drop-down {
  font-size: 1rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: var(--color-secondary);
  margin-top: 6px;
}

.list-marketecture-mobile-item-close {
  margin-top: 40px;
}

.marketecture-mobile-item-close {
  margin-left: -20px;
}
.marketecture-mobile-item-close + .marketecture-mobile-item-close {
  margin-top: 16px;
}
.marketecture-mobile-item-close__header {
  border-radius: var(--radius);
  background-image: url("../images/section-marketecture/marketecture-mobile-item-close-header.webp");
  padding-right: 20px;
  transition: border-radius 0.3s ease;
}
.marketecture-mobile-item-close__header i {
  border-width: 0 1.5px 1.5px 0 !important;
  padding: 5px !important;
  margin-top: -0.25em;
}
.marketecture-mobile-item-close__header.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.marketecture-mobile-item-close__header.active i {
  margin-top: 0.25em;
}
.marketecture-mobile-item-close__header.active + .marketecture-drop-down .marketecture-mobile-item-close__body {
  padding-block: 15px 10px;
  opacity: 1;
}
.marketecture-mobile-item-close__body {
  padding-block: 0;
  opacity: 0;
  transition: opacity 0.3s ease, padding-block 0.3s ease;
}

.active .marketecture-drop-down,
.active + .marketecture-drop-down {
  grid-template-rows: 1fr;
}

.marketecture-drop-down {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.4s ease;
}
.marketecture-drop-down > div, .marketecture-drop-down > ul {
  min-height: 0;
}

.marketecture-sheme-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .marketecture-sheme-desktop {
    --gap: 25px;
    --radius: 16px;
    display: block;
    max-width: 1358px;
    margin-top: 112px;
    margin-inline: auto;
    color: var(--color-primary);
  }
  .marketecture-sheme-desktop__sidebar:first-child {
    order: 2;
  }
  .marketecture-sheme-desktop__main {
    order: 1;
  }
  .marketecture-sheme-desktop__sidebar {
    order: 3;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1201px) {
  .marketecture-sheme-desktop__sidebar:first-child {
    order: 1;
  }
  .marketecture-sheme-desktop__main {
    order: 2;
  }
  .marketecture-sheme-desktop__sidebar {
    order: 3;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1400px) {
  .marketecture-sheme-desktop {
    --gap: 46px;
  }
}
@media only screen and (min-width: 768px) {
  .marketecture-sheme-desktop a {
    color: var(--color-primary);
  }
  .marketecture-sheme-desktop__body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--gap);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1201px) {
  .marketecture-sheme-desktop__body {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .marketecture-sheme-desktop__sidebar {
    --wSideBar: calc(50% - var(--gap) / 2);
    width: var(--wSideBar);
    min-width: var(--wSideBar);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1201px) {
  .marketecture-sheme-desktop__sidebar {
    --wSideBar: 240px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1400px) {
  .marketecture-sheme-desktop__sidebar {
    --wSideBar: 253px;
  }
}
@media only screen and (min-width: 768px) {
  .marketecture-sheme-desktop__main {
    --gap: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1400px) {
  .marketecture-sheme-desktop__main {
    --gap: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .marketecture-sheme-desktop__main .marketecture-desktop-item__header {
    border-radius: var(--radius);
  }
  .marketecture-sheme-desktop__main .top-header-item {
    max-width: 439px;
    width: 100%;
    margin-inline: auto;
    padding-inline: 25;
    position: relative;
  }
  .marketecture-sheme-desktop__main .top-header-item::before {
    content: "";
    width: 2px;
    height: var(--gap);
    background-color: #A98AFF;
    position: absolute;
    left: 50%;
    top: 100%;
    translate: -50%;
  }
  .marketecture-sheme-desktop__main .main-header-item {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 59px 0 rgba(255, 255, 255, 0.05), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
    background-image: linear-gradient(to bottom, rgba(107, 52, 253, 0) 0%, rgba(107, 52, 253, 0.1) 40%, rgba(107, 52, 253, 0.35) 100%);
  }
  .marketecture-sheme-desktop .border {
    border: 1.5px solid #a98aff;
  }
}

.marketecture-desktop-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
  border-radius: var(--radius);
}
.marketecture-desktop-item__header {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 16px 20px;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
  background-color: rgba(71, 77, 123, 0.1);
  background-image: radial-gradient(rgba(197, 224, 255, 0) 0%, rgba(191, 213, 255, 0.05) 100%);
}
.marketecture-desktop-item .marketecture-desktop-item__header {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.marketecture-desktop-item__body {
  z-index: 2;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  gap: 8px;
  padding-block: 24px;
  padding-inline: 12px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background-color: rgba(71, 77, 123, 0.1);
  background-image: radial-gradient(rgba(197, 224, 255, 0) 0%, rgba(191, 213, 255, 0.05) 100%);
}
@media only screen and (min-width: 1400px) {
  .marketecture-desktop-item__body {
    padding-inline: 20;
  }
}
.marketecture-desktop-item li {
  position: relative;
}
.marketecture-desktop-item li:has(a:hover) .marketecture-desktop-item__popup {
  visibility: visible;
  opacity: 1;
  translate: -50% 0;
}
.marketecture-desktop-item li a {
  z-index: 1;
  width: 100%;
  position: relative;
  display: inline-flex;
  gap: 16px;
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 0.02em;
  border-radius: 4px;
  padding: 4px 8px;
  transition: all 0.3s ease;
}
.marketecture-desktop-item li a svg {
  margin-top: 0.3em;
  width: 16px;
  min-width: 16px;
}
.marketecture-desktop-item li a:hover {
  z-index: 3;
  box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
  background-color: rgba(71, 77, 123, 0.1);
  background-image: radial-gradient(rgba(197, 224, 255, 0) 0%, rgba(191, 213, 255, 0.05) 100%);
}
.marketecture-desktop-item .item-animation-cursor {
  --timeDurationAnimate: 1s;
  --countIterationAnimate: 2;
}
.marketecture-desktop-item .item-animation-cursor::after {
  content: "";
  display: block;
  width: 17px;
  height: 19px;
  background-image: url("../images/cursor.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  scale: 0.9;
  right: 0;
  top: calc(100% + 15px);
}
.marketecture-desktop-item .item-animation-cursor.active {
  animation: animateHoverLink var(--timeDurationAnimate) ease 0.1s var(--countIterationAnimate) alternate;
}
.marketecture-desktop-item .item-animation-cursor.active::after {
  animation: animateHoverCursor var(--timeDurationAnimate) ease 0s var(--countIterationAnimate) alternate;
}
@keyframes animateHoverLink {
  0% {
    box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0), inset 0 0 23px 0 rgba(255, 255, 255, 0);
    background-color: rgba(71, 77, 123, 0);
    background-image: radial-gradient(rgba(197, 224, 255, 0) 0%, rgba(191, 213, 255, 0) 100%);
  }
  50% {
    box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
    background-color: rgba(71, 77, 123, 0.1);
    background-image: radial-gradient(rgba(197, 224, 255, 0) 0%, rgba(191, 213, 255, 0.05) 100%);
  }
  100% {
    box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0), inset 0 0 23px 0 rgba(255, 255, 255, 0);
    background-color: rgba(71, 77, 123, 0);
    background-image: radial-gradient(rgba(197, 224, 255, 0) 0%, rgba(191, 213, 255, 0) 100%);
  }
}
@keyframes animateHoverCursor {
  0% {
    opacity: 0;
    scale: 0.9;
    right: 0;
    top: calc(100% + 15px);
  }
  50% {
    opacity: 1;
    scale: 1.1;
    right: 10px;
    top: calc(100% - 7px);
  }
  100% {
    opacity: 0;
    scale: 0.9;
    right: 0;
    top: calc(100% + 15px);
  }
}
.marketecture-desktop-item__popup {
  z-index: 2;
  position: absolute;
  font-size: 1rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
  width: 257px;
  left: 50%;
  top: 100%;
  transition: all 0.3s ease;
  translate: -48% 10px;
  visibility: hidden;
  opacity: 0;
}
.marketecture-desktop-item__popup_wrapper {
  margin-top: 12px;
  padding: 16px 20px;
  background-color: #fff;
  border-radius: 12px;
}
.marketecture-desktop-item__popup p:first-child {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.33;
  color: #121185;
}
.marketecture-desktop-item__popup p + p {
  margin-top: 8px;
}

.list-marketecture-desktop-item {
  --gap: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media only screen and (min-width: 1400px) {
  .list-marketecture-desktop-item {
    --gap: 32px;
  }
}
.list-marketecture-desktop-item .marketecture-desktop-item {
  width: calc(33.33% - var(--gap) / 1.5);
  height: auto;
}
.list-marketecture-desktop-item .marketecture-desktop-item__header {
  padding-block: 14px;
}
.list-marketecture-desktop-item .marketecture-desktop-item__body {
  padding-block: 15px;
  padding-inline: 10px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-image: none;
}
@media only screen and (min-width: 1400px) {
  .list-marketecture-desktop-item .marketecture-desktop-item__body {
    padding-inline: 18px;
  }
}

.with-decor-lines {
  --pTop: 20px;
  padding-top: var(--pTop);
  padding-bottom: var(--gap);
  margin-top: calc(var(--pTop) * -1);
  margin-bottom: calc(var(--gap) * -1);
  position: relative;
}
@media only screen and (min-width: 1400px) {
  .with-decor-lines {
    --pTop: 42px;
    margin-top: calc(var(--pTop) * -1 + 5px + 1px);
  }
}
.with-decor-lines .marketecture-desktop-item__header {
  z-index: 2;
  position: relative;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.with-decor-lines__list {
  --gap: 15px;
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  display: flex;
}
@media only screen and (min-width: 1400px) {
  .with-decor-lines__list {
    --gap: 32px;
  }
}
.with-decor-lines__line {
  display: flex;
  justify-content: center;
  flex: 1;
}
.with-decor-lines__line::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #A98AFF;
}

.marketecture-sheme-desktop-counters {
  z-index: 1;
  position: relative;
  padding: 37px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
  background-color: rgba(71, 77, 123, 0.1);
  background-image: radial-gradient(ellipse, rgba(197, 224, 255, 0) 0%, rgba(191, 213, 255, 0.05) 100%);
  border-radius: var(--radius);
  margin-top: var(--gap);
}
.marketecture-sheme-desktop-counters__wrapper {
  max-width: 985px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.marketecture-sheme-desktop-counters__item {
  text-align: center;
}
.marketecture-sheme-desktop-counters__item p:first-child {
  font-size: 2.1875rem;
  letter-spacing: 0.02em;
}
.marketecture-sheme-desktop-counters__item p {
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 0.02em;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.card-why-checkmarx {
  --wImg: calc(284rem / 16);
  font-size: calc(20rem / 16);
  line-height: 134%;
  letter-spacing: 0.02em;
  color: #353ab0;
  position: relative;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  display: flex;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .card-why-checkmarx {
    --wImg: calc(170rem / 16 + 114 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-why-checkmarx {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-why-checkmarx {
    min-height: 341px;
  }
}
.card-why-checkmarx__wrap-text {
  padding-top: calc(40rem / 16);
  padding-bottom: calc(40rem / 16);
  padding-left: calc(56rem / 16);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1728px) {
  .card-why-checkmarx__wrap-text {
    padding-top: calc(30rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-why-checkmarx__wrap-text {
    padding-bottom: calc(28rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-why-checkmarx__wrap-text {
    padding-left: calc(28rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 1024px) {
  .card-why-checkmarx__wrap-text {
    padding-bottom: 150px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .card-why-checkmarx__wrap-text {
    padding-bottom: 84px;
    width: calc(100% - var(--wImg));
  }
}
@media only screen and (max-width: 575px) {
  .card-why-checkmarx__wrap-text {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .card-why-checkmarx__wrap-text {
    width: calc(100% - var(--wImg));
  }
}
.card-why-checkmarx__title {
  font-size: calc(40rem / 16);
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
  color: #121185;
}
@media (max-width: 1728px) {
  .card-why-checkmarx__title {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-why-checkmarx p:not(.card-why-checkmarx) + p {
  margin-top: 12px;
}
.card-why-checkmarx .btn,
.card-why-checkmarx .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-why-checkmarx .wrap-btn-hbsp-submit {
  margin-block: 10px 0;
  padding-bottom: 0;
}
.card-why-checkmarx__wrap-img {
  width: calc(284rem / 16);
  aspect-ratio: 1/1.2007042254;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1728px) {
  .card-why-checkmarx__wrap-img {
    width: calc(170rem / 16 + 114 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 1024px) {
  .card-why-checkmarx__wrap-img {
    bottom: -50px;
  }
}
@media only screen and (max-width: 767px) {
  .card-why-checkmarx__wrap-img {
    bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .card-why-checkmarx__wrap-img {
    bottom: -60px;
  }
}
.card-why-checkmarx__wrap-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-why-checkmarx {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(165rem / 16);
}
@media (max-width: 1728px) {
  .section-why-checkmarx {
    padding-top: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-why-checkmarx {
    padding-bottom: calc(65rem / 16 + 100 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-why-checkmarx__wrap-top-text {
  max-width: 562px;
}
.section-why-checkmarx .section-title {
  padding-bottom: calc(0rem / 16);
}
@media (max-width: 1728px) {
  .section-why-checkmarx .section-title {
    padding-bottom: calc(5rem / 16 + -5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.list-card-why-checkmarx {
  --gap: calc(40rem / 16);
  margin-top: calc(50rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .list-card-why-checkmarx {
    --gap: calc(16rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .list-card-why-checkmarx {
    margin-top: calc(40rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .list-card-why-checkmarx .card-why-checkmarx {
    width: calc(50% - var(--gap) / 2);
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.wrap-btns-hero {
  margin-top: calc(30rem / 16);
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 15px;
  row-gap: 5px;
}
@media (max-width: 1728px) {
  .wrap-btns-hero {
    margin-top: calc(55rem / 16 + -25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .wrap-btns-hero {
    flex-direction: row;
  }
}
.wrap-btns-hero .btn,
.wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btns-hero .wrap-btn-hbsp-submit {
  justify-content: center;
  min-width: 240px;
}
@media only screen and (max-width: 767px) {
  .wrap-btns-hero .btn,
  .wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btns-hero .wrap-btn-hbsp-submit {
    min-width: 200px;
    padding-block: 20px;
  }
}

.section-inner-hero {
  padding-block: calc(90rem / 16);
  text-align: center;
}
@media (max-width: 1728px) {
  .section-inner-hero {
    padding-block: calc(115rem / 16 + -25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero.linear-gradient {
  background: linear-gradient(185deg, #0c172d 0%, #1c2069 100%), radial-gradient(85.73% 49.31% at 104.26% -10.15%, rgb(107, 52, 253) 0%, rgb(25, 131, 250) 100%), radial-gradient(56.39% 48.18% at -1.89% -1.17%, rgb(107, 52, 253) 0%, rgb(77, 105, 254) 57.6666235924%, rgb(242, 95, 255) 100%);
}
.section-inner-hero.page-without-header-bg__hero {
  padding-top: calc(222rem / 16);
  padding-bottom: calc(215rem / 16);
}
@media (max-width: 1728px) {
  .section-inner-hero.page-without-header-bg__hero {
    padding-top: calc(111rem / 16 + 111 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero.page-without-header-bg__hero {
    padding-bottom: calc(80rem / 16 + 135 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero.with-form-filter {
  padding-top: calc(150rem / 16);
  padding-bottom: calc(50rem / 16);
  z-index: 1;
  position: relative;
  overflow: none;
}
@media (max-width: 1728px) {
  .section-inner-hero.with-form-filter {
    padding-top: calc(110rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero.with-form-filter {
    padding-bottom: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero.with-form-filter .section-table__wrap-inputs-group {
  margin-top: calc(65rem / 16);
  padding-inline: 0;
}
@media (max-width: 1728px) {
  .section-inner-hero.with-form-filter .section-table__wrap-inputs-group {
    margin-top: calc(40rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero.with-form-filter .section-table__wrap-inputs-group .input-wrap-table, .section-inner-hero.with-form-filter .section-table__wrap-inputs-group .filter-resources .select-tags, .filter-resources .section-inner-hero.with-form-filter .section-table__wrap-inputs-group .select-tags, .section-inner-hero.with-form-filter .section-table__wrap-inputs-group .section-registration .select-tags, .section-registration .section-inner-hero.with-form-filter .section-table__wrap-inputs-group .select-tags {
  margin-block: 0;
}
.section-inner-hero.with-bg-decor-gradient {
  padding-top: calc(90rem / 16);
  padding-bottom: calc(90rem / 16);
  background: linear-gradient(to bottom, #fefefe 0%, #fefefe 50%, rgba(84, 103, 253, 0.2) 100%);
}
@media (max-width: 1728px) {
  .section-inner-hero.with-bg-decor-gradient {
    padding-top: calc(83rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero.with-bg-decor-gradient {
    padding-bottom: calc(125rem / 16 + -35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero.with-bg-decor-gradient .section-title {
  padding-top: calc(6rem / 16);
  padding-bottom: calc(16rem / 16);
}
@media (max-width: 1728px) {
  .section-inner-hero.with-bg-decor-gradient .section-title {
    padding-top: calc(18rem / 16 + -12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero.with-bg-decor-gradient .section-title {
    padding-bottom: calc(28rem / 16 + -12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero.with-bg-decor-gradient .section-description {
  font-size: calc(28rem / 16);
  font-weight: 500;
  color: rgba(14, 15, 17, 0.6);
  line-height: 1.4;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-inner-hero.with-bg-decor-gradient .section-description {
    font-size: calc(20rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero.with-bg-decor-gradient .section-description {
    line-height: normal;
    letter-spacing: normal;
  }
}
.section-inner-hero.with-hero-bg {
  padding-top: calc(205rem / 16);
  padding-bottom: calc(115rem / 16);
  margin-top: -80px;
  position: relative;
}
@media (max-width: 1728px) {
  .section-inner-hero.with-hero-bg {
    padding-top: calc(195rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero.with-hero-bg {
    padding-bottom: calc(138rem / 16 + -23 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero.with-hero-bg .section-title {
  padding-top: calc(12rem / 16);
  padding-bottom: calc(38rem / 16);
  line-height: 1.05;
}
@media (max-width: 1728px) {
  .section-inner-hero.with-hero-bg .section-title {
    padding-top: calc(10rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero.with-hero-bg .section-title {
    padding-bottom: calc(25rem / 16 + 13 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero.with-hero-bg .section-description {
  font-size: calc(28rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
  max-width: 80%;
}
@media (max-width: 1728px) {
  .section-inner-hero.with-hero-bg .section-description {
    font-size: calc(20rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero.with-hero-bg .section-description {
    max-width: 700px;
    letter-spacing: 0;
    line-height: 1.2;
  }
}
.section-inner-hero.with-hero-bg .btn,
.section-inner-hero.with-hero-bg .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-inner-hero.with-hero-bg .wrap-btn-hbsp-submit {
  margin-top: calc(43rem / 16);
  padding: 19px 22px;
}
@media (max-width: 1728px) {
  .section-inner-hero.with-hero-bg .btn,
  .section-inner-hero.with-hero-bg .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-inner-hero.with-hero-bg .wrap-btn-hbsp-submit {
    margin-top: calc(63rem / 16 + -20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero.with-hero-bg .btn,
  .section-inner-hero.with-hero-bg .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-inner-hero.with-hero-bg .wrap-btn-hbsp-submit {
    padding: 18px 25px;
  }
}
.section-inner-hero .hero-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
}
.section-inner-hero .section-description-top {
  font-size: calc(24rem / 16);
  color: #fcf9fe;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-inner-hero .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero .section-title {
  font-size: calc(72rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  padding-block: 15px 18px;
}
@media (max-width: 1728px) {
  .section-inner-hero .section-title {
    font-size: calc(40rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero .section-title {
    line-height: 1.2;
    padding-block: 7px 19px;
  }
}
.section-inner-hero .section-description {
  font-size: calc(24rem / 16);
  letter-spacing: 0.02em;
  color: #E5E7FF;
  opacity: 0.8;
  line-height: 1.33;
}
@media (max-width: 1728px) {
  .section-inner-hero .section-description {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero .section-description {
    opacity: 1;
    line-height: 1.2;
  }
}
.section-inner-hero .btn,
.section-inner-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-inner-hero .wrap-btn-hbsp-submit {
  display: inline-flex;
  margin-top: calc(25rem / 16);
  min-width: calc(240rem / 16);
  padding-block: 19px;
  margin-inline: auto;
  line-height: 1.17;
}
@media (max-width: 1728px) {
  .section-inner-hero .btn,
  .section-inner-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-inner-hero .wrap-btn-hbsp-submit {
    margin-top: calc(80rem / 16 + -55 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero .btn,
  .section-inner-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-inner-hero .wrap-btn-hbsp-submit {
    min-width: calc(200rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-partner {
  text-align: center;
  background: linear-gradient(176deg, #0e0f11 70%, #401eff 120%);
}
.section-inner-hero-partner .partner-logo {
  margin: 0 auto;
  margin-bottom: calc(60rem / 16);
}
@media (max-width: 1728px) {
  .section-inner-hero-partner .partner-logo {
    margin-bottom: calc(0rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-partner .partner-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: calc(25rem / 16);
  margin-bottom: calc(25rem / 16);
  gap: calc(0rem / 16);
}
@media (max-width: 1728px) {
  .section-inner-hero-partner .partner-info {
    margin-top: calc(40rem / 16 + -15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero-partner .partner-info {
    margin-bottom: calc(40rem / 16 + -15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero-partner .partner-info {
    gap: calc(5rem / 16 + -5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-partner .partner-info > div {
  display: flex;
  align-items: center;
  margin: 0 15px;
  font-weight: 500;
  font-size: 15px;
  color: #b1b1b1;
}
.section-inner-hero-partner .partner-info > div svg,
.section-inner-hero-partner .partner-info > div img {
  margin-right: 7px;
}
.section-inner-hero-partner .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(7rem / 16);
  flex-wrap: wrap;
}
@media (max-width: 1728px) {
  .section-inner-hero-partner .btns {
    gap: calc(20rem / 16 + -13 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-partner .btns .btn,
.section-inner-hero-partner .btns .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-inner-hero-partner .btns .wrap-btn-hbsp-submit {
  margin: 0px;
  justify-content: center;
}

.section-inner-hero-text-left {
  padding-top: calc(227rem / 16);
  position: relative;
  background: linear-gradient(185deg, #0c172d 0%, #1c2069 100%), radial-gradient(85.73% 49.31% at 104.26% -10.15%, rgb(107, 52, 253) 0%, rgb(25, 131, 250) 100%), radial-gradient(56.39% 48.18% at -1.89% -1.17%, rgb(107, 52, 253) 0%, rgb(77, 105, 254) 57.6666235924%, rgb(242, 95, 255) 100%);
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left {
    padding-top: calc(120rem / 16 + 107 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-text-left.with-visual-bg {
  padding-top: calc(150rem / 16);
  background-image: url("../images/inner-hero/bg.webp");
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left.with-visual-bg {
    padding-top: calc(105rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 320px) and (orientation: portrait) {
  .section-inner-hero-text-left.with-visual-bg {
    padding-bottom: 400px;
  }
}
@media only screen and (min-width: 320px) and (orientation: landscape) {
  .section-inner-hero-text-left.with-visual-bg {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 390px) {
  .section-inner-hero-text-left.with-visual-bg {
    min-height: 834px;
  }
}
@media only screen and (min-width: 767px) {
  .section-inner-hero-text-left.with-visual-bg {
    height: calc(100vh + 10px);
  }
}
@media only screen and (min-width: 820px) and (orientation: portrait) {
  .section-inner-hero-text-left.with-visual-bg {
    min-height: 700px !important;
    padding-top: 250px !important;
  }
}
@media only screen and (min-width: 1024px) and (orientation: landscape) {
  .section-inner-hero-text-left.with-visual-bg {
    padding-top: calc(150rem / 16);
    padding-top: 150px !important;
  }
}
@media only screen and (min-width: 1024px) and (orientation: landscape) and (max-width: 1728px) {
  .section-inner-hero-text-left.with-visual-bg {
    padding-top: calc(105rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .section-inner-hero-text-left.with-visual-bg {
    align-items: center;
  }
}
@media only screen and (min-width: 1200px) and (orientation: landscape) {
  .section-inner-hero-text-left.with-visual-bg {
    min-height: 700px !important;
    padding-top: 250px !important;
  }
}
.section-inner-hero-text-left.with-visual-bg .section-inner-hero-text-left__wrap-text {
  z-index: 1;
  position: relative;
}
.section-inner-hero-text-left.with-visual-bg .section-title {
  max-width: 830px;
}
.section-inner-hero-text-left.with-visual-bg .section-description {
  max-width: 550px;
}
.section-inner-hero-text-left .visual-bg {
  position: absolute;
  left: -40px;
  top: auto;
  bottom: -50px;
  display: block;
  width: 100%;
  width: 645px;
  max-width: 645px;
  height: auto;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .section-inner-hero-text-left .visual-bg {
    top: 35%;
    bottom: auto;
    width: 750px;
    max-width: 750px;
  }
}
@media only screen and (min-width: 844px) and (orientation: landscape) {
  .section-inner-hero-text-left .visual-bg {
    left: auto;
    right: -150px;
    bottom: 0;
    top: auto;
    width: 650px;
    max-width: 650px;
  }
}
@media only screen and (min-width: 932px) and (orientation: landscape) {
  .section-inner-hero-text-left .visual-bg {
    width: 750px;
    max-width: 750px;
  }
}
@media only screen and (min-width: 820px) and (orientation: portrait) {
  .section-inner-hero-text-left .visual-bg {
    width: 850px;
    max-width: 850px;
  }
}
@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .section-inner-hero-text-left .visual-bg {
    width: 850px;
    max-width: 850px;
  }
}
@media only screen and (min-width: 1024px) and (orientation: portrait) {
  .section-inner-hero-text-left .visual-bg {
    width: 100%;
    max-width: 1122px;
  }
}
@media only screen and (min-width: 1201px) and (orientation: landscape) {
  .section-inner-hero-text-left .visual-bg {
    left: auto;
    right: -180px;
    top: 50%;
    translate: 0 -50%;
    max-width: 65%;
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 2000px) {
  .section-inner-hero-text-left .visual-bg {
    right: 0;
    max-width: 50%;
    max-width: 1122px;
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1025px) {
  .section-inner-hero-text-left:not(.section-inner-hero-text-left.hero-generic-title) {
    min-height: calc(100vh + 10px);
  }
}
.section-inner-hero-text-left .section-description {
  max-width: 590px;
}
.section-inner-hero-text-left.hero-generic-title {
  padding-top: calc(190rem / 16);
  padding-bottom: calc(120rem / 16);
  overflow: hidden;
  position: relative;
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left.hero-generic-title {
    padding-top: calc(170rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left.hero-generic-title {
    padding-bottom: calc(80rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-text-left.hero-generic-title .circle-bg-gradient {
  z-index: 1;
}
.section-inner-hero-text-left.hero-generic-title .circle-bg-gradient__children {
  left: -30%;
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left.hero-generic-title .circle-bg-gradient__children {
    top: 0%;
    left: -30%;
  }
}
@media only screen and (min-width: 1025px) {
  .section-inner-hero-text-left.hero-generic-title .circle-bg-gradient__children {
    top: -10%;
    left: -10%;
  }
}
.section-inner-hero-text-left.hero-generic-title .section-inner-hero-text-left__wrapper {
  position: relative;
  z-index: 1;
}
.section-inner-hero-text-left.hero-generic-title .hero-generic-title__bg {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-inner-hero-text-left.hero-generic-title .hero-generic-title__bg_mob {
  display: block;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left.hero-generic-title .hero-generic-title__bg_mob {
    display: none;
  }
}
.section-inner-hero-text-left.hero-generic-title .hero-generic-title__bg_desk {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left.hero-generic-title .hero-generic-title__bg_desk {
    display: block;
  }
}
.section-inner-hero-text-left .circle-bg-gradient {
  --w-circle: 1200px;
  --h-circle: 1200px;
}
.section-inner-hero-text-left .circle-bg-gradient__children {
  top: -50%;
  width: 145%;
  height: 210%;
  border-radius: 0;
  filter: none;
  background-image: url("../images/bg-decor-section-hero-solution.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
}
@media only screen and (min-width: 1025px) {
  .section-inner-hero-text-left .circle-bg-gradient__children {
    top: -10%;
  }
}
.section-inner-hero-text-left .section-description-top {
  font-size: calc(24rem / 16);
  color: #fcf9fe;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-text-left .section-title {
  font-size: calc(72rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  padding-block: 10px 18px;
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left .section-title {
    font-size: calc(40rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left .section-title {
    line-height: normal;
    padding-block: 0px 14px;
  }
}
.section-inner-hero-text-left .section-description {
  font-size: calc(24rem / 16);
  letter-spacing: 0.02em;
  color: #E5E7FF;
  opacity: 0.8;
  line-height: 1.33;
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left .section-description {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left .section-description {
    opacity: 1;
    line-height: 1.2;
  }
}
.section-inner-hero-text-left .wrap-btns-hero {
  margin-top: calc(45rem / 16);
  flex-direction: row;
  column-gap: 5px;
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left .wrap-btns-hero {
    margin-top: calc(20rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left .wrap-btns-hero {
    column-gap: 15px;
  }
}
.section-inner-hero-text-left .wrap-btns-hero .btn,
.section-inner-hero-text-left .wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-inner-hero-text-left .wrap-btns-hero .wrap-btn-hbsp-submit {
  min-width: auto;
}
.section-inner-hero-text-left .wrap-btns-hero .btn.accent,
.section-inner-hero-text-left .wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-inner-hero-text-left .wrap-btns-hero .wrap-btn-hbsp-submit {
  padding-block: 14px;
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left .wrap-btns-hero .btn.accent,
  .section-inner-hero-text-left .wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-inner-hero-text-left .wrap-btns-hero .wrap-btn-hbsp-submit {
    padding-block: 16px;
  }
}
.section-inner-hero-text-left .wrap-btns-hero .btn.border-2,
.section-inner-hero-text-left .wrap-btns-hero .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-inner-hero-text-left .wrap-btns-hero .border-2.wrap-btn-hbsp-submit {
  padding-block: 12px;
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left .wrap-btns-hero .btn.border-2,
  .section-inner-hero-text-left .wrap-btns-hero .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-inner-hero-text-left .wrap-btns-hero .border-2.wrap-btn-hbsp-submit {
    padding-block: 15px;
  }
}
.section-inner-hero-text-left.not-tall {
  padding-top: calc(180rem / 16);
  padding-bottom: calc(95rem / 16);
  min-height: auto !important;
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left.not-tall {
    padding-top: calc(80rem / 16 + 100 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero-text-left.not-tall {
    padding-bottom: calc(50rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-text-left.not-tall .circle-bg-gradient {
  --w-circle: 1211px;
  --h-circle: 520px;
}
.section-inner-hero-text-left.not-tall .circle-bg-gradient__children {
  top: -50%;
  left: -5%;
  background-image: url("../images/bg-decor-section-hero-legal.svg");
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-text-left.not-tall .circle-bg-gradient__children {
    left: -1%;
    top: -5%;
  }
}
.section-inner-hero-text-left.not-tall .section-inner-hero-text-left__wrapper {
  max-width: 1500px;
  position: relative;
  z-index: 1;
}

.section-inner-hero-second {
  padding-top: calc(125rem / 16);
  padding-bottom: calc(145rem / 16);
  position: relative;
}
@media (max-width: 1728px) {
  .section-inner-hero-second {
    padding-top: calc(135rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero-second {
    padding-bottom: calc(138rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-second .section-title {
  font-size: calc(72rem / 16);
  padding-bottom: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .section-inner-hero-second .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero-second .section-title {
    padding-bottom: calc(10rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-second .section-title {
    line-height: 0.94;
    letter-spacing: normal;
  }
}
.section-inner-hero-second .section-description {
  font-size: calc(22rem / 16);
  color: rgba(254, 254, 254, 0.8);
  font-weight: 400;
  text-align: center;
  line-height: 1.51;
  letter-spacing: 0.01em;
}
@media (max-width: 1728px) {
  .section-inner-hero-second .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-second .section-description {
    line-height: 1.4;
    letter-spacing: 0.02em;
  }
}
.section-inner-hero-second .btn,
.section-inner-hero-second .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-inner-hero-second .wrap-btn-hbsp-submit {
  margin-top: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .section-inner-hero-second .btn,
  .section-inner-hero-second .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-inner-hero-second .wrap-btn-hbsp-submit {
    margin-top: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.page-service .section-inner-hero {
  padding-top: calc(205rem / 16);
  padding-bottom: calc(115rem / 16);
  margin-top: -80px;
  position: relative;
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero {
    padding-top: calc(195rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero {
    padding-bottom: calc(138rem / 16 + -23 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-service .section-inner-hero .section-title {
  padding-top: calc(12rem / 16);
  padding-bottom: calc(38rem / 16);
  line-height: 1.05;
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero .section-title {
    padding-top: calc(10rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero .section-title {
    padding-bottom: calc(25rem / 16 + 13 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-service .section-inner-hero .section-description {
  font-size: calc(28rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
  max-width: 80%;
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero .section-description {
    font-size: calc(20rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .page-service .section-inner-hero .section-description {
    max-width: 700px;
    letter-spacing: 0;
    line-height: 1.2;
  }
}
.page-service .section-inner-hero .btn,
.page-service .section-inner-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .page-service .section-inner-hero .wrap-btn-hbsp-submit {
  margin-top: calc(43rem / 16);
  padding: 19px 22px;
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero .btn,
  .page-service .section-inner-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .page-service .section-inner-hero .wrap-btn-hbsp-submit {
    margin-top: calc(63rem / 16 + -20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .page-service .section-inner-hero .btn,
  .page-service .section-inner-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .page-service .section-inner-hero .wrap-btn-hbsp-submit {
    padding: 18px 25px;
  }
}
.page-service .section-inner-hero-second {
  padding-top: calc(125rem / 16);
  padding-bottom: calc(145rem / 16);
  margin-top: 0;
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero-second {
    padding-top: calc(135rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero-second {
    padding-bottom: calc(138rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-service .section-inner-hero-second .section-title {
  padding-bottom: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero-second .section-title {
    padding-bottom: calc(10rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .page-service .section-inner-hero-second .section-title {
    line-height: 0.94;
    letter-spacing: normal;
  }
}
.page-service .section-inner-hero-second .section-description {
  font-size: calc(22rem / 16);
  color: rgba(254, 254, 254, 0.8);
  font-weight: 400;
  text-align: center;
  line-height: 1.51;
  letter-spacing: 0.01em;
  max-width: 400px;
  width: 75%;
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero-second .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .page-service .section-inner-hero-second .section-description {
    line-height: 1.4;
    letter-spacing: 0.02em;
  }
}
.page-service .section-inner-hero-second .btn,
.page-service .section-inner-hero-second .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .page-service .section-inner-hero-second .wrap-btn-hbsp-submit {
  margin-top: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .page-service .section-inner-hero-second .btn,
  .page-service .section-inner-hero-second .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .page-service .section-inner-hero-second .wrap-btn-hbsp-submit {
    margin-top: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.page-plug-play .section-inner-hero-second .section-description {
  max-width: 585px;
}

.page-partner .section-inner-hero-text-left .section-title {
  max-width: 950px;
}

.section-inner-hero-sort {
  padding-top: calc(205rem / 16);
  padding-bottom: calc(120rem / 16);
  background-image: url("../images/inner-hero-short/main-bg-mob.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fcf9fe;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-inner-hero-sort {
    padding-top: calc(175rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero-sort {
    padding-bottom: calc(85rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-sort {
    background-image: url("../images/inner-hero-short/main-bg-desk.webp");
  }
}
.section-inner-hero-sort::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 100%;
  background-image: url("../images/inner-hero-short/bg-decor-mob.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-sort::before {
    background-image: url("../images/inner-hero-short/bg-decor-desk.svg");
    background-size: auto 100%;
  }
}
.section-inner-hero-sort .section-description-top {
  font-size: calc(24rem / 16);
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #fcf9fe;
  margin-bottom: 7px;
}
@media (max-width: 1728px) {
  .section-inner-hero-sort .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-inner-hero-sort .section-title {
  font-size: calc(72rem / 16);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #f9fafc;
  padding-bottom: 0;
}
@media (max-width: 1728px) {
  .section-inner-hero-sort .section-title {
    font-size: calc(40rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-sort .section-title {
    color: #fcf9fe;
    line-height: normal;
  }
}
.section-inner-hero-sort .section-description {
  font-size: calc(24rem / 16);
  margin-top: calc(25rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #d7e4ff;
}
@media (max-width: 1728px) {
  .section-inner-hero-sort .section-description {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-inner-hero-sort .section-description {
    margin-top: calc(17rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-inner-hero-sort .section-description {
    color: #E5E7FF;
    line-height: normal;
  }
}

.hero-wrap-icon-logo {
  margin-bottom: calc(23rem / 16);
  border-radius: calc(12rem / 16);
  max-width: calc(190rem / 16);
  max-height: calc(97rem / 16);
  padding: calc(18rem / 16);
  aspect-ratio: 1/0.5105263158;
  background-color: #f6f5ff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1728px) {
  .hero-wrap-icon-logo {
    margin-bottom: calc(5rem / 16 + 18 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero-wrap-icon-logo {
    border-radius: calc(7rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero-wrap-icon-logo {
    max-width: calc(118rem / 16 + 72 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero-wrap-icon-logo {
    max-height: calc(60rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero-wrap-icon-logo {
    padding: calc(12rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.hero-wrap-icon-logo img {
  max-width: 100%;
}

.section-title:has(+ .hero-list-data) {
  padding-bottom: 17px;
}

.hero-list-data + .wrap-btns-hero {
  margin-top: calc(55rem / 16);
  gap: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .hero-list-data + .wrap-btns-hero {
    margin-top: calc(30rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero-list-data + .wrap-btns-hero {
    gap: calc(10rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.hero-list-data + .wrap-btns-hero .btn,
.hero-list-data + .wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .hero-list-data + .wrap-btns-hero .wrap-btn-hbsp-submit {
  margin-block: 0;
}

.hero-list-data {
  font-size: calc(24rem / 16);
  --gap: calc(30rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #E5E7FF;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  max-width: 440px;
}
@media (max-width: 1728px) {
  .hero-list-data {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .hero-list-data {
    --gap: calc(16rem / 16 + 14 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .hero-list-data {
    line-height: normal;
    flex-wrap: nowrap;
    max-width: 100%;
  }
}
.hero-list-data li {
  display: flex;
  gap: 10px;
  align-items: center;
  width: calc(50% - var(--gap) / 2);
}
.hero-list-data li a {
  color: #E5E7FF;
}
@media only screen and (min-width: 768px) {
  .hero-list-data li {
    width: inherit;
  }
}
.hero-list-data li img {
  min-width: 16px;
}
.hero-list-data__item-phone {
  font-size: calc(22rem / 16);
}
@media (max-width: 1728px) {
  .hero-list-data__item-phone {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .table-careers thead th.sorted i, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body li i {
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 3px;
  transition: all 0.3s ease;
}
.arrow-css.right, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.right,
.section-registration .hbsp-form .select2-selection__arrow b.right, .table-careers thead th.sorted i.right, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .marketecture-mobile-item-open__body li i.right, .marketecture-mobile-item-close__header i.right, .marketecture-mobile-item-close__body li i.right {
  transform: rotate(-45deg);
}
.arrow-css.left, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.left,
.section-registration .hbsp-form .select2-selection__arrow b.left, .table-careers thead th.sorted i.left, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .marketecture-mobile-item-open__body li i.left, .marketecture-mobile-item-close__header i.left, .marketecture-mobile-item-close__body li i.left {
  transform: rotate(135deg);
}
.arrow-css.up,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.up, .page-platform .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.up,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b, .table-careers thead th.sorted i.up, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up,
.input-wrap-table .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.filter-resources .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.up,
.wrapper-select .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li i.up, .marketecture-mobile-item-close__header i.up, .marketecture-mobile-item-close__body li i.up, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li.active i, .marketecture-mobile-item-close__header.active i, .marketecture-mobile-item-close__body li.active i {
  transform: rotate(-135deg);
}
.arrow-css.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.arrow-css,
.section-registration .hbsp-form .select2-selection__arrow b.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.down,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .table-careers thead th.sorted i, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body li i {
  transform: rotate(45deg);
}

.table-careers {
  --pInline: calc(32rem / 16);
  --color-table-dark: #646464;
  --color-table-light: #ccc;
  width: 100%;
  text-align: left;
  color: var(--color-table-dark);
  border-collapse: separate;
  border-spacing: 0 15px;
  box-sizing: border-box;
  table-layout: fixed;
}
@media (max-width: 1728px) {
  .table-careers {
    --pInline: calc(16rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-careers {
    display: flex;
    flex-direction: column;
  }
}
.table-careers caption {
  font-size: 0;
}
@media only screen and (min-width: 768px) {
  .table-careers .col-head {
    width: 45%;
  }
}
@media only screen and (min-width: 1025px) {
  .table-careers .col-head {
    width: 40%;
  }
}
@media only screen and (min-width: 1400px) {
  .table-careers .col-head {
    width: 49.5%;
  }
}
@media only screen and (min-width: 768px) {
  .table-careers .col-departments {
    width: 25%;
  }
}
@media only screen and (min-width: 1025px) {
  .table-careers .col-departments {
    width: 22%;
  }
}
@media only screen and (min-width: 1400px) {
  .table-careers .col-departments {
    width: 18.5%;
  }
}
@media only screen and (min-width: 768px) {
  .table-careers .col-location {
    width: 25%;
  }
}
@media only screen and (min-width: 1025px) {
  .table-careers .col-location {
    width: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .table-careers .col-btn {
    width: auto;
  }
}
@media only screen and (min-width: 1400px) {
  .table-careers .col-btn {
    width: 14.5%;
  }
}
.table-careers .btn,
.table-careers .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .table-careers .wrap-btn-hbsp-submit {
  display: inline-flex;
  margin: 0;
  max-width: 100%;
  padding-block: 14px !important;
  font-weight: 400;
  border-width: 2px !important;
  border-radius: 12px;
  padding-inline: 10px !important;
}
.table-careers .btn::after,
.table-careers .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after,
.section-registration .hbsp-form .hs-submit .table-careers .wrap-btn-hbsp-submit::after {
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
}
.table-careers .btn:hover::after,
.table-careers .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover::after,
.section-registration .hbsp-form .hs-submit .table-careers .wrap-btn-hbsp-submit:hover::after {
  transform: translateX(2px) rotate(45deg) !important;
}
.table-careers .btn.for-mobile,
.table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .table-careers .for-mobile.wrap-btn-hbsp-submit {
  display: inline;
  padding: 0 !important;
}
.table-careers .btn.for-mobile i.arrow-css,
.table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit i.arrow-css,
.section-registration .hbsp-form .hs-submit .table-careers .for-mobile.wrap-btn-hbsp-submit i.arrow-css, .table-careers .btn.for-mobile thead th.sorted i,
.table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit thead th.sorted i,
.section-registration .hbsp-form .hs-submit .table-careers .for-mobile.wrap-btn-hbsp-submit thead th.sorted i, .table-careers thead th.sorted .btn.for-mobile i,
.table-careers thead th.sorted .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit i,
.section-registration .hbsp-form .hs-submit .table-careers thead th.sorted .for-mobile.wrap-btn-hbsp-submit i, .table-careers .btn.for-mobile .marketecture-mobile-item-open__body li i,
.table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit .marketecture-mobile-item-open__body li i,
.section-registration .hbsp-form .hs-submit .table-careers .for-mobile.wrap-btn-hbsp-submit .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body li .table-careers .btn.for-mobile i,
.marketecture-mobile-item-open__body li .table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit i,
.section-registration .hbsp-form .hs-submit .marketecture-mobile-item-open__body li .table-careers .for-mobile.wrap-btn-hbsp-submit i, .table-careers .btn.for-mobile .marketecture-mobile-item-close__header i,
.table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit .marketecture-mobile-item-close__header i,
.section-registration .hbsp-form .hs-submit .table-careers .for-mobile.wrap-btn-hbsp-submit .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .table-careers .btn.for-mobile i,
.marketecture-mobile-item-close__header .table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit i,
.section-registration .hbsp-form .hs-submit .marketecture-mobile-item-close__header .table-careers .for-mobile.wrap-btn-hbsp-submit i, .table-careers .btn.for-mobile .marketecture-mobile-item-close__body li i,
.table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit .marketecture-mobile-item-close__body li i,
.section-registration .hbsp-form .hs-submit .table-careers .for-mobile.wrap-btn-hbsp-submit .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body li .table-careers .btn.for-mobile i,
.marketecture-mobile-item-close__body li .table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit i,
.section-registration .hbsp-form .hs-submit .marketecture-mobile-item-close__body li .table-careers .for-mobile.wrap-btn-hbsp-submit i {
  border-color: #401EFF !important;
  border-width: 0 1px 1px 0;
  padding: 4px;
}
@media only screen and (min-width: 1025px) {
  .table-careers .btn.for-mobile,
  .table-careers .section-registration .hbsp-form .hs-submit .for-mobile.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .table-careers .for-mobile.wrap-btn-hbsp-submit {
    display: none;
  }
}
.table-careers .btn.for-desktop,
.table-careers .section-registration .hbsp-form .hs-submit .for-desktop.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .table-careers .for-desktop.wrap-btn-hbsp-submit {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .table-careers .btn.for-desktop,
  .table-careers .section-registration .hbsp-form .hs-submit .for-desktop.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .table-careers .for-desktop.wrap-btn-hbsp-submit {
    display: flex;
  }
}
.table-careers thead {
  display: none;
}
@media only screen and (min-width: 768px) {
  .table-careers thead {
    font-size: calc(22rem / 16);
    display: table-header-group;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.02em;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .table-careers thead {
    font-size: calc(14rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-careers thead th {
  padding-inline: 10px;
  vertical-align: middle;
  color: #121185;
}
.table-careers thead th a {
  color: #121185;
  transition: color 0.3s ease;
}
.table-careers thead th a:hover {
  color: var(--color-table-dark);
}
.table-careers thead th:first-child {
  padding-left: calc(35rem / 16);
  padding-right: 10px;
}
@media (max-width: 1728px) {
  .table-careers thead th:first-child {
    padding-left: calc(16rem / 16 + 19 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-careers thead th:last-child {
  padding-inline: 0;
}
.table-careers thead th.sorted {
  color: #121185;
}
.table-careers thead th.sorted a {
  color: #121185;
}
.table-careers thead th.sorted i {
  border-color: #121185 !important;
  padding: 2px !important;
  border-width: 0 1px 1px 0 !important;
  margin-bottom: 0.2em !important;
  margin-left: 9px;
}
.table-careers thead th.sorted.top i {
  transform: rotate(-135deg);
  margin-bottom: 0.1em !important;
}
.table-careers tbody {
  font-size: calc(18rem / 16);
  margin-top: calc(30rem / 16);
  font-weight: 500;
  letter-spacing: 0.055em;
}
@media (max-width: 1728px) {
  .table-careers tbody {
    font-size: calc(14rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-careers tbody {
    margin-top: calc(15rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-careers tbody tr {
  background-color: #fff;
  transition: background-color 0.3s ease;
}
.table-careers tbody tr:hover {
  background-color: rgba(64, 30, 255, 0.05);
}
@media only screen and (max-width: 767px) {
  .table-careers tbody tr {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    row-gap: 4px;
    padding-inline: 0 45px;
    padding-block: 13px;
    border-radius: 8px;
  }
  .table-careers tbody tr + tr {
    margin-top: 12px;
  }
}
.table-careers td {
  font-size: calc(20rem / 16);
  font-weight: 400;
  line-height: 1.26;
  letter-spacing: 0.05em;
  color: #353ab0;
  padding-block: 15px;
  padding-inline: 10px;
  vertical-align: middle;
  box-sizing: border-box;
}
@media (max-width: 1728px) {
  .table-careers td {
    font-size: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-careers td {
    padding-inline: var(--pInline) 10px;
    padding-block: 0;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .table-careers td {
    line-height: 1.34;
    letter-spacing: 0.02em;
  }
}
.table-careers td:first-child {
  font-size: calc(22rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.34;
  padding-inline: var(--pInline) 10px;
  color: #121185;
}
@media (max-width: 1728px) {
  .table-careers td:first-child {
    font-size: calc(16rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-careers td:first-child {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .table-careers td:first-child {
    font-weight: 400;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .table-careers td:nth-child(2) {
    width: 32%;
  }
}
.table-careers td:last-child {
  text-align: right;
  padding-inline: 5px 16px;
}
@media only screen and (max-width: 767px) {
  .table-careers td:last-child {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 10px;
    right: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .table-careers td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (min-width: 1025px) {
  .table-careers td:last-child {
    padding-inline: 10px var(--pInline);
  }
}
.table-careers .td-location {
  --size-icon-pin: 16px;
}
.table-careers .td-location::before {
  content: "";
  display: inline-block;
  margin-right: 7px;
  width: var(--size-icon-pin);
  min-width: var(--size-icon-pin);
  height: var(--size-icon-pin);
  background-image: url("../images/icon-pin.svg");
  background-size: 100% 100%;
}
@media only screen and (max-width: 767px) {
  .table-careers .td-location {
    padding-left: 10px;
  }
}

.section-table-careers {
  padding-top: calc(60rem / 16);
  padding-bottom: calc(70rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-table-careers {
    padding-top: calc(40rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-table-careers {
    padding-bottom: calc(40rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-table-careers .input-wrap-table, .section-table-careers .filter-resources .select-tags, .filter-resources .section-table-careers .select-tags, .section-table-careers .section-registration .select-tags, .section-registration .section-table-careers .select-tags {
  margin-block: 0;
}
.section-table-careers__wrapper {
  max-width: 1500px;
}
.section-table-careers .filter-resources {
  margin-bottom: calc(40rem / 16);
  margin-top: 0;
}
@media (max-width: 1728px) {
  .section-table-careers .filter-resources {
    margin-bottom: calc(15rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1201px) {
  .section-table-careers .filter-resources .input-wrap-table.input-wrap-search .btn-search, .section-table-careers .filter-resources .input-wrap-search.select-tags .btn-search {
    right: calc(var(--padding-inline-input) + 5px);
  }
}
.section-table-careers__wrap-inputs-group.filter-resources {
  --wSearch: calc(654rem / 16);
  --gap: calc(32rem / 16);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--gap);
  margin-bottom: 30px;
}
@media (max-width: 1728px) {
  .section-table-careers__wrap-inputs-group.filter-resources {
    --wSearch: calc(500rem / 16 + 154 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-table-careers__wrap-inputs-group.filter-resources {
    --gap: calc(10rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-table-careers__wrap-inputs-group.filter-resources {
    padding-inline: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .section-table-careers__wrap-inputs-group.filter-resources {
    margin-bottom: 40px;
  }
}
.section-table-careers__wrap-inputs-group.filter-resources .input-wrap-table, .section-table-careers__wrap-inputs-group.filter-resources .select-tags {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-table-careers__wrap-inputs-group.filter-resources .input-wrap-table, .section-table-careers__wrap-inputs-group.filter-resources .select-tags {
    width: calc(50% - var(--gap) / 2);
  }
}
@media only screen and (min-width: 1201px) {
  .section-table-careers__wrap-inputs-group.filter-resources .input-wrap-table, .section-table-careers__wrap-inputs-group.filter-resources .select-tags {
    width: calc((100% - var(--wSearch)) / 2 - var(--gap));
  }
}
.section-table-careers__wrap-inputs-group.filter-resources .input-wrap-search {
  width: 100%;
}
@media only screen and (min-width: 1201px) {
  .section-table-careers__wrap-inputs-group.filter-resources .input-wrap-search {
    width: var(--wSearch);
  }
}
@media only screen and (max-width: 1324px) {
  .section-table-careers__wrap-inputs-group.filter-resources .input-wrap-table.input-wrap-search, .section-table-careers__wrap-inputs-group.filter-resources .input-wrap-search.select-tags {
    order: 1;
  }
  .section-table-careers__wrap-inputs-group.filter-resources .input-wrap-table, .section-table-careers__wrap-inputs-group.filter-resources .select-tags {
    order: 2;
  }
}
.section-table-careers .pagination {
  padding-top: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .section-table-careers .pagination {
    padding-top: calc(50rem / 16 + -15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-gallery {
  padding-top: calc(90rem / 16);
  padding-bottom: calc(120rem / 16);
  background-color: #F6F5FF;
}
@media (max-width: 1728px) {
  .section-gallery {
    padding-top: calc(100rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-gallery {
    padding-bottom: calc(100rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-gallery__wrapper {
  padding-inline: 15px;
}
@media only screen and (min-width: 768px) {
  .section-gallery__wrapper {
    padding-inline: 0;
  }
}
.section-gallery.light-theme {
  background-color: rgb(248, 248, 248);
}

.gallery-item {
  --size: 100%;
  aspect-ratio: 1/1;
  border-radius: 20px;
  width: var(--size);
  min-width: var(--size);
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .gallery-item {
    --size: 447px;
    aspect-ratio: 1/0.5749;
  }
}
.gallery-item:hover img {
  transform: scale(1.05);
}
.gallery-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}
@media only screen and (min-width: 768px) {
  .gallery-item img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (min-width: 768px) {
  .wrap-lines-autoplay-line {
    display: flex;
    column-gap: 90px;
    overflow-x: auto;
    height: 574px;
    width: 100%;
  }
  .wrap-lines-autoplay-line::-webkit-scrollbar {
    height: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .linear-autoplay-line-group {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
    transition: transform 10s linear;
    will-change: transform;
    position: absolute;
    left: var(--left);
  }
}

.linear-autoplay-line {
  display: flex;
  align-items: center;
  gap: 10px;
}
.linear-autoplay-line .wrap-gallery-items {
  width: calc(50% - 5px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .linear-autoplay-line {
    gap: 90px;
  }
  .linear-autoplay-line:first-child {
    margin-left: -270px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-slider-gallery {
  padding-top: calc(90rem / 16);
  padding-bottom: calc(100rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-slider-gallery {
    padding-top: calc(20rem / 16 + 70 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-slider-gallery {
    padding-bottom: calc(40rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

@media only screen and (min-width: 768px) {
  .slider-gallery-line.only-for-mobile {
    display: none;
  }
}
.slider-gallery-line:nth-child(even) {
  transform: rotate(180deg);
}
.slider-gallery-line:nth-child(even) .slider-gallery-line__item {
  transform: rotate(-180deg);
}
.slider-gallery-line__wrapper {
  transition-timing-function: linear !important;
  will-change: transform;
}
.slider-gallery-line + .slider-gallery-line {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .slider-gallery-line + .slider-gallery-line {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1300px) {
  .slider-gallery-line + .slider-gallery-line {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 1500px) {
  .slider-gallery-line + .slider-gallery-line {
    margin-top: 80px;
  }
}
.slider-gallery-line__item {
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
}
.slider-gallery-line__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-feedback-team {
  padding-top: calc(120rem / 16);
  padding-bottom: calc(105rem / 16);
  background-image: url("../images/section-feedback-team/bg.webp");
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}
@media (max-width: 1728px) {
  .section-feedback-team {
    padding-top: calc(55rem / 16 + 65 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-feedback-team {
    padding-bottom: calc(55rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-feedback-team__wrapper {
  max-width: 1139px;
}
.section-feedback-team .section-title {
  font-size: calc(62rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-align: center;
  color: #fefefe;
}
@media (max-width: 1728px) {
  .section-feedback-team .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-feedback-team .section-title {
    line-height: 1.07;
    color: #fcf9fe;
  }
}

.slider-feedback-team {
  margin-top: calc(40rem / 16);
}
@media (max-width: 1728px) {
  .slider-feedback-team {
    margin-top: calc(10rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 575px) {
  .slider-feedback-team {
    max-width: 354px;
  }
}
.slider-feedback-team .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}
.slider-feedback-team__scrollbar {
  margin-top: calc(56rem / 16);
  width: 72%;
  max-width: 370px;
  margin-inline: auto;
  background-color: rgba(252, 249, 254, 0.3);
  height: 7px;
}
@media (max-width: 1728px) {
  .slider-feedback-team__scrollbar {
    margin-top: calc(32rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.slider-feedback-team__scrollbar .swiper-scrollbar-drag {
  background-color: #FCF9FE;
  height: 100%;
}

.card-feedback-team {
  border-radius: calc(16rem / 16);
  column-gap: calc(44rem / 16);
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  padding: 8px;
  border: 1.13px solid rgba(255, 255, 255, 0.09);
  box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 59px 0 rgba(255, 255, 255, 0.05), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
}
@media (max-width: 1728px) {
  .card-feedback-team {
    border-radius: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-feedback-team {
    column-gap: calc(10rem / 16 + 34 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 576px) {
  .card-feedback-team {
    flex-direction: row;
    padding: 8px 15px 8px 8px;
  }
}
@media only screen and (min-width: 768px) {
  .card-feedback-team {
    padding: 22px 24px;
  }
}
.card-feedback-team__bg {
  max-width: calc(389rem / 16);
  border-radius: calc(20rem / 16);
  aspect-ratio: 1/0.9768637532;
  width: 100%;
  background: #d9d9d9;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .card-feedback-team__bg {
    max-width: calc(200rem / 16 + 189 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-feedback-team__bg {
    border-radius: calc(8rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 575px) {
  .card-feedback-team__bg {
    max-width: 336px;
    min-height: 324px;
  }
}
.card-feedback-team__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.card-feedback-team__wrap-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 29px;
  max-width: 546px;
  width: 100%;
  padding-inline: 16px;
  padding-block: 0 12px;
  height: 100%;
}
@media only screen and (min-width: 576px) {
  .card-feedback-team__wrap-text {
    padding-inline: 0;
    padding-block: 10px 5px;
  }
}
.card-feedback-team__quote {
  font-size: calc(35rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #fcf9fe;
}
@media (max-width: 1728px) {
  .card-feedback-team__quote {
    font-size: calc(18rem / 16 + 17 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-feedback-team__quote {
    line-height: normal;
  }
}
.card-feedback-team__name {
  font-size: calc(24rem / 16);
  font-weight: 500;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #fcf9fe;
  margin-bottom: 5px;
}
@media (max-width: 1728px) {
  .card-feedback-team__name {
    font-size: calc(16rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-feedback-team__job-title {
  font-size: calc(20rem / 16);
  line-height: 1.26;
  letter-spacing: 0.05em;
  color: #E5E7FF;
}
@media (max-width: 1728px) {
  .card-feedback-team__job-title {
    font-size: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-feedback-team__job-title {
    line-height: 1.34;
    letter-spacing: 0.02em;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-slider-scroll {
  padding-block: 0;
}

.slider-scroll {
  position: relative;
}
.slider-scroll .slider-scroll__pagination {
  z-index: 10;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .slider-scroll .slider-scroll__pagination {
    left: 75%;
    bottom: 30px;
  }
}
.slider-scroll .swiper-pagination-bullet-active {
  background-color: #fefefe;
}

.card-scroll {
  position: relative;
  text-align: center;
}
.card-scroll::before {
  content: "";
  z-index: 1;
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.card-scroll__text-item {
  z-index: 2;
  position: relative;
}
.card-scroll__bg-item {
  z-index: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.card-scroll__bg-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.card-scroll__text-inner-wrap {
  min-height: 100vh;
  max-width: 370px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  padding: 105px 25px 125px;
}
@media only screen and (min-width: 576px) {
  .card-scroll__text-inner-wrap {
    max-width: 500px;
  }
}
.card-scroll .section-title {
  font-size: calc(72rem / 16);
  line-height: 1;
  color: #FEFEFE;
  padding-bottom: 11px;
}
@media (max-width: 1728px) {
  .card-scroll .section-title {
    font-size: calc(54rem / 16 + 18 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-scroll .section-description {
  color: #fff;
  margin-inline: auto;
}
.card-scroll .btn,
.card-scroll .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-scroll .wrap-btn-hbsp-submit {
  max-width: 300px;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .card-scroll {
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
  .card-scroll::before {
    display: none;
  }
  .card-scroll__text-item, .card-scroll__bg-item {
    position: relative;
    height: 100vh;
    width: 50vw;
  }
  .card-scroll__text-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 30px;
  }
  .card-scroll__text-inner-wrap {
    max-width: 615px;
    justify-content: center;
    gap: 35px;
    padding: 50px 0 150px 20px;
  }
  .card-scroll .section-title {
    color: #0E0F11;
    padding-bottom: 37px;
  }
  .card-scroll .section-description {
    color: rgba(0, 0, 0, 0.6);
  }
  .card-scroll .btn,
  .card-scroll .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-scroll .wrap-btn-hbsp-submit {
    max-width: 240px;
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) and (orientation: landscape) {
  .card-scroll__text-item, .card-scroll__bg-item {
    height: auto;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-map {
  padding-top: calc(130rem / 16);
  padding-bottom: calc(80rem / 16);
  position: relative;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-map {
    padding-top: calc(60rem / 16 + 70 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-map {
    padding-bottom: calc(20rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-map::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("../images/page-cuntact-us/section-map/decor-bg-mob.svg");
  background-size: 100% 100%;
  background-position: right top;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .section-map::before {
    background-image: url("../images/page-cuntact-us/section-map/decor-bg-desk.svg");
    background-size: auto 100%;
  }
}
.section-map .section-title {
  font-size: calc(72rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  line-height: 1.05;
  padding-bottom: 30px;
}
@media (max-width: 1728px) {
  .section-map .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-map .section-title {
    letter-spacing: normal;
  }
}
.section-map.dark-theme .section-title {
  color: #fefefe;
}
@media only screen and (min-width: 768px) {
  .section-map.dark-theme .section-title {
    color: #FCF9FE;
  }
}
.section-map__wrapper-top {
  margin-bottom: 20px;
}
.section-map__wrapper-slider {
  margin-top: calc(-100rem / 16);
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1728px) {
  .section-map__wrapper-slider {
    margin-top: calc(-55rem / 16 + -45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.slider-cards-map {
  overflow: visible;
}
@media only screen and (min-width: 1491px) {
  .slider-cards-map {
    width: calc(100% + (100vw - 100%) / 2);
    overflow: visible;
  }
}
.slider-cards-map .swiper-slide {
  height: auto;
  cursor: pointer;
}
.slider-cards-map .card-address {
  height: 100%;
}
.slider-cards-map .swiper-slide-active .card-address,
.slider-cards-map .swiper-slide.slide-hover-dot .card-address {
  background: #f6f5ff;
}
.slider-cards-map .swiper-slide-active .card-address .card-address__country,
.slider-cards-map .swiper-slide.slide-hover-dot .card-address .card-address__country {
  color: #121185;
}
.slider-cards-map .swiper-slide-active .card-address p, .slider-cards-map .swiper-slide-active .card-address a,
.slider-cards-map .swiper-slide.slide-hover-dot .card-address p,
.slider-cards-map .swiper-slide.slide-hover-dot .card-address a {
  color: rgba(53, 58, 176, 0.8);
}
.slider-cards-map .swiper-slide-active .card-address::before,
.slider-cards-map .swiper-slide.slide-hover-dot .card-address::before {
  opacity: 0;
}
.slider-cards-map .swiper-slide.slide-hover-dot .card-address {
  transform: translateY(-15px);
}

.card-address {
  font-size: calc(20rem / 16);
  padding-top: calc(36rem / 16);
  padding-bottom: calc(52rem / 16);
  padding-inline: calc(40rem / 16);
  position: relative;
  border-radius: 16px;
  color: rgba(14, 15, 17, 0.5);
  background-color: #F8F8F8;
  letter-spacing: 0.02em;
  position: relative;
  transition: transform 0.3s ease;
  overflow: hidden;
  margin-inline: 5px;
}
@media (max-width: 1728px) {
  .card-address {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-address {
    padding-top: calc(25rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-address {
    padding-bottom: calc(25rem / 16 + 27 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-address {
    padding-inline: calc(25rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-address {
    line-height: 134%;
    letter-spacing: 0.02em;
    margin-inline: 0;
  }
}
.card-address__country {
  font-size: calc(35rem / 16);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin-bottom: 20px;
}
@media (max-width: 1728px) {
  .card-address__country {
    font-size: calc(24rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-address p {
  z-index: 2;
  position: relative;
  transition: color 0.5s ease;
}
.card-address p + p {
  margin-top: 10px;
}
.card-address::before {
  content: "";
  opacity: 1;
  z-index: 1;
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all 0.5s ease;
}

.dark-theme {
  background-color: #12163C;
}
.dark-theme .card-address {
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  background: #151452;
  color: rgba(229, 231, 255, 0.8);
}
.dark-theme .card-address::before {
  content: "";
  background-image: linear-gradient(to bottom, #151452 0%, #1B135F 75%, #231372 85%, #2D128C 100%);
}
.dark-theme .card-address__country {
  color: #FCF9FE;
}

.container-map {
  width: calc(100% - 54px);
  margin: 0 auto;
  margin-bottom: 20px;
  --height-scrollbar: 0px;
  will-change: transform;
}
.container-map::-webkit-scrollbar {
  width: var(--width-scrollbar);
  height: var(--height-scrollbar);
  background-color: rgba(0, 0, 0, 0);
}
.container-map::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background-color: rgba(64, 30, 255, 0.2);
}
.container-map::-webkit-scrollbar-thumb:hover {
  background-color: rgba(64, 30, 255, 0.7);
}
.container-map__svg-map {
  height: 100%;
}
.container-map svg circle:hover {
  cursor: pointer;
}
.container-map svg circle.active {
  fill: transparent;
  stroke-width: 34px;
  stroke: #5F43FB;
}
@media only screen and (max-width: 768px) {
  .container-map {
    width: 100%;
    overflow-y: hidden;
  }
  .container-map .svg-wrapper {
    overflow-y: hidden;
    width: 793px;
  }
  .container-map svg {
    width: 793px;
    height: 391px;
    position: relative;
  }
}

.svg-wrapper {
  position: relative;
  max-width: 1520px;
  margin-inline: auto;
}

.dot-address {
  --transition: .5s ease;
  z-index: 10;
  aspect-ratio: 1/1;
  background-color: #6B34FD;
  border-color: #A7BCFF;
  border-width: 2px;
  border-style: solid;
  width: 1.5%;
  border-radius: 50%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform var(--transition), background-color 0.3s ease, border-color 0.3s ease;
  will-change: transform;
  cursor: pointer;
}
@media only screen and (min-width: 1201px) {
  .dot-address {
    width: 1%;
  }
}
.dot-address:not(.active):hover {
  transform: translate(-5%, -5%) scale(1.1);
}
.dot-address.active {
  background-color: #FCF9FE;
  border-color: #97ABFF;
  transform: translate(-15%, -15%) scale(1.7);
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-follow-us.dark-theme {
  background-color: #000;
}

.section-follow-us {
  padding-top: calc(125rem / 16);
  padding-bottom: calc(80rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-follow-us {
    padding-top: calc(55rem / 16 + 70 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-follow-us {
    padding-bottom: calc(50rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-follow-us .decor-border-bottom {
    border-bottom: 1px solid rgba(169, 169, 169, 0.3);
  }
}
.section-follow-us__wrap-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .section-follow-us__wrap-top {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
  }
}
.section-follow-us .section-title {
  font-size: calc(62rem / 16);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #121185;
}
@media (max-width: 1728px) {
  .section-follow-us .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-follow-us .section-title {
    line-height: 1.07;
    color: #00005c;
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .section-follow-us .btn.demo,
  .section-follow-us .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-follow-us .wrap-btn-hbsp-submit {
    padding-block: 12px;
    padding-inline: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .slider-follow-us {
    padding-inline: 0 20px;
  }
}
.slider-follow-us__wrapper-slider {
  margin-top: calc(25rem / 16);
  padding-bottom: calc(60rem / 16);
}
@media (max-width: 1728px) {
  .slider-follow-us__wrapper-slider {
    margin-top: calc(45rem / 16 + -20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .slider-follow-us__wrapper-slider {
    padding-bottom: calc(5rem / 16 + 55 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 991px) {
  .slider-follow-us__wrapper-slider {
    padding-inline: 0;
  }
}
.slider-follow-us .swiper-slide {
  height: auto;
}
@media only screen and (max-width: 991px) {
  .slider-follow-us .swiper-slide:first-child, .slider-follow-us .swiper-slide:last-child {
    box-sizing: content-box;
  }
  .slider-follow-us .swiper-slide:first-child {
    padding-left: 10px;
  }
  .slider-follow-us .swiper-slide:last-child {
    padding-right: 10px;
  }
}
.slider-follow-us .card-follow-us {
  height: 100%;
}

.card-follow-us {
  border-radius: calc(16rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
}
@media (max-width: 1728px) {
  .card-follow-us {
    border-radius: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-follow-us__bg {
  aspect-ratio: 1/0.715;
  height: 100%;
  overflow: hidden;
}
.card-follow-us__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.card-follow-us__bg:hover img {
  transform: scale(1.05);
}
.card-follow-us__bottom {
  padding-block: calc(20rem / 16);
  padding-inline: calc(24rem / 16);
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1728px) {
  .card-follow-us__bottom {
    padding-block: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-follow-us__bottom {
    padding-inline: calc(16rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1200px) {
  .card-follow-us__bottom {
    align-items: center;
  }
}
.card-follow-us__link {
  --size: calc(32rem / 16);
  display: inline-block;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  transition: transform 0.3s ease;
  margin-top: -13px;
}
@media (max-width: 1728px) {
  .card-follow-us__link {
    --size: calc(27rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .card-follow-us__link {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .card-follow-us__link {
    margin-top: 0;
  }
}
.card-follow-us__link img {
  width: 100%;
}
.card-follow-us__link:hover {
  transform: scale(1.1);
}

.follow-us-social {
  font-size: calc(20rem / 16);
  line-height: 1.26;
  letter-spacing: 0.06em;
  color: #353ab0;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 1728px) {
  .follow-us-social {
    font-size: calc(13rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .follow-us-social {
    line-height: 1.34;
    letter-spacing: 0.02em;
  }
}
.follow-us-social__wrap-icon {
  --size: calc(48rem / 16);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  border-radius: 50%;
  padding: 5px;
  background-image: linear-gradient(to bottom, rgb(14, 15, 17), #24205d);
}
@media (max-width: 1728px) {
  .follow-us-social__wrap-icon {
    --size: calc(42rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.follow-us-social__title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #121185;
}
@media only screen and (min-width: 768px) {
  .follow-us-social__title {
    font-weight: 500;
    line-height: 1.5;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
@media only screen and (min-width: 768px) {
  .hero-generic-title + .section-slider-logo {
    display: none;
  }
}

.section-slider-logo {
  z-index: 2;
  position: relative;
  height: 88px;
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  background-color: var(--theme-color-bg-main);
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-slider-logo {
    height: 124px;
  }
}
.section-slider-logo .main-wrapper {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .section-slider-logo .main-wrapper {
    padding-inline: 0;
  }
}
.section-slider-logo .slider-hero-logo {
  height: 100%;
}
.section-slider-logo .slider-hero-logo img {
  max-height: 100%;
}

.page-service .section-slider-logo .main-wrapper {
  max-width: 1625px;
}
@media only screen and (max-width: 767px) {
  .page-service .section-slider-logo .main-wrapper {
    padding-left: 20px;
    width: calc(100% + 20px);
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-text-center-bg {
  padding: 136px 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  color: #FEFEFE;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section-text-center-bg {
    padding-top: 154px;
    padding-bottom: 10rem;
    gap: 11px;
  }
}
.section-text-center-bg__title {
  max-width: 860px;
}
.section-text-center-bg__text {
  max-width: 411px;
}
@media screen and (max-width: 576px) {
  .section-text-center-bg__text {
    max-width: 266px;
  }
}
.section-text-center-bg__btn {
  margin: 0;
  padding: 1.125rem 59px;
  width: auto;
  max-width: none;
}
@media screen and (max-width: 576px) {
  .section-text-center-bg__btn {
    padding: 1.125rem 40px;
    margin-top: 6px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-menu-page {
  display: none;
  position: sticky;
  z-index: 3;
  top: 0;
  box-shadow: 0 4px 11px 0 rgba(166, 184, 237, 0.2);
  background: #FCF9FE;
  padding-block: 10px;
}
.section-menu-page.mobile-vision {
  display: block;
}
@media only screen and (min-width: 768px) {
  .section-menu-page {
    display: block;
    padding-block: 18px;
  }
}
.section-menu-page__wrapper {
  max-width: 1680px;
  display: flex;
  flex-direction: column;
  flex-direction: row;
  white-space: nowrap;
  column-gap: 30px;
  row-gap: 10px;
}
@media only screen and (max-width: 767px) {
  .section-menu-page__wrapper {
    padding-inline: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .section-menu-page__wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.section-menu-page__title {
  color: #0e0f11;
  font-weight: 400;
  letter-spacing: 0.44px;
  margin-right: 33px;
  font-size: calc(32rem / 16);
}
@media (max-width: 1728px) {
  .section-menu-page__title {
    font-size: calc(22rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media screen and (min-width: 768px) {
  .section-menu-page__title {
    margin-left: 45px;
  }
}
.section-menu-page.platform-type {
  display: block;
}
.section-menu-page.platform-type .section-menu-page__bread-crumbs {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section-menu-page.platform-type .section-menu-page__bread-crumbs {
    display: flex;
  }
}
.section-menu-page.article-type {
  display: block;
}
.section-menu-page.article-type .section-menu-page__nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section-menu-page.article-type .section-menu-page__nav {
    display: flex;
  }
}
.section-menu-page.support-type {
  display: block;
}
.section-menu-page.support-type .section-menu-page__bread-crumbs {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section-menu-page.support-type .section-menu-page__bread-crumbs {
    display: flex;
  }
}
.section-menu-page.support-type .section-menu-page__nav {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .section-menu-page.support-type .section-menu-page__nav {
    display: none;
  }
}
.section-menu-page__bread-crumbs {
  column-gap: calc(17rem / 16);
  display: flex;
  align-items: center;
  overflow-x: auto;
}
@media (max-width: 1728px) {
  .section-menu-page__bread-crumbs {
    column-gap: calc(20rem / 16 + -3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-menu-page__bread-crumbs::-webkit-scrollbar {
  height: 0;
}
.section-menu-page__bread-crumbs .bread-crumbs-drop-down__menu li:last-child a,
.section-menu-page__bread-crumbs a {
  font-size: calc(22rem / 16);
  column-gap: calc(13rem / 16);
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #353ab0;
  transition: color 0.3s ease;
}
@media (max-width: 1728px) {
  .section-menu-page__bread-crumbs .bread-crumbs-drop-down__menu li:last-child a,
  .section-menu-page__bread-crumbs a {
    font-size: calc(16rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-menu-page__bread-crumbs .bread-crumbs-drop-down__menu li:last-child a,
  .section-menu-page__bread-crumbs a {
    column-gap: calc(15rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-menu-page__bread-crumbs .bread-crumbs-drop-down__menu li:last-child a:hover,
.section-menu-page__bread-crumbs a:hover {
  color: #121185;
}
.section-menu-page__bread-crumbs li:last-child a {
  font-weight: 500;
  line-height: 1.6;
  color: #121185;
}
.section-menu-page__bread-crumbs li:last-child a .arrow-css,
.section-menu-page__bread-crumbs li:last-child a .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .section-menu-page__bread-crumbs li:last-child a b, .section-menu-page__bread-crumbs li:last-child a .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-menu-page__bread-crumbs li:last-child a .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .section-menu-page__bread-crumbs li:last-child a .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-menu-page__bread-crumbs li:last-child a .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .section-menu-page__bread-crumbs li:last-child a .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs li:last-child a b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs li:last-child a b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs li:last-child a b, .section-menu-page__bread-crumbs li:last-child a .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs li:last-child a b, .section-menu-page__bread-crumbs .marketecture-mobile-item-open__body li:last-child a i, .marketecture-mobile-item-open__body .section-menu-page__bread-crumbs li:last-child a i, .section-menu-page__bread-crumbs li:last-child a .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .section-menu-page__bread-crumbs li:last-child a i, .section-menu-page__bread-crumbs .marketecture-mobile-item-close__body li:last-child a i, .marketecture-mobile-item-close__body .section-menu-page__bread-crumbs li:last-child a i, .section-menu-page__bread-crumbs li:last-child a .table-careers thead th.sorted i, .table-careers thead th.sorted .section-menu-page__bread-crumbs li:last-child a i {
  display: none;
}
.section-menu-page__bread-crumbs .arrow-css, .section-menu-page__bread-crumbs .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .section-menu-page__bread-crumbs b,
.section-menu-page__bread-crumbs .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .section-menu-page__bread-crumbs b, .section-menu-page__bread-crumbs .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-menu-page__bread-crumbs .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .section-menu-page__bread-crumbs .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-menu-page__bread-crumbs .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .section-menu-page__bread-crumbs .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs b, .section-menu-page__bread-crumbs .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs b, .section-menu-page__bread-crumbs .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body li .section-menu-page__bread-crumbs i, .section-menu-page__bread-crumbs .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .section-menu-page__bread-crumbs i, .section-menu-page__bread-crumbs .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body li .section-menu-page__bread-crumbs i, .section-menu-page__bread-crumbs .table-careers thead th.sorted i, .table-careers thead th.sorted .section-menu-page__bread-crumbs i {
  border-color: #353ab0;
  border-width: 0 1.5px 1.5px 0;
  margin-top: 0.1em;
  padding: 3px;
}
@media only screen and (min-width: 768px) {
  .section-menu-page__bread-crumbs .arrow-css, .section-menu-page__bread-crumbs .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .section-menu-page__bread-crumbs b,
  .section-menu-page__bread-crumbs .section-registration .hbsp-form .select2-selection__arrow b,
  .section-registration .hbsp-form .select2-selection__arrow .section-menu-page__bread-crumbs b, .section-menu-page__bread-crumbs .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-menu-page__bread-crumbs .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .section-menu-page__bread-crumbs .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-menu-page__bread-crumbs .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .section-menu-page__bread-crumbs .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs b, .section-menu-page__bread-crumbs .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .section-menu-page__bread-crumbs b, .section-menu-page__bread-crumbs .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body li .section-menu-page__bread-crumbs i, .section-menu-page__bread-crumbs .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .section-menu-page__bread-crumbs i, .section-menu-page__bread-crumbs .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body li .section-menu-page__bread-crumbs i, .section-menu-page__bread-crumbs .table-careers thead th.sorted i, .table-careers thead th.sorted .section-menu-page__bread-crumbs i {
    padding: 4px;
  }
}
.section-menu-page__nav {
  gap: calc(55rem / 16);
  display: flex;
  align-items: center;
  overflow-x: auto;
}
@media (max-width: 1728px) {
  .section-menu-page__nav {
    gap: calc(18rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-menu-page__nav::-webkit-scrollbar {
  height: 0;
}
.section-menu-page__link {
  font-size: calc(22rem / 16);
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #353ab0;
  transition: color 0.3s ease;
}
@media (max-width: 1728px) {
  .section-menu-page__link {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-menu-page__link:hover {
  color: #121185;
}
.section-menu-page__link.is-active {
  font-weight: 500;
  line-height: 1.6;
  color: #121185;
}

@media only screen and (max-width: 767px) {
  .bread-crumbs-list {
    overflow: inherit;
    position: relative;
  }
}

.bread-crumbs-drop-down {
  display: flex;
  align-items: center;
  column-gap: calc(11rem / 16);
}
@media (max-width: 1728px) {
  .bread-crumbs-drop-down {
    column-gap: calc(13rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .bread-crumbs-drop-down > .arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow .bread-crumbs-drop-down > b,
  .section-registration .hbsp-form .select2-selection__arrow .bread-crumbs-drop-down > b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down > b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down > b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down > b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down > b, .marketecture-mobile-item-open__body li .bread-crumbs-drop-down > i, .marketecture-mobile-item-close__header .bread-crumbs-drop-down > i, .marketecture-mobile-item-close__body li .bread-crumbs-drop-down > i, .table-careers thead th.sorted .bread-crumbs-drop-down > i {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .bread-crumbs-drop-down__menu {
    box-shadow: 3px -3px 20px 0 rgba(18, 17, 133, 0.13);
    max-width: 361px;
    width: calc(100vw - 30px);
    background: #fff;
    border-radius: 8px;
    border: 1.5px solid #353ab0;
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: opacity 0.35s ease-in, visibility 0.35s ease-in, transform 0.5s ease;
  }
  .bread-crumbs-drop-down__menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.35s ease-in;
  }
  .bread-crumbs-drop-down__menu li a {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: 0.02em;
    color: #121185 !important;
    padding: 16px 24px;
    width: 100%;
  }
  .bread-crumbs-drop-down__menu li a .arrow-css, .bread-crumbs-drop-down__menu li a .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .bread-crumbs-drop-down__menu li a b,
  .bread-crumbs-drop-down__menu li a .section-registration .hbsp-form .select2-selection__arrow b,
  .section-registration .hbsp-form .select2-selection__arrow .bread-crumbs-drop-down__menu li a b, .bread-crumbs-drop-down__menu li a .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .bread-crumbs-drop-down__menu li a .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .bread-crumbs-drop-down__menu li a .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .bread-crumbs-drop-down__menu li a .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .bread-crumbs-drop-down__menu li a .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down__menu li a b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down__menu li a b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down__menu li a b, .bread-crumbs-drop-down__menu li a .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down__menu li a b, .bread-crumbs-drop-down__menu .marketecture-mobile-item-open__body li a i, .marketecture-mobile-item-open__body .bread-crumbs-drop-down__menu li a i, .bread-crumbs-drop-down__menu li a .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .bread-crumbs-drop-down__menu li a i, .bread-crumbs-drop-down__menu .marketecture-mobile-item-close__body li a i, .marketecture-mobile-item-close__body .bread-crumbs-drop-down__menu li a i, .bread-crumbs-drop-down__menu li a .table-careers thead th.sorted i, .table-careers thead th.sorted .bread-crumbs-drop-down__menu li a i {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .bread-crumbs-drop-down__menu {
    column-gap: calc(17rem / 16);
    display: inline-flex;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .bread-crumbs-drop-down__menu {
    column-gap: calc(20rem / 16 + -3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .bread-crumbs-drop-down__menu > li:last-child a .arrow-css,
  .bread-crumbs-drop-down__menu > li:last-child a .section-registration .hbsp-form .select2-selection__arrow b,
  .section-registration .hbsp-form .select2-selection__arrow .bread-crumbs-drop-down__menu > li:last-child a b, .bread-crumbs-drop-down__menu > li:last-child a .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .bread-crumbs-drop-down__menu > li:last-child a .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .bread-crumbs-drop-down__menu > li:last-child a .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .bread-crumbs-drop-down__menu > li:last-child a .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .bread-crumbs-drop-down__menu > li:last-child a .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down__menu > li:last-child a b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down__menu > li:last-child a b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down__menu > li:last-child a b, .bread-crumbs-drop-down__menu > li:last-child a .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .bread-crumbs-drop-down__menu > li:last-child a b, .marketecture-mobile-item-open__body .bread-crumbs-drop-down__menu > li:last-child a i, .bread-crumbs-drop-down__menu > li:last-child a .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .bread-crumbs-drop-down__menu > li:last-child a i, .marketecture-mobile-item-close__body .bread-crumbs-drop-down__menu > li:last-child a i, .bread-crumbs-drop-down__menu > li:last-child a .table-careers thead th.sorted i, .table-careers thead th.sorted .bread-crumbs-drop-down__menu > li:last-child a i {
    display: block;
  }
}
.bread-crumbs-drop-down__btn {
  background: none;
  border: none;
  display: inline-flex;
  padding: 10px 5px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .bread-crumbs-drop-down__btn {
    display: none;
  }
}
.bread-crumbs-drop-down__btn span {
  display: block;
  width: 4px;
  min-width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #121185;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.left-text-btn {
  padding-top: calc(125rem / 16);
  padding-bottom: 38px;
  --radius: 12px;
}
@media (max-width: 1728px) {
  .left-text-btn {
    padding-top: calc(50rem / 16 + 75 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.left-text-btn__content-top {
  max-width: 721px;
}
.left-text-btn__subtitle {
  color: #A493FF;
}
.left-text-btn__title {
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}
@media screen and (min-width: 1025px) {
  .left-text-btn__title {
    margin-top: 10px;
    margin-bottom: 40px;
  }
}
.left-text-btn__description {
  max-width: 310px;
}
@media screen and (min-width: 576px) {
  .left-text-btn__description {
    max-width: 570px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.wrapper-card-image-text {
  padding-top: calc(134rem / 16);
  padding-bottom: calc(116rem / 16);
  position: relative;
}
@media (max-width: 1728px) {
  .wrapper-card-image-text {
    padding-top: calc(28rem / 16 + 106 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .wrapper-card-image-text {
    padding-bottom: calc(100rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.wrapper-card-image-text::before {
  content: "";
  display: block;
  width: 850px;
  height: 846px;
  border-radius: 849.832px;
  background: linear-gradient(243deg, #5F43FB 15.36%, rgba(56, 39, 148, 0.82) 24.31%, rgba(11, 0, 75, 0.56) 37.1%, rgba(0, 0, 0, 0) 64.45%);
  filter: blur(77px);
  position: absolute;
  z-index: -1;
  left: -220px;
  bottom: -133px;
  width: 850px;
  height: 846px;
}
@media screen and (max-width: 768px) {
  .wrapper-card-image-text::before {
    border-radius: 539.742px;
    background: linear-gradient(180deg, #5F43FB 0%, rgba(56, 39, 148, 0.82) 18.23%, rgba(11, 0, 75, 0.56) 44.27%, rgba(0, 0, 0, 0) 100%);
    width: 540px;
    height: 435px;
    left: 20px;
    bottom: -365px;
  }
}
.wrapper-card-image-text__item {
  padding: 55px 33px 53px 46px;
  height: 100%;
}
@media screen and (min-width: 866px) {
  .wrapper-card-image-text__item {
    max-width: 391px;
  }
}
@media screen and (max-width: 865px) {
  .wrapper-card-image-text__item {
    padding: 27px 13px 50px 25px;
  }
}
.wrapper-card-image-text__image {
  max-height: 180%;
  margin: auto;
}
.wrapper-card-image-text__block-image {
  height: 180px;
  text-align: center;
  max-height: calc(160rem / 16);
  margin-bottom: calc(47rem / 16);
}
@media (max-width: 1728px) {
  .wrapper-card-image-text__block-image {
    max-height: calc(130rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .wrapper-card-image-text__block-image {
    margin-bottom: calc(58rem / 16 + -11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.wrapper-card-image-text__number {
  border-radius: 3px;
  background: #1C1347;
  padding: 10px;
  aspect-ratio: 1/1;
  font-size: 0.875rem;
  display: inline-block;
  margin-top: auto;
}
@media screen and (max-width: 576px) {
  .wrapper-card-image-text__number {
    padding: 5px;
    font-size: 0.75rem;
  }
}
.wrapper-card-image-text__title {
  margin-top: calc(23rem / 16);
  margin-bottom: 0.25rem;
}
@media (max-width: 1728px) {
  .wrapper-card-image-text__title {
    margin-top: calc(9rem / 16 + 14 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.wrapper-card-image-text__text {
  font-size: 1.125rem;
  opacity: 0.8;
  line-height: 1.388;
  letter-spacing: 0.36px;
}
.wrapper-card-image-text__wrapper {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1299px;
  margin-left: auto;
  margin-right: auto;
}
.wrapper-card-image-text__swiper-slide {
  border-radius: 20px;
  border: 1px solid #201653;
  background: #110C2C;
  height: auto;
}
@media screen and (max-width: 865px) {
  .wrapper-card-image-text__swiper-slide {
    max-width: 300px;
  }
}
@media screen and (min-width: 866px) {
  .wrapper-card-image-text__swiper-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 75px 40px;
  }
  .wrapper-card-image-text__swiper-slide {
    width: auto;
    height: auto;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-faq {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(121rem / 16);
  background-color: var(--theme-color-bg-main);
  color: var(--theme-color-text);
}
@media (max-width: 1728px) {
  .section-faq {
    padding-top: calc(56rem / 16 + 68 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-faq {
    padding-bottom: calc(100rem / 16 + 21 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-faq__title {
  margin-bottom: calc(33rem / 16);
}
@media (max-width: 1728px) {
  .section-faq__title {
    margin-bottom: calc(15rem / 16 + 18 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-faq__wrapper {
  display: grid;
  gap: 21px;
  align-items: start;
}
@media screen and (min-width: 768px) {
  .section-faq__wrapper {
    gap: 114px 29px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.section-faq__btn {
  font-size: 1.875rem;
  line-height: 1.166;
  color: var(--theme-color-text);
  font-weight: 500;
  padding: 30px 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .section-faq__btn {
    font-size: calc(30rem / 16);
    padding: 14px 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 1728px) {
  .section-faq__btn {
    font-size: calc(18rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-faq__btn-span {
  opacity: 0.8;
}
.section-faq__btn-icon {
  width: 1.125rem;
  color: #8771ff;
}
@media screen and (min-width: 768px) {
  .section-faq__btn-icon {
    margin-right: 4rem;
  }
}
.section-faq__body {
  opacity: 0.6;
  max-width: 550px;
}
.section-faq__item:not(.is-active) {
  border-bottom: 0.795px solid #a9a9a9;
}
.section-faq__item:not(.is-active) .section-faq__body {
  height: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .section-faq__item {
    border-bottom: 0.795px solid #a9a9a9;
  }
  .section-faq__item.is-active {
    padding-bottom: 34px;
  }
}

.page-plug-play .section-faq,
.page-service .section-faq {
  padding-bottom: calc(121rem / 16);
}
@media (max-width: 1728px) {
  .page-plug-play .section-faq,
  .page-service .section-faq {
    padding-bottom: calc(70rem / 16 + 51 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-plug-play .section-faq.light-theme,
.page-service .section-faq.light-theme {
  background-color: #f8f8f8;
  margin-block: -1px;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-form-logo {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
  background: linear-gradient(331deg, rgba(64, 30, 255, 0.2) -12.38%, rgba(64, 30, 255, 0) 48.56%), var(--theme-color-bg-top-menu-link);
  color: var(--theme-color-text);
}
@media (max-width: 1728px) {
  .section-form-logo {
    padding-top: calc(56rem / 16 + 68 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-form-logo {
    padding-bottom: calc(93rem / 16 + 31 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-form-logo__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1490px;
  padding-left: calc(31rem / 16);
  padding-right: calc(42rem / 16);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1728px) {
  .section-form-logo__wrapper {
    padding-left: calc(46rem / 16 + -15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-form-logo__wrapper {
    padding-right: calc(45rem / 16 + -3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media screen and (max-width: 1051px) {
  .section-form-logo__wrapper {
    flex-direction: column;
    gap: 103px;
  }
}
.section-form-logo__block-form {
  border-radius: 20px;
  background: #FFF;
  padding: 75px 94px 65px 75px;
  max-width: 650px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section-form-logo__block-form {
    padding: 48px 2rem;
  }
}
.section-form-logo__pink {
  color: #8771FF;
}
.section-form-logo__title {
  margin-top: 0.125rem;
  margin-bottom: 21px;
  max-width: 412px;
}
@media screen and (max-width: 768px) {
  .section-form-logo__title {
    margin-top: 1rem;
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 576px) {
  .section-form-logo__title {
    max-width: 180px;
  }
}
.section-form-logo__text {
  opacity: 0.6;
  max-width: 391px;
  margin-bottom: calc(63rem / 16);
}
@media (max-width: 1728px) {
  .section-form-logo__text {
    margin-bottom: calc(39rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-form-logo__block-field {
  margin-bottom: calc(27rem / 16);
}
@media (max-width: 1728px) {
  .section-form-logo__block-field {
    margin-bottom: calc(13rem / 16 + 14 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-form-logo__label-field {
  font-size: 1.125rem;
  line-height: 1.388;
  letter-spacing: 0.18px;
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 991px) {
  .section-form-logo__label-field {
    font-size: calc(18rem / 16);
  }
}
@media screen and (max-width: 991px) and (max-width: 1728px) {
  .section-form-logo__label-field {
    font-size: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-form-logo__form-field {
  width: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
  border: none;
  border-bottom: 1px solid var(--grey);
}
.section-form-logo__submit {
  display: block;
  width: 100%;
  margin-top: calc(73rem / 16);
  max-width: none;
}
@media (max-width: 1728px) {
  .section-form-logo__submit {
    margin-top: calc(49rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-form-logo__right {
  text-align: center;
}
.section-form-logo__right-text {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .section-form-logo__right-text {
    max-width: 215px;
    margin-left: auto;
    margin-right: auto;
  }
}
.section-form-logo__wrapper-logo {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  align-items: center;
  column-gap: 91px;
  row-gap: calc(91rem / 16);
  margin-top: calc(120rem / 16);
}
@media (max-width: 1728px) {
  .section-form-logo__wrapper-logo {
    row-gap: calc(41rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-form-logo__wrapper-logo {
    margin-top: calc(50rem / 16 + 70 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media screen and (max-width: 1358px) and (min-width: 1051px) {
  .section-form-logo__wrapper-logo {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .section-form-logo__wrapper-logo {
    grid-template-columns: repeat(2, 1fr);
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
button {
  font-family: "FoundersGrotesk", sans-serif;
}

.btn, .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  display: inline-block;
  border-radius: 5px;
  padding: 15px 40px;
  font-size: 1.125rem;
  white-space: nowrap;
  letter-spacing: 0.02em;
  line-height: 1.166;
  text-align: center;
  color: #fff;
  margin-block: 10px;
  border: 0px;
  cursor: pointer;
}
.btn:not(:disabled),
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:not(:disabled) {
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .btn, .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
    padding: 18px 45px;
  }
}
.btn.with-logo,
.section-registration .hbsp-form .hs-submit .with-logo.wrap-btn-hbsp-submit {
  display: inline-flex;
  gap: 10px;
}
.btn.accent,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .accent.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  border: none;
  background-color: #401EFF;
  transition: background-color 0.3s ease, font-weight 0.3s ease;
}
.btn.accent:hover,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover {
  background-color: rgba(64, 30, 255, 0.8);
}
.btn.btn-2,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  font-size: calc(20rem / 16);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  border-radius: 12px;
  letter-spacing: 0.02em;
  padding-inline: 20px;
  min-width: auto;
}
@media (max-width: 1728px) {
  .btn.btn-2,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .btn.btn-2,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
    gap: 16px;
    padding-inline: 25px;
  }
}
.btn.btn-2 img,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit img,
.section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit img,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img {
  width: 12px;
}
@media only screen and (min-width: 768px) {
  .btn.btn-2 img,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit img,
  .section-registration .hbsp-form .hs-submit .btn-2.wrap-btn-hbsp-submit img,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit img {
    width: 16px;
  }
}
.btn.accent-2,
.section-registration .hbsp-form .hs-submit .accent-2.wrap-btn-hbsp-submit {
  border: none;
  background-color: #6b34fd;
  transition: background-color 0.3s ease, font-weight 0.3s ease;
  padding-block: 14px;
}
.btn.accent-2:hover,
.section-registration .hbsp-form .hs-submit .accent-2.wrap-btn-hbsp-submit:hover {
  background-color: rgba(107, 52, 253, 0.8);
}
@media only screen and (min-width: 768px) {
  .btn.accent-2,
  .section-registration .hbsp-form .hs-submit .accent-2.wrap-btn-hbsp-submit {
    padding-block: 16px;
  }
}
.btn.btn-bg,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .btn-bg.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  --bg: #6b34fd;
  --bg-hover: #6127f9;
  --bg-pressed: #5820ed;
  --color: #fff;
  border: none;
  transition: background-color 0.3s ease, font-weight 0.3s ease;
  background-color: var(--bg);
  color: var(--color);
  padding-block: 14px;
}
@media only screen and (min-width: 768px) {
  .btn.btn-bg,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .btn-bg.wrap-btn-hbsp-submit,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
    padding-block: 16px;
  }
}
.btn.btn-bg.accent,
.section-registration .hbsp-form .hs-submit .btn.btn-bg.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .accent.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  --bg: #6b34fd;
}
.btn.btn-bg.accent:hover,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover {
  background-color: var(--bg-hover);
}
.btn.btn-bg.accent:active,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:active {
  background-color: var(--bg-pressed);
}
.btn.btn-bg.white,
.section-registration .hbsp-form .hs-submit .white.wrap-btn-hbsp-submit {
  --bg: #efedff;
  --color: #6b34fd;
}
.btn.btn-bg.white:hover,
.section-registration .hbsp-form .hs-submit .white.wrap-btn-hbsp-submit:hover {
  --bg: #FCF9FE;
}
.btn.demo,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .demo.wrap-btn-hbsp-submit,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  --icon: url("../images/icon-arrow-right-up.svg") ;
}
.btn.demo::after,
.section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit::after,
.section-registration .hbsp-form .hs-submit .demo.wrap-btn-hbsp-submit::after,
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: var(--icon);
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .btn.demo::after,
  .section-registration .hbsp-form .hs-submit .btn.wrap-btn-hbsp-submit::after,
  .section-registration .hbsp-form .hs-submit .demo.wrap-btn-hbsp-submit::after,
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after {
    width: 16px;
    height: 16px;
  }
}
.btn.demo:hover::after,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover::after {
  transform: rotate(45deg);
}
.btn.demo.white,
.section-registration .hbsp-form .hs-submit .white.wrap-btn-hbsp-submit {
  --icon: url("../images/icon-arrow-right-up-accent.svg") ;
}
.btn.demo.border,
.section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit {
  --icon: url("../images/icon-arrow-right-up-accent.svg") ;
  color: #6b34fd;
  border: 2px solid #6b34fd;
  background: none;
}
.btn.view-link,
.section-registration .hbsp-form .hs-submit .view-link.wrap-btn-hbsp-submit {
  padding-inline: 0;
  background: none;
  font-weight: 500;
  gap: 12px;
}
.btn.view-link.accent.demo,
.section-registration .hbsp-form .hs-submit .view-link.wrap-btn-hbsp-submit {
  --icon: url("../images/icon-arrow-right-up-accent.svg") ;
  color: #6B34FD;
}
.btn.view-link.accent.demo:hover,
.section-registration .hbsp-form .hs-submit .view-link.wrap-btn-hbsp-submit:hover {
  background: none;
}
.btn.border-2,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit {
  border: 2px solid #6b34fd;
  box-shadow: inset 0 0 16px 0 rgba(107, 52, 253, 0.3);
  background: rgba(107, 52, 253, 0.15);
  padding-block: 12px;
  transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .btn.border-2,
  .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit {
    padding-block: 15px;
  }
}
.btn.border-2:hover,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit:hover {
  background-color: rgba(107, 52, 253, 0);
  background-image: linear-gradient(to bottom, rgba(107, 52, 253, 0) 0%, rgba(107, 52, 253, 0.45) 100%);
}
.btn.border-2:active,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit:active {
  background-color: rgba(107, 52, 253, 0);
  background-image: linear-gradient(to bottom, rgba(107, 52, 253, 0) 0%, rgba(107, 52, 253, 0.45) 50%, rgba(107, 52, 253, 0.45) 100%);
}
.btn.border-2.accent,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit {
  color: #6b34fd;
  box-shadow: none;
  background: none;
}
.btn.border-2.accent:hover,
.section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit:hover {
  background-color: #6b34fd;
  color: #fff;
}
.btn.with-icon-vector,
.section-registration .hbsp-form .hs-submit .with-icon-vector.wrap-btn-hbsp-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 15px 25px 15px 30px;
}
@media only screen and (min-width: 768px) {
  .btn.with-icon-vector,
  .section-registration .hbsp-form .hs-submit .with-icon-vector.wrap-btn-hbsp-submit {
    padding: 18px 30px 18px 35px;
  }
}
.btn.with-icon-vector svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.wrap-btn-hbsp-submit svg {
  transition: all 0.3s ease;
}
.btn.with-icon-vector.accent svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.wrap-btn-hbsp-submit svg {
  fill: #FEFEFE;
}
.btn.with-icon-vector.border.accent svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.border.wrap-btn-hbsp-submit svg {
  fill: #401EFF;
}
.btn.with-icon-vector.to-right svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.to-right.wrap-btn-hbsp-submit svg {
  transform: rotate(-90deg);
}
.btn.with-icon-vector.to-right:hover svg,
.section-registration .hbsp-form .hs-submit .with-icon-vector.to-right.wrap-btn-hbsp-submit:hover svg {
  transform: rotate(-90deg) translateY(2px);
}
.btn.border,
.section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit {
  border: 1px solid #fff;
  transition: opacity 0.3s ease;
}
.btn.border:hover,
.section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit:hover {
  opacity: 0.8;
}
.btn.border.accent,
.section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit {
  border-color: #401EFF;
  background: none;
  color: #401EFF;
}

a.btn-demo,
button.btn-demo,
li.btn-demo a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  max-width: 200px;
  width: 100%;
  min-height: 58px;
  background-color: #401EFF;
  color: #fff;
  border-radius: 5px;
  letter-spacing: 0.05em;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  a.btn-demo,
  button.btn-demo,
  li.btn-demo a {
    font-weight: 500;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
a.btn-demo.hover-text span,
button.btn-demo.hover-text span,
li.btn-demo a.hover-text span {
  transition: transform 0.3s ease;
}
a.btn-demo.hover-text:hover,
button.btn-demo.hover-text:hover,
li.btn-demo a.hover-text:hover {
  background-color: rgba(64, 30, 255, 0.8);
}
a.btn-demo.hover-text:hover span,
button.btn-demo.hover-text:hover span,
li.btn-demo a.hover-text:hover span {
  transform: scale(1.1) translate(10px, -5px);
}
a.btn-demo:hover,
button.btn-demo:hover,
li.btn-demo a:hover {
  background-color: rgba(64, 30, 255, 0.8);
}

.link-sync {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 1.125rem;
  line-height: 1;
  color: #FEFEFE;
  padding-block: 15px;
  transition: opacity 0.3s ease;
}
.link-sync img {
  width: 25px;
  margin-top: -5px;
  transform: rotate(20deg);
  transition: transform 0.3s ease;
  opacity: 0.8;
}
.link-sync:hover {
  opacity: 0.8;
}
.link-sync:hover img {
  transform: rotate(50deg);
}

.link-to-more {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1;
  margin-block: 10px;
  transition: gap 0.3s ease, color 0.3s ease;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .link-to-more {
    letter-spacing: 0.02em;
  }
}
.link-to-more .arrow-css, .link-to-more .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .link-to-more b,
.link-to-more .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .link-to-more b, .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .link-to-more .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body li .link-to-more i, .link-to-more .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .link-to-more i, .link-to-more .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body li .link-to-more i, .link-to-more .table-careers thead th.sorted i, .table-careers thead th.sorted .link-to-more i {
  padding: calc(3rem / 16);
}
@media (max-width: 1728px) {
  .link-to-more .arrow-css, .link-to-more .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow .link-to-more b,
  .link-to-more .section-registration .hbsp-form .select2-selection__arrow b,
  .section-registration .hbsp-form .select2-selection__arrow .link-to-more b, .link-to-more .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .link-to-more .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .link-to-more .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more b, .link-to-more .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body li .link-to-more i, .link-to-more .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .link-to-more i, .link-to-more .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body li .link-to-more i, .link-to-more .table-careers thead th.sorted i, .table-careers thead th.sorted .link-to-more i {
    padding: calc(2rem / 16 + 1 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.link-to-more:hover {
  color: #401EFF;
  gap: 13px;
}
.link-to-more:hover .arrow-css,
.link-to-more:hover .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow .link-to-more:hover b, .link-to-more:hover .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more:hover .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .link-to-more:hover .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .link-to-more:hover .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more:hover b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more:hover b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more:hover b, .link-to-more:hover .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow .link-to-more:hover b, .link-to-more:hover .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body li .link-to-more:hover i, .link-to-more:hover .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .link-to-more:hover i, .link-to-more:hover .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body li .link-to-more:hover i, .link-to-more:hover .table-careers thead th.sorted i, .table-careers thead th.sorted .link-to-more:hover i {
  border-color: #401EFF;
}

.close-css {
  display: block;
  width: 17px;
  height: 17px;
  position: relative;
  padding: 0;
}
.close-css::before, .close-css::after {
  content: "";
  position: absolute;
  display: block;
  height: 3px;
  width: 100%;
  background-color: #646464;
  left: 50%;
  top: 50%;
  transition: background-color 0.3s ease;
}
.close-css::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-css::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.close-css:hover::before, .close-css:hover::after {
  background-color: #fff;
}

.humburger-css {
  display: block;
  width: 16px;
  height: 14px;
  position: relative;
}
.humburger-css i {
  display: block;
  height: 1.5px;
  width: 100%;
  background-color: #FCF9FE;
  position: absolute;
}
.humburger-css i:first-child {
  top: 0;
}
.humburger-css i:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.humburger-css i:last-child {
  bottom: 0;
}

.arrow-1 {
  cursor: pointer;
  position: relative;
  width: 80px;
  height: 50px;
  margin: 20px;
}

.arrow-1 div {
  position: relative;
  top: 20px;
  width: 90px;
  height: 10px;
  background-color: #337AB7;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  left: 0;
  display: block;
}

.arrow-1 div::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 10px;
  top: -11px;
  right: -8px;
  background-color: #337AB7;
  transform: rotate(45deg);
}

.arrow-1 div::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 10px;
  top: 11px;
  right: -8px;
  background-color: #337AB7;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
}

.arrow-1:hover {
  animation: arrow-1 1s linear infinite;
}

.link-with-icon {
  --size-icon: 11px;
  font-size: calc(18rem / 16);
  display: inline-flex;
  align-items: center;
  color: #8771ff;
  font-weight: 500;
  letter-spacing: 0.02em;
  gap: 10px;
  margin-block: 10px;
  transition: all 0.3s ease;
}
@media (max-width: 1728px) {
  .link-with-icon {
    font-size: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .link-with-icon {
    letter-spacing: 0.02em;
  }
}
.link-with-icon:hover {
  opacity: 0.9;
}
.link-with-icon::after {
  content: "";
  display: block;
  background-image: url("../images/icon-link-weight.svg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
}

.btn-dropdown {
  --color-icon: #121185;
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
}
.btn-dropdown svg path {
  stroke: var(--color-icon);
}

.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body li i, .table-careers thead th.sorted i {
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 3px;
  transition: all 0.3s ease;
}
.arrow-css.right, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.right,
.section-registration .hbsp-form .select2-selection__arrow b.right, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .marketecture-mobile-item-open__body li i.right, .marketecture-mobile-item-close__header i.right, .marketecture-mobile-item-close__body li i.right, .table-careers thead th.sorted i.right {
  transform: rotate(-45deg);
}
.arrow-css.left, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.left,
.section-registration .hbsp-form .select2-selection__arrow b.left, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .marketecture-mobile-item-open__body li i.left, .marketecture-mobile-item-close__header i.left, .marketecture-mobile-item-close__body li i.left, .table-careers thead th.sorted i.left {
  transform: rotate(135deg);
}
.arrow-css.up,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.up, .page-platform .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.up,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up,
.input-wrap-table .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.filter-resources .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.up,
.wrapper-select .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li i.up, .marketecture-mobile-item-close__header i.up, .marketecture-mobile-item-close__body li i.up, .table-careers thead th.sorted i.up, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li.active i, .table-careers thead th.sorted .marketecture-mobile-item-open__body li.active i, .marketecture-mobile-item-open__body li.active .table-careers thead th.sorted i, .marketecture-mobile-item-close__header.active i, .table-careers thead th.sorted .marketecture-mobile-item-close__header.active i, .marketecture-mobile-item-close__header.active .table-careers thead th.sorted i, .marketecture-mobile-item-close__body li.active i, .table-careers thead th.sorted .marketecture-mobile-item-close__body li.active i, .marketecture-mobile-item-close__body li.active .table-careers thead th.sorted i {
  transform: rotate(-135deg);
}
.arrow-css.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.arrow-css,
.section-registration .hbsp-form .select2-selection__arrow b.arrow-css, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.down,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body li i, .table-careers thead th.sorted i {
  transform: rotate(45deg);
}

.input-wrap-table, .filter-resources .select-tags, .section-registration .select-tags {
  --color-base: #646464;
  --color-placeholder: #353AB0;
  --opacity: .5;
  --color-bg-input: #EFEDFF;
  --color-bg-input-active: #dddaf9;
  --color-bg-select: #fff;
  --color-border-input: #e5e7ff;
  --color-border-input-active: #353ab0;
  --color-arrow: #6C6C6D;
  --h-input: 60px;
  --padding-inline-input: 16px;
  --radius: 8px;
  font-size: calc(30rem / 16);
  position: relative;
  margin-block: 10px;
}
@media (max-width: 1728px) {
  .input-wrap-table, .filter-resources .select-tags, .section-registration .select-tags {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.input-wrap-table input, .filter-resources .select-tags input, .section-registration .select-tags input {
  font-size: calc(30rem / 16);
  height: var(--h-input);
  border-radius: var(--radius);
  border: none;
  background-color: var(--color-bg-input);
  padding-inline: var(--padding-inline-input);
  color: var(--color-base);
  width: 100%;
  transition: all 0.3s ease;
}
@media (max-width: 1728px) {
  .input-wrap-table input, .filter-resources .select-tags input, .section-registration .select-tags input {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.input-wrap-table input:focus, .filter-resources .select-tags input:focus, .section-registration .select-tags input:focus, .input-wrap-table input:active, .filter-resources .select-tags input:active, .section-registration .select-tags input:active {
  background-color: var(--color-bg-input-active);
}
.input-wrap-table.input-wrap-search, .filter-resources .input-wrap-search.select-tags, .section-registration .input-wrap-search.select-tags {
  position: relative;
}
.input-wrap-table.input-wrap-search .input-search, .filter-resources .input-wrap-search.select-tags .input-search, .section-registration .input-wrap-search.select-tags .input-search {
  border: 1.5px solid var(--color-border-input);
  background-color: var(--color-bg-select);
  padding-right: calc(var(--padding-inline-input) + 40px);
}
.input-wrap-table.input-wrap-search .input-search:focus, .filter-resources .input-wrap-search.select-tags .input-search:focus, .section-registration .input-wrap-search.select-tags .input-search:focus {
  border-color: var(--color-border-input-active);
}
@media only screen and (min-width: 768px) {
  .input-wrap-table.input-wrap-search .input-search:focus, .filter-resources .input-wrap-search.select-tags .input-search:focus, .section-registration .input-wrap-search.select-tags .input-search:focus {
    box-shadow: 3px -3px 20px 0 rgba(18, 17, 133, 0.13);
  }
}
.input-wrap-table.input-wrap-search .btn-search, .filter-resources .input-wrap-search.select-tags .btn-search, .section-registration .input-wrap-search.select-tags .btn-search {
  position: absolute;
  right: calc(var(--padding-inline-input) - 5px);
  top: 54%;
  translate: 0 -50%;
  background: none;
  border: none;
  padding: 5px;
  transition: scale 0.3s ease;
  cursor: pointer;
}
.input-wrap-table.input-wrap-search .btn-search:hover, .filter-resources .input-wrap-search.select-tags .btn-search:hover, .section-registration .input-wrap-search.select-tags .btn-search:hover {
  translate: 0 -50%;
  scale: 1.2;
}
.input-wrap-table.input-wrap-search .btn-search svg, .filter-resources .input-wrap-search.select-tags .btn-search svg, .section-registration .input-wrap-search.select-tags .btn-search svg {
  fill: var(--color-base);
  width: 24px;
  height: 24px;
  transition: fill 0.3s ease;
}
.input-wrap-table.input-wrap-search .btn-search.active svg, .filter-resources .input-wrap-search.select-tags .btn-search.active svg, .section-registration .input-wrap-search.select-tags .btn-search.active svg {
  fill: var(--color-base);
}
.input-wrap-table .select2, .filter-resources .select-tags .select2, .section-registration .select-tags .select2 {
  height: var(--h-input);
  width: 100% !important;
}
.input-wrap-table .select2-container--default .select2-selection--single, .filter-resources .select-tags .select2-container--default .select2-selection--single, .section-registration .select-tags .select2-container--default .select2-selection--single {
  border: 1px solid var(--color-border-input);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  height: 100%;
  background-color: var(--color-bg-select);
  width: 100%;
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__placeholder, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__placeholder, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--color-base);
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: calc(24rem / 16);
  letter-spacing: 0.02em;
  color: var(--color-base);
  padding-inline: 16px;
  padding-block: 15px 15px;
}
@media (max-width: 1728px) {
  .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-inline: 24px;
  }
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 15px !important;
  height: 15px !important;
  right: 20px;
  top: calc(50% - 3px) !important;
  transform: translateY(-50%);
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b {
  padding: 4px;
  border-color: var(--color-arrow);
  transition: all 0.3s ease;
}
.input-wrap-table .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-base);
}
.input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  top: calc(50% - 1px) !important;
}
.input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-135deg);
  border-color: var(--color-base);
  padding: 4px;
  transition: all 0.3s ease;
}
.input-wrap-table .select2-container--open .select2-dropdown--below, .filter-resources .select-tags .select2-container--open .select2-dropdown--below, .section-registration .select-tags .select2-container--open .select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.input-wrap-table .select2-dropdown, .filter-resources .select-tags .select2-dropdown, .section-registration .select-tags .select2-dropdown {
  margin-top: 0;
  border-width: 1.5px;
  border-style: solid;
  border-color: var(--color-border-input-active);
  box-shadow: 3px -3px 20px 0 rgba(18, 17, 133, 0.13);
  overflow: hidden;
  margin-top: 16px;
  border-radius: 8px !important;
}
.input-wrap-table .select2-dropdown.select2-dropdown--above, .filter-resources .select-tags .select2-dropdown.select2-dropdown--above, .section-registration .select-tags .select2-dropdown.select2-dropdown--above {
  margin-top: -16px;
}
.input-wrap-table .select2-dropdown .select2-results, .filter-resources .select-tags .select2-dropdown .select2-results, .section-registration .select-tags .select2-dropdown .select2-results {
  --width-scrollbar: 0px;
  padding-block: 0;
}
.input-wrap-table .select2-dropdown .select2-results__option, .filter-resources .select-tags .select2-dropdown .select2-results__option, .section-registration .select-tags .select2-dropdown .select2-results__option {
  font-size: 1.125rem;
  padding-inline: var(--padding-inline-input);
  padding-block: 16px;
  color: #121185;
  display: flex;
  align-items: center;
  height: var(--h-input);
}
.input-wrap-table .select2-dropdown .select2-results__option:not(:last-child), .filter-resources .select-tags .select2-dropdown .select2-results__option:not(:last-child), .section-registration .select-tags .select2-dropdown .select2-results__option:not(:last-child) {
  border-bottom: 1px solid var(--color-border-input);
}
.input-wrap-table .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable, .filter-resources .select-tags .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable, .section-registration .select-tags .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(0, 0, 0, 0.02);
}

.page-plug-play .light-theme.section-registration,
.page-service .light-theme.section-registration {
  background-color: #f8f8f8;
}
.page-plug-play .light-theme.section-registration .section-registration__wrap-form input,
.page-service .light-theme.section-registration .section-registration__wrap-form input {
  background: none;
}
@media only screen and (min-width: 768px) {
  .page-plug-play .light-theme.section-registration .section-registration__wrap-form,
  .page-service .light-theme.section-registration .section-registration__wrap-form {
    background-color: #fff;
  }
  .page-plug-play .light-theme.section-registration .section-registration__wrap-form input,
  .page-service .light-theme.section-registration .section-registration__wrap-form input {
    background-color: #fff;
  }
}
.page-plug-play .section-registration,
.page-service .section-registration {
  padding-top: calc(125rem / 16);
  padding-bottom: calc(120rem / 16);
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration,
  .page-service .section-registration {
    padding-top: calc(40rem / 16 + 85 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration,
  .page-service .section-registration {
    padding-bottom: calc(100rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-plug-play .section-registration__wrapper,
.page-service .section-registration__wrapper {
  align-items: center;
}
@media only screen and (min-width: 1400px) {
  .page-plug-play .section-registration__wrapper,
  .page-service .section-registration__wrapper {
    gap: 130px;
  }
}
@media only screen and (min-width: 1025px) {
  .page-plug-play .section-registration__left,
  .page-service .section-registration__left {
    max-width: 650px;
  }
}
@media only screen and (min-width: 1025px) {
  .page-plug-play .section-registration__right,
  .page-service .section-registration__right {
    padding-top: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .page-plug-play .section-registration__right,
  .page-service .section-registration__right {
    max-width: 575px;
  }
}
@media only screen and (min-width: 1400px) {
  .page-plug-play .section-registration__wrap-form,
  .page-service .section-registration__wrap-form {
    padding-block: 75px 70px;
    padding-inline: 70px 90px;
  }
}
.page-plug-play .section-registration__wrap-form .btn,
.page-plug-play .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .page-plug-play .section-registration__wrap-form .wrap-btn-hbsp-submit,
.page-service .section-registration__wrap-form .btn,
.page-service .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .page-service .section-registration__wrap-form .wrap-btn-hbsp-submit {
  margin-top: calc(50rem / 16);
  padding-block: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration__wrap-form .btn,
  .page-plug-play .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .page-plug-play .section-registration__wrap-form .wrap-btn-hbsp-submit,
  .page-service .section-registration__wrap-form .btn,
  .page-service .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .page-service .section-registration__wrap-form .wrap-btn-hbsp-submit {
    margin-top: calc(45rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration__wrap-form .btn,
  .page-plug-play .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .page-plug-play .section-registration__wrap-form .wrap-btn-hbsp-submit,
  .page-service .section-registration__wrap-form .btn,
  .page-service .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .page-service .section-registration__wrap-form .wrap-btn-hbsp-submit {
    padding-block: calc(20rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-plug-play .section-registration .section-title,
.page-service .section-registration .section-title {
  font-size: calc(40rem / 16);
  padding-top: calc(15rem / 16);
  padding-bottom: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration .section-title,
  .page-service .section-registration .section-title {
    font-size: calc(32rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration .section-title,
  .page-service .section-registration .section-title {
    padding-top: calc(12rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration .section-title,
  .page-service .section-registration .section-title {
    padding-bottom: calc(15rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .page-plug-play .section-registration .section-title,
  .page-service .section-registration .section-title {
    line-height: normal;
  }
}
.page-plug-play .section-registration .section-description,
.page-service .section-registration .section-description {
  max-width: 370px;
}
.page-plug-play .section-registration__form,
.page-service .section-registration__form {
  margin-top: calc(65rem / 16);
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration__form,
  .page-service .section-registration__form {
    margin-top: calc(42rem / 16 + 23 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-plug-play .section-registration__form input,
.page-service .section-registration__form input {
  padding-block: 8px 15px;
}
@media only screen and (min-width: 768px) {
  .page-plug-play .section-registration__form input,
  .page-service .section-registration__form input {
    padding-block: 10px 14px;
  }
}
.page-plug-play .section-registration .input-wrap,
.page-service .section-registration .input-wrap {
  margin-bottom: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .page-plug-play .section-registration .input-wrap,
  .page-service .section-registration .input-wrap {
    margin-bottom: calc(10rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-registration {
  padding-top: calc(135rem / 16);
  padding-bottom: calc(140rem / 16);
  background-image: linear-gradient(-50deg, rgba(64, 30, 255, 0.1) 0%, #fefefe 55%, #fefefe 100%);
  color: rgba(14, 15, 17, 0.6);
}
@media (max-width: 1728px) {
  .section-registration {
    padding-top: calc(40rem / 16 + 95 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-registration {
    padding-bottom: calc(50rem / 16 + 90 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-registration__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 45px;
}
@media only screen and (min-width: 1025px) {
  .section-registration__wrapper {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1400px) {
  .section-registration__wrapper {
    gap: 79px;
  }
}
.section-registration__left {
  z-index: 2;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .section-registration__left {
    max-width: 705px;
  }
}
.section-registration__right {
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .section-registration__right {
    padding-top: calc(100rem / 16);
    max-width: 450px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1728px) {
  .section-registration__right {
    padding-top: calc(0rem / 16 + 100 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1200px) {
  .section-registration__right {
    max-width: 500px;
  }
}
@media only screen and (min-width: 1400px) {
  .section-registration__right {
    max-width: 607px;
  }
}
.section-registration .section-title {
  font-size: calc(72rem / 16);
  padding-top: calc(0rem / 16);
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-registration .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-registration .section-title {
    padding-top: calc(12rem / 16 + -12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-registration .section-title {
    letter-spacing: normal;
  }
}
.section-registration__ul-description {
  margin-top: calc(15rem / 16);
  margin-bottom: 32px;
  max-width: 540px;
}
@media (max-width: 1728px) {
  .section-registration__ul-description {
    margin-top: calc(8rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-registration__ul-description {
    line-height: 1.51;
    letter-spacing: 0.01em;
  }
}
.section-registration__ul-description_title {
  font-size: calc(24rem / 16);
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.02em;
  margin-top: 20px;
  color: #121185;
}
@media (max-width: 1728px) {
  .section-registration__ul-description_title {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-registration__ul-description li {
  font-size: calc(20rem / 16);
  gap: calc(16rem / 16);
  margin-block: calc(5rem / 16);
  display: flex;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-registration__ul-description li {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-registration__ul-description li {
    gap: calc(12rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-registration__ul-description li {
    margin-block: calc(8rem / 16 + -3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-registration__ul-description li {
    line-height: 1.34;
  }
}
.section-registration__ul-description li svg {
  --wIcon: 16px;
  width: var(--wIcon);
  min-width: var(--wIcon);
  height: var(--wIcon);
  margin-top: 0.3em;
}
.section-registration__wrap-form + .section-registration__wrap-form {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .section-registration__wrap-form {
    background: #f8f8f8;
    border-radius: 20px;
    padding: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .section-registration__wrap-form {
    padding-block: 70px 60px;
    padding-inline: 60px;
  }
}
.section-registration__wrap-form .btn,
.section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-registration__wrap-form .wrap-btn-hbsp-submit {
  margin-top: calc(55rem / 16);
  padding-block: calc(16rem / 16);
  width: 100%;
}
@media (max-width: 1728px) {
  .section-registration__wrap-form .btn,
  .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-registration__wrap-form .wrap-btn-hbsp-submit {
    margin-top: calc(45rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-registration__wrap-form .btn,
  .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-registration__wrap-form .wrap-btn-hbsp-submit {
    padding-block: calc(20rem / 16 + -4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-registration__form {
  --color-placeholder: #000;
  margin-top: calc(40rem / 16);
}
@media (max-width: 1728px) {
  .section-registration__form {
    margin-top: calc(35rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-registration__form label {
  font-size: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .section-registration__form label {
    font-size: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-registration__form input {
  font-size: calc(16rem / 16);
  width: 100%;
  letter-spacing: normal;
  letter-spacing: -0.01em;
  padding-block: 15px;
  border: none;
  border-bottom: 1px solid #a9a9a9;
}
@media (max-width: 1728px) {
  .section-registration__form input {
    font-size: calc(14rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-registration__form input {
    background: #f8f8f8;
    padding-block: 10px 12px;
  }
}
.section-registration .input-wrap {
  margin-bottom: calc(25rem / 16);
}
@media (max-width: 1728px) {
  .section-registration .input-wrap {
    margin-bottom: calc(10rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-registration__wrap-group-checkbox {
  margin-top: calc(65rem / 16);
  margin-bottom: calc(55rem / 16);
}
@media (max-width: 1728px) {
  .section-registration__wrap-group-checkbox {
    margin-top: calc(37rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-registration__wrap-group-checkbox {
    margin-bottom: calc(27rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-registration__title-group-checkbox {
  font-size: calc(22rem / 16);
  margin-bottom: calc(10rem / 16);
  line-height: 1.51;
  letter-spacing: 0.01em;
}
@media (max-width: 1728px) {
  .section-registration__title-group-checkbox {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-registration__title-group-checkbox {
    margin-bottom: calc(2rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-registration__title-group-checkbox {
    line-height: 1.4;
    letter-spacing: 0.02em;
  }
}
.section-registration .wrap-check {
  gap: 10px;
  padding-block: 5px;
}
@media only screen and (min-width: 768px) {
  .section-registration .wrap-check {
    padding-block: 3px;
  }
}
.section-registration .wrap-check label {
  font-size: calc(18rem / 16);
  letter-spacing: 0.01em;
}
@media (max-width: 1728px) {
  .section-registration .wrap-check label {
    font-size: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-registration .wrap-check label {
    letter-spacing: normal;
  }
}
.section-registration .checkbox {
  width: 21px;
  height: 21px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.section-registration .checkbox-checked::before {
  background-image: url("../images/icon-check-dark.svg");
}
.section-registration__form-description {
  font-size: calc(14rem / 16);
  letter-spacing: 0.05em;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1728px) {
  .section-registration__form-description {
    font-size: calc(12rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-registration__form-description {
    letter-spacing: 0.02em;
  }
}
.section-registration__form-description a {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.6);
}
.section-registration__form-description a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 575px) {
  .section-registration__wrap-slider {
    max-width: 300px;
    margin-inline: auto;
  }
}
.section-registration .slider-review .swiper-slide {
  min-height: auto;
}
.section-registration .card-review {
  min-height: 300px;
}
@media only screen and (min-width: 768px) {
  .section-registration .card-review {
    min-height: 400px;
  }
}
.section-registration .swiper-pagination-bullets {
  margin-top: 30px;
}
.section-registration .card-review__content {
  padding-left: 20px;
  padding-right: 30px;
  padding-block: 43px 50px;
  gap: 30px;
}
@media only screen and (min-width: 576px) {
  .section-registration .card-review__content {
    padding-left: 40px;
    padding-block: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section-registration .card-review__content {
    gap: 34;
  }
}
@media only screen and (min-width: 1400px) {
  .section-registration .card-review__content {
    padding-left: 84px;
  }
}
.section-registration .card-review__content .card-review__text {
  color: rgba(14, 15, 17, 0.6);
}
@media only screen and (max-width: 575px) {
  .section-registration .card-review__content .author {
    max-width: 230px;
  }
}
.section-registration .card-review__content .author__name,
.section-registration .card-review__content .author__profesion {
  color: #0E0F11;
}
.section-registration__list-logo {
  margin-top: calc(78rem / 16);
  row-gap: calc(90rem / 16);
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1728px) {
  .section-registration__list-logo {
    margin-top: calc(110rem / 16 + -32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-registration__list-logo {
    row-gap: calc(40rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1400px) {
  .section-registration__list-logo {
    margin-inline: -30px;
  }
}
.section-registration__list-logo li {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 15px;
}
@media only screen and (min-width: 576px) {
  .section-registration__list-logo li {
    width: 33.33%;
  }
}
.section-registration__list-logo_title {
  font-size: 1.125rem;
  text-align: center;
  color: rgba(14, 15, 17, 0.6);
  line-height: 1.38;
  letter-spacing: 0.02em;
  width: 60%;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .section-registration__list-logo_title {
    margin-top: 50px;
  }
}
.section-registration__list-logo_title + .section-registration__list-logo {
  margin-top: calc(110rem / 16);
}
@media (max-width: 1728px) {
  .section-registration__list-logo_title + .section-registration__list-logo {
    margin-top: calc(50rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.page-platform .section-registration,
.section-registration {
  padding-top: calc(135rem / 16);
  padding-bottom: calc(144rem / 16);
}
@media (max-width: 1728px) {
  .page-platform .section-registration,
  .section-registration {
    padding-top: calc(65rem / 16 + 70 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .page-platform .section-registration,
  .section-registration {
    padding-bottom: calc(70rem / 16 + 74 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration.gradient,
.section-registration.gradient {
  background-image: linear-gradient(150deg, #eceafd 0%, #eceafd 50%, #dfdbfd 80%, #d2ccfc 100%);
}
.page-platform .section-registration__wrapper,
.section-registration__wrapper {
  max-width: 1310px;
  justify-content: center;
  align-items: center;
  row-gap: 58px;
}
@media only screen and (max-width: 767px) {
  .page-platform .section-registration__wrapper,
  .section-registration__wrapper {
    padding-inline: 16px;
  }
}
@media only screen and (min-width: 1025px) {
  .page-platform .section-registration__wrapper,
  .section-registration__wrapper {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1300px) {
  .page-platform .section-registration__wrapper,
  .section-registration__wrapper {
    column-gap: 140px;
  }
}
.page-platform .section-registration .section-description-top,
.section-registration .section-description-top {
  padding-bottom: 10px;
}
.page-platform .section-registration .section-title,
.section-registration .section-title {
  font-size: calc(40rem / 16);
  line-height: 1.2;
  letter-spacing: 0.02em;
  padding-bottom: 0;
}
@media (max-width: 1728px) {
  .page-platform .section-registration .section-title,
  .section-registration .section-title {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration .section-description,
.section-registration .section-description {
  font-size: calc(20rem / 16);
  color: #353ab0;
  opacity: 1;
  line-height: 1.2;
}
@media (max-width: 1728px) {
  .page-platform .section-registration .section-description,
  .section-registration .section-description {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration__list-logo_title,
.section-registration__list-logo_title {
  font-size: calc(24rem / 16);
  color: rgba(18, 17, 133, 0.8);
  width: 100%;
  letter-spacing: normal;
}
@media (max-width: 1728px) {
  .page-platform .section-registration__list-logo_title,
  .section-registration__list-logo_title {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .page-platform .section-registration__list-logo_title,
  .section-registration__list-logo_title {
    margin-top: 0;
    max-width: 60%;
    line-height: 1.2;
  }
}
.page-platform .section-registration__list-logo_title + .section-registration__list-logo,
.section-registration__list-logo_title + .section-registration__list-logo {
  margin-top: calc(70rem / 16);
}
@media (max-width: 1728px) {
  .page-platform .section-registration__list-logo_title + .section-registration__list-logo,
  .section-registration__list-logo_title + .section-registration__list-logo {
    margin-top: calc(45rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration__list-logo,
.section-registration__list-logo {
  row-gap: 30px;
}
.page-platform .section-registration__list-logo li,
.section-registration__list-logo li {
  width: 33.33%;
  padding: 0;
}
.page-platform .section-registration__list-logo img,
.section-registration__list-logo img {
  max-width: calc(161rem / 16);
  filter: none;
}
@media (max-width: 1728px) {
  .page-platform .section-registration__list-logo img,
  .section-registration__list-logo img {
    max-width: calc(100rem / 16 + 61 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration__wrap-form,
.section-registration__wrap-form {
  background-color: #f8f8f8;
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
}
.page-platform .section-registration__wrap-form .btn,
.section-registration__wrap-form .btn,
.section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-registration__wrap-form .wrap-btn-hbsp-submit {
  width: auto;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .page-platform .section-registration__wrap-form .btn,
  .section-registration__wrap-form .btn,
  .section-registration__wrap-form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-registration__wrap-form .wrap-btn-hbsp-submit {
    padding-block: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .page-platform .section-registration__wrap-form,
  .section-registration__wrap-form {
    padding: 32px 20px 25px 20px;
    border-radius: 11px;
  }
}
.page-platform .section-registration .section-registration__form,
.section-registration .section-registration__form {
  --color-placeholder: #353ab0;
}
.page-platform .section-registration .section-registration__form *:-ms-input-placeholder,
.section-registration .section-registration__form *:-ms-input-placeholder {
  --opacity: 0.5;
}
.page-platform .section-registration .section-registration__form *::-moz-placeholder,
.section-registration .section-registration__form *::-moz-placeholder {
  --opacity: 0.5;
}
.page-platform .section-registration .section-registration__form *::-webkit-input-placeholder,
.section-registration .section-registration__form *::-webkit-input-placeholder {
  --opacity: 0.5;
}
.page-platform .section-registration .section-registration__form .input-wrap,
.section-registration .section-registration__form .input-wrap {
  margin-bottom: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .page-platform .section-registration .section-registration__form .input-wrap,
  .section-registration .section-registration__form .input-wrap {
    margin-bottom: calc(25rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration .section-registration__form input:not([type=checkbox]):not([type=submit]),
.page-platform .section-registration .section-registration__form textarea,
.section-registration .section-registration__form input:not([type=checkbox]):not([type=submit]),
.section-registration .section-registration__form textarea {
  font-size: calc(22rem / 16);
  font-family: "FoundersGrotesk", sans-serif;
  line-height: 1.33;
  letter-spacing: 0.02em;
  box-sizing: border-box !important;
  width: 100%;
  min-height: 48px !important;
  background-color: #efedff;
  border-radius: 6px;
  border: none;
  box-shadow: none;
  color: #121185 !important;
  padding: 12px 16px;
  width: 100% !important;
}
@media (max-width: 1728px) {
  .page-platform .section-registration .section-registration__form input:not([type=checkbox]):not([type=submit]),
  .page-platform .section-registration .section-registration__form textarea,
  .section-registration .section-registration__form input:not([type=checkbox]):not([type=submit]),
  .section-registration .section-registration__form textarea {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .section-registration__form input:not([type=checkbox]):not([type=submit]),
  .page-platform .section-registration .section-registration__form textarea,
  .section-registration .section-registration__form input:not([type=checkbox]):not([type=submit]),
  .section-registration .section-registration__form textarea {
    line-height: 1.4;
    border-radius: 8px;
    min-height: 55px !important;
  }
}
.page-platform .section-registration .section-registration__form input:not([type=checkbox]):not([type=submit]):focus,
.page-platform .section-registration .section-registration__form textarea:focus,
.section-registration .section-registration__form input:not([type=checkbox]):not([type=submit]):focus,
.section-registration .section-registration__form textarea:focus {
  background-color: #dddaf9;
}
.page-platform .section-registration .hbsp-form,
.section-registration .hbsp-form {
  position: relative;
}
.page-platform .section-registration .hbsp-form .input > .hs-input,
.section-registration .hbsp-form .input > .hs-input {
  width: 100% !important;
}
.page-platform .section-registration .hbsp-form .select2-container + .hs-input,
.section-registration .hbsp-form .select2-container + .hs-input {
  margin-top: calc(32rem / 16);
}
@media (max-width: 1728px) {
  .page-platform .section-registration .hbsp-form .select2-container + .hs-input,
  .section-registration .hbsp-form .select2-container + .hs-input {
    margin-top: calc(25rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 480px) {
  .page-platform .section-registration .hbsp-form input,
  .section-registration .hbsp-form input {
    width: 100% !important;
  }
  .page-platform .section-registration .hbsp-form .input,
  .section-registration .hbsp-form .input {
    margin-right: 0;
  }
}
@media only screen and (min-width: 481px) {
  .page-platform .section-registration .hbsp-form fieldset[class*=form-columns],
  .section-registration .hbsp-form fieldset[class*=form-columns] {
    margin-right: -10px;
  }
  .page-platform .section-registration .hbsp-form fieldset.form-columns-3,
  .section-registration .hbsp-form fieldset.form-columns-3 {
    margin-right: -17px;
  }
}
.page-platform .section-registration .hbsp-form form,
.section-registration .hbsp-form form {
  margin-bottom: 0;
}
.page-platform .section-registration .hbsp-form label:not(.hs-form-checkbox-display):not(.hs-error-msg):not(.hs-form-booleancheckbox-display),
.section-registration .hbsp-form label:not(.hs-form-checkbox-display):not(.hs-error-msg):not(.hs-form-booleancheckbox-display) {
  display: none;
}
.page-platform .section-registration .hbsp-form .hs-fieldtype-checkbox > label,
.page-platform .section-registration .hbsp-form .hs-error-msgs label,
.section-registration .hbsp-form .hs-fieldtype-checkbox > label,
.section-registration .hbsp-form .hs-error-msgs label {
  display: block !important;
}
.page-platform .section-registration .hbsp-form label.hs-error-msg,
.page-platform .section-registration .hbsp-form .hs-error-msgs label,
.section-registration .hbsp-form label.hs-error-msg,
.section-registration .hbsp-form .hs-error-msgs label {
  color: red;
}
.page-platform .section-registration .hbsp-form .hs_error_rollup:has(+ .hs-submit),
.section-registration .hbsp-form .hs_error_rollup:has(+ .hs-submit) {
  position: relative;
  margin-top: -33px;
}
.page-platform .section-registration .hbsp-form .hs-error-msgs,
.section-registration .hbsp-form .hs-error-msgs {
  position: relative;
}
.page-platform .section-registration .hbsp-form label.hs-error-msg,
.section-registration .hbsp-form label.hs-error-msg {
  font-size: calc(14rem / 16);
  line-height: 1.05;
  padding-left: 5px;
  padding-top: 2px;
  margin-top: 3px;
  margin-bottom: 0;
}
@media (max-width: 1728px) {
  .page-platform .section-registration .hbsp-form label.hs-error-msg,
  .section-registration .hbsp-form label.hs-error-msg {
    font-size: calc(12rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration .hbsp-form .hs-fieldtype-checkbox,
.section-registration .hbsp-form .hs-fieldtype-checkbox {
  font-family: "FoundersGrotesk", sans-serif;
}
.page-platform .section-registration .hbsp-form .hs-fieldtype-checkbox > label > span,
.section-registration .hbsp-form .hs-fieldtype-checkbox > label > span {
  font-family: "FoundersGrotesk", sans-serif;
  color: #121185;
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
}
.page-platform .section-registration .hbsp-form .hs-fieldtype-checkbox .input label,
.section-registration .hbsp-form .hs-fieldtype-checkbox .input label {
  font-family: "FoundersGrotesk", sans-serif;
  font-size: 1.25rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
  cursor: pointer;
}
.page-platform .section-registration .hbsp-form .hs-fieldtype-checkbox .inputs-list,
.section-registration .hbsp-form .hs-fieldtype-checkbox .inputs-list {
  max-width: 290px;
  padding-left: 0;
  padding-top: 12px;
}
.page-platform .section-registration .hbsp-form .hs-main-font-element,
.section-registration .hbsp-form .hs-main-font-element {
  margin-bottom: 10px;
}
.page-platform .section-registration .hbsp-form .hs-main-font-element span,
.section-registration .hbsp-form .hs-main-font-element span {
  color: #121185 !important;
}
.page-platform .section-registration .hbsp-form .legal-consent-container .hs-richtext,
.section-registration .hbsp-form .legal-consent-container .hs-richtext {
  font-family: "FoundersGrotesk", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.26;
  letter-spacing: 0.06em;
  text-align: center;
  color: #353ab0;
}
.page-platform .section-registration .hbsp-form .legal-consent-container .hs-richtext a,
.section-registration .hbsp-form .legal-consent-container .hs-richtext a {
  color: #353ab0;
  text-decoration: underline;
}
.page-platform .section-registration .hbsp-form .legal-consent-container .hs-richtext a:hover,
.section-registration .hbsp-form .legal-consent-container .hs-richtext a:hover {
  color: #6b34fd;
}
.page-platform .section-registration .hbsp-form .legal-consent-container,
.section-registration .hbsp-form .legal-consent-container {
  margin-bottom: 45px;
}
.page-platform .section-registration .hbsp-form .submitted-message,
.section-registration .hbsp-form .submitted-message {
  font-size: calc(24rem / 16);
  font-family: "FoundersGrotesk", sans-serif;
  color: #121185;
  font-weight: 500;
}
@media (max-width: 1728px) {
  .page-platform .section-registration .hbsp-form .submitted-message,
  .section-registration .hbsp-form .submitted-message {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration .hbsp-form .hs-submit .actions,
.section-registration .hbsp-form .hs-submit .actions {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #6b34fd;
  padding: 0;
  margin: 0;
  border-radius: 12px;
  cursor: pointer;
}
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit {
  display: inline-flex;
  padding: 0;
  margin: 0;
  text-align: left;
  margin-bottom: 0 !important;
  margin-bottom: 10px;
}
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:after,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:after {
  margin-right: 20px;
  min-width: 12px;
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:after,
  .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:after {
    min-width: 16px;
  }
}
.page-platform .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover,
.section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover {
  background-color: #6b34fd;
}
.page-platform .section-registration .hbsp-form .hs-submit input.hs-button,
.section-registration .hbsp-form .hs-submit input.hs-button {
  font-size: calc(20rem / 16);
  font-family: "FoundersGrotesk", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  background: none;
  border: none;
  box-shadow: none;
  text-align: left;
  padding: 16px 0 16px 25px;
  text-align: center;
}
@media (max-width: 1728px) {
  .page-platform .section-registration .hbsp-form .hs-submit input.hs-button,
  .section-registration .hbsp-form .hs-submit input.hs-button {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration .hbsp-form .hs-submit input.hs-button:active,
.section-registration .hbsp-form .hs-submit input.hs-button:active {
  font-size: calc(20rem / 16);
  font-weight: 400;
  font-family: "FoundersGrotesk", sans-serif;
  padding: 16px 0 16px 25px;
  line-height: 1.2;
  background: none;
  border: none;
  box-shadow: none;
}
@media (max-width: 1728px) {
  .page-platform .section-registration .hbsp-form .hs-submit input.hs-button:active,
  .section-registration .hbsp-form .hs-submit input.hs-button:active {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration .hbsp-form .hs-form-checkbox + .hs-form-checkbox,
.section-registration .hbsp-form .hs-form-checkbox + .hs-form-checkbox {
  margin-top: 16px;
}
.page-platform .section-registration .hbsp-form .hs-form-checkbox-display,
.section-registration .hbsp-form .hs-form-checkbox-display {
  margin-bottom: 0;
}
.page-platform .section-registration .hbsp-form .hs-form-booleancheckbox-display,
.section-registration .hbsp-form .hs-form-booleancheckbox-display {
  color: #353ab0;
}
.page-platform .section-registration .hbsp-form .hs-form-booleancheckbox-display span,
.section-registration .hbsp-form .hs-form-booleancheckbox-display span {
  margin-left: 0;
  cursor: pointer;
}
.page-platform .section-registration .hbsp-form .checkbox-checked,
.section-registration .hbsp-form .checkbox-checked {
  background-color: #6b34fd;
}
.page-platform .section-registration .hbsp-form .checkbox-checked::before,
.section-registration .hbsp-form .checkbox-checked::before {
  background-image: url("../images/icon-check-light.svg");
}
.page-platform .section-registration .hbsp-form .checkbox-wrap,
.section-registration .hbsp-form .checkbox-wrap {
  --size: 20px;
}
.page-platform .section-registration .hbsp-form .checkbox,
.section-registration .hbsp-form .checkbox {
  background-color: #efedff;
  border: none;
  opacity: 1;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
}
.page-platform .section-registration .hbsp-form .checkbox.checkbox-checked,
.section-registration .hbsp-form .checkbox.checkbox-checked {
  background-color: #6b34fd;
}
.page-platform .section-registration .hbsp-form div.hs-form-field,
.section-registration .hbsp-form div.hs-form-field {
  margin-bottom: calc(32rem / 16);
}
@media (max-width: 1728px) {
  .page-platform .section-registration .hbsp-form div.hs-form-field,
  .section-registration .hbsp-form div.hs-form-field {
    margin-bottom: calc(25rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration .hbsp-form div.hs-form-field:has(.hs-error-msg),
.section-registration .hbsp-form div.hs-form-field:has(.hs-error-msg) {
  margin-bottom: 12px;
}
.page-platform .section-registration .hbsp-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.section-registration .hbsp-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 6px;
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .hbsp-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
  .section-registration .hbsp-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 8px;
  }
}
.page-platform .section-registration .hbsp-form select.hs-input,
.section-registration .hbsp-form select.hs-input {
  position: absolute;
  visibility: hidden;
}
.page-platform .section-registration .hbsp-form .select2-container,
.section-registration .hbsp-form .select2-container {
  width: 100% !important;
}
.page-platform .section-registration .hbsp-form .select2-container--below .select2-selection,
.section-registration .hbsp-form .select2-container--below .select2-selection {
  border: 1.5px solid #353ab0;
}
.page-platform .section-registration .hbsp-form .select2-dropdown,
.section-registration .hbsp-form .select2-dropdown {
  border-radius: 6px;
  box-shadow: 3px -3px 20px 0 rgba(18, 17, 133, 0.13);
  margin-top: 16px;
  border: 1.5px solid #353ab0;
  border-radius: 6px !important;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .hbsp-form .select2-dropdown,
  .section-registration .hbsp-form .select2-dropdown {
    border-radius: 8px !important;
  }
}
.page-platform .section-registration .hbsp-form .select2-dropdown.select2-dropdown--above,
.section-registration .hbsp-form .select2-dropdown.select2-dropdown--above {
  margin-top: -16px;
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .hbsp-form .select2-dropdown,
  .section-registration .hbsp-form .select2-dropdown {
    border-radius: 8px;
  }
}
.page-platform .section-registration .hbsp-form .select2-selection,
.section-registration .hbsp-form .select2-selection {
  border: 1.5px solid #E5E7FF;
  background-color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .hbsp-form .select2-selection,
  .section-registration .hbsp-form .select2-selection {
    padding: 11.5px 24px;
    border-radius: 8px;
  }
}
.page-platform .section-registration .hbsp-form .select2-selection__rendered,
.section-registration .hbsp-form .select2-selection__rendered {
  font-size: calc(24rem / 16);
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #121185;
  padding: 0;
}
@media (max-width: 1728px) {
  .page-platform .section-registration .hbsp-form .select2-selection__rendered,
  .section-registration .hbsp-form .select2-selection__rendered {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.page-platform .section-registration .hbsp-form .select2-selection__arrow,
.section-registration .hbsp-form .select2-selection__arrow {
  width: 25px !important;
  height: 25px !important;
  transform: translateY(-50%);
  top: calc(50% - 0px) !important;
  right: 15px;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .hbsp-form .select2-selection__arrow,
  .section-registration .hbsp-form .select2-selection__arrow {
    right: 20px;
  }
}
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b {
  border-width: 0 1.5px 1.5px 0 !important;
  padding: 4px !important;
  border-color: #121185 !important;
  top: 8px;
  left: 8px;
  margin-left: 0;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
  .section-registration .hbsp-form .select2-selection__arrow b {
    padding: 5px !important;
    top: 6px;
    left: 6px;
  }
}
.page-platform .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b {
  top: 12px;
}
.page-platform .section-registration .hbsp-form .select2-results,
.section-registration .hbsp-form .select2-results {
  background-color: #fff;
  padding-block: 0;
}
.page-platform .section-registration .hbsp-form .select2-results__option,
.section-registration .hbsp-form .select2-results__option {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #121185;
  padding: 12px 16px;
}
@media only screen and (min-width: 768px) {
  .page-platform .section-registration .hbsp-form .select2-results__option,
  .section-registration .hbsp-form .select2-results__option {
    padding: 16px 24px;
  }
}
.page-platform .section-registration .hbsp-form .select2-results__option--selected, .page-platform .section-registration .hbsp-form .select2-results__option--selected.select2-results__option--highlighted,
.section-registration .hbsp-form .select2-results__option--selected,
.section-registration .hbsp-form .select2-results__option--selected.select2-results__option--highlighted {
  background-color: #efedff;
  color: #121185 !important;
}
.page-platform .section-registration .hbsp-form .select2-results__option--highlighted,
.section-registration .hbsp-form .select2-results__option--highlighted {
  background: none;
  color: #6b34fd;
}
.page-platform .section-registration .hbsp-form .select2-results__option--disabled,
.section-registration .hbsp-form .select2-results__option--disabled {
  display: none;
}
.page-platform .section-registration__left,
.section-registration__left {
  max-width: 545px;
}
.page-platform .section-registration__right,
.section-registration__right {
  max-width: 515px;
  padding-top: 0;
}

.section-registration.section-registration-get-demo {
  background-image: var(--bg-main);
  padding-bottom: calc(75rem / 16);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-registration.section-registration-get-demo {
    padding-bottom: calc(35rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 576px) {
  .section-registration.section-registration-get-demo {
    background-image: var(--bg-ellipse), var(--bg-main);
    background-size: 75%, cover;
    background-position: left top;
  }
}
.section-registration.section-registration-get-demo.page-without-header-bg__hero {
  padding-top: calc(200rem / 16);
}
@media (max-width: 1728px) {
  .section-registration.section-registration-get-demo.page-without-header-bg__hero {
    padding-top: calc(100rem / 16 + 100 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 575px) {
  .section-registration.section-registration-get-demo.page-without-header-bg__hero {
    padding-top: 80px;
  }
}
.section-registration.section-registration-get-demo .section-registration__wrapper {
  max-width: 1500px;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 40px;
}
@media only screen and (max-width: 575px) {
  .section-registration.section-registration-get-demo .section-registration__wrapper {
    row-gap: 0;
  }
}
.section-registration.section-registration-get-demo .section-registration__left {
  max-width: 600px;
  margin-inline: auto;
}
@media only screen and (min-width: 1025px) {
  .section-registration.section-registration-get-demo .section-registration__left {
    max-width: 570px;
    min-width: 450px;
    margin-inline: 0;
  }
}
.section-registration.section-registration-get-demo .section-registration__right {
  max-width: 600px;
  margin-inline: auto;
}
@media only screen and (max-width: 575px) {
  .section-registration.section-registration-get-demo .section-registration__right {
    background-image: var(--bg-ellipse);
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    margin-inline: -16px;
    padding-inline: 16px;
    width: calc(100% + 32px);
    padding-top: 56px;
  }
}
@media only screen and (min-width: 1025px) {
  .section-registration.section-registration-get-demo .section-registration__right {
    max-width: 50%;
    margin-inline: 0;
  }
}
@media only screen and (min-width: 1250px) {
  .section-registration.section-registration-get-demo .section-registration__right {
    max-width: 667px;
  }
}
.section-registration.section-registration-get-demo .section-description-top {
  padding-bottom: 5px;
}
.section-registration.section-registration-get-demo .section-title {
  font-size: calc(40rem / 16);
  padding-top: 0;
}
@media (max-width: 1728px) {
  .section-registration.section-registration-get-demo .section-title {
    font-size: calc(32rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-registration.section-registration-get-demo .section-registration__wrap-form {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .section-registration.section-registration-get-demo .section-registration__wrap-form {
    margin-inline: -16px;
    border-radius: 0;
    padding-bottom: 65px;
    padding-inline: 22px;
  }
}
@media only screen and (min-width: 1400px) {
  .section-registration.section-registration-get-demo .section-registration__wrap-form {
    padding-block: 65px 60px;
  }
}
.section-registration.section-registration-get-demo .section-registration__wrap-slider {
  max-width: 100%;
}
.section-registration.section-registration-get-demo .section-registration__wrap-slider + div {
  margin-top: calc(75rem / 16);
}
@media (max-width: 1728px) {
  .section-registration.section-registration-get-demo .section-registration__wrap-slider + div {
    margin-top: calc(25rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-registration.section-registration-get-demo .slider-registration-review {
  --pLeftSlide: 40px;
  margin-left: calc(var(--pLeftSlide) * -1);
}
.section-registration.section-registration-get-demo .slider-registration-review__nav {
  gap: 22px;
  margin-top: 0;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .section-registration.section-registration-get-demo .slider-registration-review__nav {
    justify-content: flex-start;
  }
}
.section-registration.section-registration-get-demo .slider-registration-review .swiper-slide {
  padding-left: var(--pLeftSlide);
  padding-bottom: 30px;
}
.section-registration.section-registration-get-demo .card-creative-feedback {
  box-shadow: -20px 10px 25px 0 rgba(0, 0, 0, 0.2), inset 0 0 59px 0 rgba(255, 255, 255, 0.05), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background-color: rgba(71, 77, 123, 0.045);
  background-image: linear-gradient(45deg, rgba(35, 42, 77, 0.1), rgba(29, 38, 67, 0.4) 70%, rgba(54, 68, 104, 0.6));
  gap: 50px;
}
@media only screen and (min-width: 768px) {
  .section-registration.section-registration-get-demo .card-creative-feedback {
    box-shadow: -20px 15px 30px 0 rgba(0, 0, 0, 0.2), inset 0 0 59px 0 rgba(255, 255, 255, 0.05), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
  }
}
.section-registration.section-registration-get-demo .section-registration__list-logo_title {
  font-size: calc(24rem / 16);
  font-family: var(--font-family);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: center;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .section-registration.section-registration-get-demo .section-registration__list-logo_title {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .section-registration.section-registration-get-demo .section-registration__list-logo_title {
    text-align: left;
  }
}
.section-registration.section-registration-get-demo .section-registration__list-logo {
  margin-top: 32px;
  margin-inline: -10px;
  row-gap: 15px;
}
@media only screen and (max-width: 767px) {
  .section-registration.section-registration-get-demo .section-registration__list-logo {
    display: none;
  }
}
.section-registration.section-registration-get-demo .section-registration__list-logo img {
  max-width: 140px;
}
.section-registration.section-registration-get-demo .slider-logos-registration {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .section-registration.section-registration-get-demo .slider-logos-registration {
    display: none;
  }
}

.section-registration .wrap-select-tags {
  position: relative;
}
.section-registration .select-tags {
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 16px;
  row-gap: 10px;
  margin: 0 !important;
}
@media only screen and (min-width: 768px) {
  .section-registration .select-tags {
    flex-direction: row;
    align-items: center;
  }
}
.section-registration .select-tags .select2-dropdown {
  border-radius: 8px;
}
.section-registration .select-tags .select2-dropdown .select2-results__option:not(:last-child) {
  border-bottom: none !important;
}
.section-registration .select-tags .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #efedff !important;
  color: #121185 !important;
}
.section-registration .select-tags .select2-dropdown .select2-results__option--selected {
  color: #6b34fd !important;
}
.section-registration .select-tags label {
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #121185;
  white-space: nowrap;
}
.section-registration .select-tags.without-search .select2-search {
  display: none;
}
.section-registration .select-tags .select2 {
  display: block;
  height: auto !important;
}
.section-registration .select-tags .select2-selection--multiple {
  z-index: 2;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .section-registration .select-tags .select2-selection--multiple {
    min-width: auto;
    margin-top: 0;
  }
}
.section-registration .select-tags .dop-label-select-tags {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #401EFF;
  font-weight: 500;
  max-width: inherit;
  text-align: left;
}
.section-registration .select-tags .select2-selection__rendered {
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 10px;
}
.section-registration .select-tags .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  border: none;
  background: rgba(107, 52, 253, 0.1);
  color: #401EFF;
  padding-block: 5px;
  padding-inline: 10px 25px;
  border-radius: 8px;
  height: 40px;
  margin-left: 0;
}
.section-registration .select-tags .select2-selection__choice__remove {
  font-size: 27px;
  font-weight: 400;
  right: 5px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  color: rgba(64, 30, 255, 0.8);
}
.section-registration .select-tags .select2-selection__choice__remove:hover {
  background: none;
  color: #401eff;
}
.section-registration .select-tags .select2-selection__choice__display {
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #6b34fd;
  padding-right: 13px;
}
.section-registration .wrap-select-tags {
  width: 100%;
}
.section-registration .select-tags .select2-selection__choice .select2-selection__choice__remove {
  font-weight: 300;
  font-size: 30px;
}
.section-registration .select-tags .select2-container--open .select2-selection--multiple::after {
  rotate: -135deg;
  top: 22px;
}
.section-registration .select-tags .wrap-select-multiple-tags-text {
  display: flex;
  align-items: center;
  gap: 12px;
}
.section-registration .select-tags .icon-check-tags-option {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 3.5px;
  border: 1px solid #121185;
}
.section-registration .select-tags .select2-results__option--selected .icon-check-tags-option {
  border-color: rgba(18, 17, 133, 0);
  background-color: #6b34fd;
  border-radius: 5px;
  background-image: url("../images/icon-check-multiple-tags-select.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.section-registration .select-tags .select2-selection--multiple {
  position: relative;
  margin-left: 0;
  padding: 12px 40px 12px 16px;
  background-color: #EFEDFF;
  border: 1.5px solid #EFEDFF;
  border-radius: 8px !important;
  box-sizing: border-box;
  min-height: 48px;
}
@media only screen and (min-width: 768px) {
  .section-registration .select-tags .select2-selection--multiple {
    min-height: 55px;
  }
}
.section-registration .select-tags .select2-selection--multiple:has(.select2-selection__rendered li) {
  padding: 5px 40px 5px 5px;
}
.section-registration .select-tags .select2-selection--multiple::after {
  content: "";
  border: solid #121185;
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 5px;
  transition: all 0.3s ease;
  position: absolute;
  right: 18px;
  top: 18px;
  rotate: 45deg;
}
.section-registration .select-tags .select2-selection__rendered {
  gap: 8px;
  position: absolute;
}
.section-registration .select-tags .select2-selection__rendered li {
  margin: 0;
  border-radius: 5px;
}
.section-registration .select-tags .select2-selection__rendered:has(li) {
  position: relative;
}
.section-registration .select-tags .select2-selection__rendered:has(li) + .select2-search {
  display: none;
}
.section-registration .select-tags .select2-search {
  display: flex;
  align-items: center;
  height: 28px;
}
.section-registration .select-tags .select2-search__field {
  font-size: calc(22rem / 16);
  line-height: 1;
  letter-spacing: 0.02em;
  margin: 0;
  opacity: 1;
  pointer-events: none;
}
@media (max-width: 1728px) {
  .section-registration .select-tags .select2-search__field {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.show-filter {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #121185;
}
@media only screen and (min-width: 768px) {
  .show-filter {
    flex-direction: row;
    align-items: center;
  }
}
.show-filter__label {
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #121185;
  white-space: nowrap;
}
.show-filter__list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
  position: relative;
}
.show-filter__btn {
  font-size: 1.375rem;
  background: rgba(107, 52, 253, 0.1);
  line-height: 1.4;
  border: none;
  border-radius: 5px;
  padding: 4px 35px 5px 12px;
  color: #6b34fd;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}
.show-filter__btn:hover::before {
  transform: translateY(-55%);
}
.show-filter__btn::before {
  content: "×";
  position: absolute;
  right: 7px;
  top: 50%;
  display: inline-block;
  transform: translateY(-50%);
  font-size: 27px;
  transition: transform 0.3s ease;
}

.section-aticle-header {
  padding-top: calc(90rem / 16);
  padding-bottom: 0px;
  background: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-aticle-header {
    padding-top: calc(30rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-header .section-description-top {
  font-size: calc(24rem / 16);
  margin-bottom: calc(10rem / 16);
}
@media (max-width: 1728px) {
  .section-aticle-header .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-aticle-header .section-description-top {
    margin-bottom: calc(20rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-header .section-title {
  font-size: calc(72rem / 16);
  line-height: 1.05;
  color: #121185;
  max-width: 940px;
}
@media (max-width: 1728px) {
  .section-aticle-header .section-title {
    font-size: calc(40rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-aticle-header .section-title {
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .section-aticle-header__wrapper {
    display: flex;
    flex-direction: column;
  }
  .section-aticle-header__wrapper > div {
    order: 1;
  }
}
.section-aticle-header__info {
  --gap: calc(50rem / 16);
  padding-top: calc(15rem / 16);
  display: flex;
  align-items: center;
  gap: var(--gap);
  padding: 15px 0px;
}
@media (max-width: 1728px) {
  .section-aticle-header__info {
    --gap: calc(20rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-aticle-header__info {
    padding-top: calc(0rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-aticle-header__info {
    flex-direction: column;
    align-items: flex-start;
  }
}
.section-aticle-header__info .wrap-date-time {
  display: inline-flex;
  gap: var(--gap);
}
.section-aticle-header__info .author {
  display: flex;
  gap: 12px;
}
.section-aticle-header__info .author img {
  max-width: 40px;
  border-radius: 50%;
}
.section-aticle-header__info .author__name {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #353ab0;
}
.section-aticle-header__info .date,
.section-aticle-header__info .time-for-read {
  font-size: calc(24rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-aticle-header__info .date,
  .section-aticle-header__info .time-for-read {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-header .show-filter {
  padding-top: calc(18rem / 16);
  padding-bottom: calc(53rem / 16);
}
@media (max-width: 1728px) {
  .section-aticle-header .show-filter {
    padding-top: calc(10rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-aticle-header .show-filter {
    padding-bottom: calc(25rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-header .show-filter__btn {
  font-size: calc(22rem / 16);
  padding-right: 12px;
}
@media (max-width: 1728px) {
  .section-aticle-header .show-filter__btn {
    font-size: calc(16rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-header .show-filter__btn::before {
  display: none;
}
.section-aticle-header__image-or-video {
  border-radius: calc(12rem / 16);
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-aticle-header__image-or-video {
    border-radius: calc(4rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
:root {
  --highlight-bg-color: rgba(180, 0, 170, 1);
  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}
.textLayer {
  position: absolute;
  text-align: initial;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.25;
  line-height: 1;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}

.textLayer span,
.textLayer br {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
 * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}

.textLayer ::-moz-selection {
  background: blue;
  background: AccentColor;
}

.textLayer ::selection {
  background: blue;
  background: AccentColor;
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::-moz-selection {
  background: transparent;
}

.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.textLayer .endOfContent.active {
  top: 0;
}

:root {
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation input:required,
  .annotationLayer .textWidgetAnnotation textarea:required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
  .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
    outline: 1.5px solid selectedItem;
  }
  .annotationLayer .linkAnnotation:hover {
    -webkit-backdrop-filter: invert(100%);
    backdrop-filter: invert(100%);
  }
}
.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer .buttonWidgetAnnotation.pushButton > canvas {
  width: 100%;
  height: 100%;
}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation input:required,
.annotationLayer .textWidgetAnnotation textarea:required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation.checkBox input:required,
.annotationLayer .buttonWidgetAnnotation.radioButton input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 2px solid var(--input-hover-border-color);
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus,
.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: CanvasText;
  content: "";
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  width: 100%;
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  margin-left: calc(5px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}

:root {
  --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-focus-outline: auto;
}

@media screen and (forced-colors: active) {
  :root {
    --xfa-focus-outline: 2px solid CanvasText;
  }
  .xfaLayer *:required {
    outline: 1.5px solid selectedItem;
  }
}
.xfaLayer {
  background-color: transparent;
}

.xfaLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(239, 203, 237, 1);
  border-radius: 4px;
}

.xfaLayer .highlight.appended {
  position: initial;
}

.xfaLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.xfaLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.xfaLayer .highlight.middle {
  border-radius: 0;
}

.xfaLayer .highlight.selected {
  background-color: rgba(203, 223, 203, 1);
}

.xfaPage {
  overflow: hidden;
  position: relative;
}

.xfaContentarea {
  position: absolute;
}

.xfaPrintOnly {
  display: none;
}

.xfaLayer {
  position: absolute;
  text-align: initial;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  line-height: 1.2;
}

.xfaLayer * {
  color: inherit;
  font: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-kerning: inherit;
  letter-spacing: -0.01px;
  text-align: inherit;
  text-decoration: inherit;
  box-sizing: border-box;
  background-color: transparent;
  padding: 0;
  margin: 0;
  pointer-events: auto;
  line-height: inherit;
}

.xfaLayer *:required {
  outline: 1.5px solid red;
}

.xfaLayer div {
  pointer-events: none;
}

.xfaLayer svg {
  pointer-events: none;
}

.xfaLayer svg * {
  pointer-events: none;
}

.xfaLayer a {
  color: blue;
}

.xfaRich li {
  margin-left: 3em;
}

.xfaFont {
  color: black;
  font-weight: normal;
  font-kerning: none;
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0;
  text-decoration: none;
  vertical-align: 0;
}

.xfaCaption {
  overflow: hidden;
  flex: 0 0 auto;
}

.xfaCaptionForCheckButton {
  overflow: hidden;
  flex: 1 1 auto;
}

.xfaLabel {
  height: 100%;
  width: 100%;
}

.xfaLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.xfaRight {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.xfaLeft > .xfaCaption,
.xfaLeft > .xfaCaptionForCheckButton,
.xfaRight > .xfaCaption,
.xfaRight > .xfaCaptionForCheckButton {
  max-height: 100%;
}

.xfaTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.xfaBottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

.xfaTop > .xfaCaption,
.xfaTop > .xfaCaptionForCheckButton,
.xfaBottom > .xfaCaption,
.xfaBottom > .xfaCaptionForCheckButton {
  width: 100%;
}

.xfaBorder {
  background-color: transparent;
  position: absolute;
  pointer-events: none;
}

.xfaWrapped {
  width: 100%;
  height: 100%;
}

.xfaTextfield:focus,
.xfaSelect:focus {
  background-image: none;
  background-color: transparent;
  outline: var(--xfa-focus-outline);
  outline-offset: -1px;
}

.xfaCheckbox:focus,
.xfaRadio:focus {
  outline: var(--xfa-focus-outline);
}

.xfaTextfield,
.xfaSelect {
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  border: none;
  resize: none;
  background-image: var(--xfa-unfocused-field-background);
}

.xfaSelect {
  padding-inline: 2px;
}

.xfaTop > .xfaTextfield,
.xfaTop > .xfaSelect,
.xfaBottom > .xfaTextfield,
.xfaBottom > .xfaSelect {
  flex: 0 1 auto;
}

.xfaButton {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
}

.xfaLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.xfaCheckbox,
.xfaRadio {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  border: none;
}

.xfaRich {
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
}

.xfaImage {
  -o-object-position: left top;
  object-position: left top;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.xfaLrTb,
.xfaRlTb,
.xfaTb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.xfaLr {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.xfaRl {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
}

.xfaTb > div {
  justify-content: left;
}

.xfaPosition {
  position: relative;
}

.xfaArea {
  position: relative;
}

.xfaValignMiddle {
  display: flex;
  align-items: center;
}

.xfaTable {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.xfaTable .xfaRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.xfaTable .xfaRlRow {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  flex: 1;
}

.xfaTable .xfaRlRow > div {
  flex: 1;
}

.xfaNonInteractive input,
.xfaNonInteractive textarea,
.xfaDisabled input,
.xfaDisabled textarea,
.xfaReadOnly input,
.xfaReadOnly textarea {
  background: initial;
}

@media print {
  .xfaTextfield,
  .xfaSelect {
    background: transparent;
  }
  .xfaSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
}
:root {
  --focus-outline: solid 2px blue;
  --hover-outline: dashed 2px blue;
  --freetext-line-height: 1.35;
  --freetext-padding: 2px;
  --editorFreeText-editing-cursor: text;
  --editorInk-editing-cursor: url(../images/pdf/cursor-editorInk.svg) 0 16, pointer;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
  :root {
    --editorFreeText-editing-cursor: url(../images/pdf/cursor-editorFreeText.svg) 0 16,
      text;
  }
}
@media screen and (forced-colors: active) {
  :root {
    --focus-outline: solid 3px ButtonText;
    --hover-outline: dashed 3px ButtonText;
  }
}
[data-editor-rotation="90"] {
  transform: rotate(90deg);
}

[data-editor-rotation="180"] {
  transform: rotate(180deg);
}

[data-editor-rotation="270"] {
  transform: rotate(270deg);
}

.annotationEditorLayer {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  font-size: calc(100px * var(--scale-factor));
  transform-origin: 0 0;
  cursor: auto;
  z-index: 4;
}

.annotationEditorLayer.freeTextEditing {
  cursor: var(--editorFreeText-editing-cursor);
}

.annotationEditorLayer.inkEditing {
  cursor: var(--editorInk-editing-cursor);
}

.annotationEditorLayer .selectedEditor {
  outline: var(--focus-outline);
  resize: none;
}

.annotationEditorLayer .freeTextEditor {
  position: absolute;
  background: transparent;
  border-radius: 3px;
  padding: calc(var(--freetext-padding) * var(--scale-factor));
  resize: none;
  width: auto;
  height: auto;
  z-index: 1;
  transform-origin: 0 0;
  touch-action: none;
  cursor: auto;
}

.annotationEditorLayer .freeTextEditor .internal {
  background: transparent;
  border: none;
  top: 0;
  left: 0;
  overflow: visible;
  white-space: nowrap;
  resize: none;
  font: 10px sans-serif;
  line-height: var(--freetext-line-height);
}

.annotationEditorLayer .freeTextEditor .overlay {
  position: absolute;
  display: none;
  background: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationEditorLayer .freeTextEditor .overlay.enabled {
  display: block;
}

.annotationEditorLayer .freeTextEditor .internal:empty::before {
  content: attr(default-content);
  color: gray;
}

.annotationEditorLayer .freeTextEditor .internal:focus {
  outline: none;
}

.annotationEditorLayer .inkEditor.disabled {
  resize: none;
}

.annotationEditorLayer .inkEditor.disabled.selectedEditor {
  resize: horizontal;
}

.annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),
.annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {
  outline: var(--hover-outline);
}

.annotationEditorLayer .inkEditor {
  position: absolute;
  background: transparent;
  border-radius: 3px;
  overflow: auto;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform-origin: 0 0;
  cursor: auto;
}

.annotationEditorLayer .inkEditor.editing {
  resize: none;
  cursor: inherit;
}

.annotationEditorLayer .inkEditor .inkEditorCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}

:root {
  --viewer-container-height: 0;
  --pdfViewer-padding-bottom: 0;
  --page-margin: 1px auto -8px;
  --page-border: 9px solid transparent;
  --spreadHorizontalWrapped-margin-LR: -3.5px;
  --loading-icon-delay: 400ms;
}

@media screen and (forced-colors: active) {
  :root {
    --pdfViewer-padding-bottom: 9px;
    --page-margin: 8px auto -1px;
    --page-border: 1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR: 3.5px;
  }
}
[data-main-rotation="90"] {
  transform: rotate(90deg) translateY(-100%);
}

[data-main-rotation="180"] {
  transform: rotate(180deg) translate(-100%, -100%);
}

[data-main-rotation="270"] {
  transform: rotate(270deg) translateX(-100%);
}

.pdfViewer {
  /* Define this variable here and not in :root to avoid to reflow all the UI
     when scaling (see #15929). */
  --scale-factor: 1;
  padding-bottom: var(--pdfViewer-padding-bottom);
}

.pdfViewer .canvasWrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: var(--page-margin);
  position: relative;
  overflow: visible;
  border: var(--page-border);
  background-clip: content-box;
  background-color: rgba(255, 255, 255, 1);
}

.pdfViewer .dummyPage {
  position: relative;
  width: 0;
  height: var(--viewer-container-height);
}

.pdfViewer.removePageBorders .page {
  margin: 0 auto 10px;
  border: none;
}

.pdfViewer.scrollHorizontal,
.pdfViewer.scrollWrapped,
.spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.pdfViewer.scrollHorizontal,
.spread {
  white-space: nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.spread .page,
.spread .dummyPage,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page {
  margin-left: var(--spreadHorizontalWrapped-margin-LR);
  margin-right: var(--spreadHorizontalWrapped-margin-LR);
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdfViewer .page canvas .structTree {
  contain: strict;
}

.pdfViewer .page canvas[hidden] {
  display: none;
}

.pdfViewer .page canvas[zooming] {
  width: 100%;
  height: 100%;
}

.pdfViewer .page.loadingIcon:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/pdf/loading-icon.gif") center no-repeat;
  display: none;
  /* Using a delay with background-image doesn't work,
     consequently we use the display. */
  transition-property: display;
  transition-delay: var(--loading-icon-delay);
  z-index: 5;
  contain: strict;
}

.pdfViewer .page.loading:after {
  display: block;
}

.pdfViewer .page:not(.loading):after {
  transition-property: none;
  display: none;
}

.pdfViewer.enablePermissions .textLayer span {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  cursor: not-allowed;
}

.pdfPresentationMode .pdfViewer {
  padding-bottom: 0;
}

.pdfPresentationMode .spread {
  margin: 0;
}

.pdfPresentationMode .pdfViewer .page {
  margin: 0 auto;
  border: 2px solid transparent;
}

:root {
  --dir-factor: 1;
  --inline-start: left;
  --inline-end: right;
  --sidebar-width: 200px;
  --sidebar-transition-duration: 200ms;
  --sidebar-transition-timing-function: ease;
  --toolbar-icon-opacity: 0.7;
  --doorhanger-icon-opacity: 0.9;
  --main-color: rgba(12, 12, 13, 1);
  --body-bg-color: rgba(212, 212, 215, 1);
  --progressBar-color: rgba(10, 132, 255, 1);
  --progressBar-bg-color: rgba(221, 221, 222, 1);
  --progressBar-blend-color: rgba(116, 177, 239, 1);
  --scrollbar-color: auto;
  --scrollbar-bg-color: auto;
  --toolbar-icon-bg-color: rgba(0, 0, 0, 1);
  --toolbar-icon-hover-bg-color: rgba(0, 0, 0, 1);
  --sidebar-narrow-bg-color: rgba(212, 212, 215, 0.9);
  --sidebar-toolbar-bg-color: rgba(245, 246, 247, 1);
  --toolbar-bg-color: rgba(249, 249, 250, 1);
  --toolbar-border-color: rgba(184, 184, 184, 1);
  --toolbar-box-shadow: 0 1px 0 var(--toolbar-border-color);
  --toolbar-border-bottom: none;
  --toolbarSidebar-box-shadow: inset calc(-1px * var(--dir-factor)) 0 0
      rgba(0, 0, 0, 0.25),
    0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1);
  --toolbarSidebar-border-bottom: none;
  --button-hover-color: rgba(221, 222, 223, 1);
  --toggled-btn-color: rgba(0, 0, 0, 1);
  --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
  --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
  --dropdown-btn-bg-color: rgba(215, 215, 219, 1);
  --dropdown-btn-border: none;
  --separator-color: rgba(0, 0, 0, 0.3);
  --field-color: rgba(6, 6, 6, 1);
  --field-bg-color: rgba(255, 255, 255, 1);
  --field-border-color: rgba(187, 187, 188, 1);
  --treeitem-color: rgba(0, 0, 0, 0.8);
  --treeitem-hover-color: rgba(0, 0, 0, 0.9);
  --treeitem-selected-color: rgba(0, 0, 0, 0.9);
  --treeitem-selected-bg-color: rgba(0, 0, 0, 0.25);
  --sidebaritem-bg-color: rgba(0, 0, 0, 0.15);
  --doorhanger-bg-color: rgba(255, 255, 255, 1);
  --doorhanger-border-color: rgba(12, 12, 13, 0.2);
  --doorhanger-hover-color: rgba(12, 12, 13, 1);
  --doorhanger-hover-bg-color: rgba(237, 237, 237, 1);
  --doorhanger-separator-color: rgba(222, 222, 222, 1);
  --dialog-button-border: none;
  --dialog-button-bg-color: rgba(12, 12, 13, 0.1);
  --dialog-button-hover-bg-color: rgba(12, 12, 13, 0.3);
  --loading-icon: url(../images/pdf/loading.svg);
  --treeitem-expanded-icon: url(../images/pdf/treeitem-expanded.svg);
  --treeitem-collapsed-icon: url(../images/pdf/treeitem-collapsed.svg);
  --toolbarButton-editorFreeText-icon: url(../images/pdf/toolbarButton-editorFreeText.svg);
  --toolbarButton-editorInk-icon: url(../images/pdf/toolbarButton-editorInk.svg);
  --toolbarButton-menuArrow-icon: url(../images/pdf/toolbarButton-menuArrow.svg);
  --toolbarButton-sidebarToggle-icon: url(../images/pdf/toolbarButton-sidebarToggle.svg);
  --toolbarButton-secondaryToolbarToggle-icon: url(../images/pdf/toolbarButton-secondaryToolbarToggle.svg);
  --toolbarButton-pageUp-icon: url(../images/pdf/toolbarButton-pageUp.svg);
  --toolbarButton-pageDown-icon: url(../images/pdf/toolbarButton-pageDown.svg);
  --toolbarButton-zoomOut-icon: url(../images/pdf/toolbarButton-zoomOut.svg);
  --toolbarButton-zoomIn-icon: url(../images/pdf/toolbarButton-zoomIn.svg);
  --toolbarButton-presentationMode-icon: url(../images/pdf/toolbarButton-presentationMode.svg);
  --toolbarButton-print-icon: url(../images/pdf/toolbarButton-print.svg);
  --toolbarButton-openFile-icon: url(../images/pdf/toolbarButton-openFile.svg);
  --toolbarButton-download-icon: url(../images/pdf/toolbarButton-download.svg);
  --toolbarButton-bookmark-icon: url(../images/pdf/toolbarButton-bookmark.svg);
  --toolbarButton-viewThumbnail-icon: url(../images/pdf/toolbarButton-viewThumbnail.svg);
  --toolbarButton-viewOutline-icon: url(../images/pdf/toolbarButton-viewOutline.svg);
  --toolbarButton-viewAttachments-icon: url(../images/pdf/toolbarButton-viewAttachments.svg);
  --toolbarButton-viewLayers-icon: url(../images/pdf/toolbarButton-viewLayers.svg);
  --toolbarButton-currentOutlineItem-icon: url(../images/pdf/toolbarButton-currentOutlineItem.svg);
  --toolbarButton-search-icon: url(../images/pdf/toolbarButton-search.svg);
  --findbarButton-previous-icon: url(../images/pdf/findbarButton-previous.svg);
  --findbarButton-next-icon: url(../images/pdf/findbarButton-next.svg);
  --secondaryToolbarButton-firstPage-icon: url(../images/pdf/secondaryToolbarButton-firstPage.svg);
  --secondaryToolbarButton-lastPage-icon: url(../images/pdf/secondaryToolbarButton-lastPage.svg);
  --secondaryToolbarButton-rotateCcw-icon: url(../images/pdf/secondaryToolbarButton-rotateCcw.svg);
  --secondaryToolbarButton-rotateCw-icon: url(../images/pdf/secondaryToolbarButton-rotateCw.svg);
  --secondaryToolbarButton-selectTool-icon: url(../images/pdf/secondaryToolbarButton-selectTool.svg);
  --secondaryToolbarButton-handTool-icon: url(../images/pdf/secondaryToolbarButton-handTool.svg);
  --secondaryToolbarButton-scrollPage-icon: url(../images/pdf/secondaryToolbarButton-scrollPage.svg);
  --secondaryToolbarButton-scrollVertical-icon: url(../images/pdf/secondaryToolbarButton-scrollVertical.svg);
  --secondaryToolbarButton-scrollHorizontal-icon: url(../images/pdf/secondaryToolbarButton-scrollHorizontal.svg);
  --secondaryToolbarButton-scrollWrapped-icon: url(../images/pdf/secondaryToolbarButton-scrollWrapped.svg);
  --secondaryToolbarButton-spreadNone-icon: url(../images/pdf/secondaryToolbarButton-spreadNone.svg);
  --secondaryToolbarButton-spreadOdd-icon: url(../images/pdf/secondaryToolbarButton-spreadOdd.svg);
  --secondaryToolbarButton-spreadEven-icon: url(../images/pdf/secondaryToolbarButton-spreadEven.svg);
  --secondaryToolbarButton-documentProperties-icon: url(../images/pdf/secondaryToolbarButton-documentProperties.svg);
}

[dir=rtl]:root {
  --dir-factor: -1;
  --inline-start: right;
  --inline-end: left;
}

@media (prefers-color-scheme: dark) {
  :root {
    --main-color: rgba(249, 249, 250, 1);
    --body-bg-color: rgba(42, 42, 46, 1);
    --progressBar-color: rgba(0, 96, 223, 1);
    --progressBar-bg-color: rgba(40, 40, 43, 1);
    --progressBar-blend-color: rgba(20, 68, 133, 1);
    --scrollbar-color: rgba(121, 121, 123, 1);
    --scrollbar-bg-color: rgba(35, 35, 39, 1);
    --toolbar-icon-bg-color: rgba(255, 255, 255, 1);
    --toolbar-icon-hover-bg-color: rgba(255, 255, 255, 1);
    --sidebar-narrow-bg-color: rgba(42, 42, 46, 0.9);
    --sidebar-toolbar-bg-color: rgba(50, 50, 52, 1);
    --toolbar-bg-color: rgba(56, 56, 61, 1);
    --toolbar-border-color: rgba(12, 12, 13, 1);
    --button-hover-color: rgba(102, 102, 103, 1);
    --toggled-btn-color: rgba(255, 255, 255, 1);
    --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
    --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
    --dropdown-btn-bg-color: rgba(74, 74, 79, 1);
    --separator-color: rgba(0, 0, 0, 0.3);
    --field-color: rgba(250, 250, 250, 1);
    --field-bg-color: rgba(64, 64, 68, 1);
    --field-border-color: rgba(115, 115, 115, 1);
    --treeitem-color: rgba(255, 255, 255, 0.8);
    --treeitem-hover-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-bg-color: rgba(255, 255, 255, 0.25);
    --sidebaritem-bg-color: rgba(255, 255, 255, 0.15);
    --doorhanger-bg-color: rgba(74, 74, 79, 1);
    --doorhanger-border-color: rgba(39, 39, 43, 1);
    --doorhanger-hover-color: rgba(249, 249, 250, 1);
    --doorhanger-hover-bg-color: rgba(93, 94, 98, 1);
    --doorhanger-separator-color: rgba(92, 92, 97, 1);
    --dialog-button-bg-color: rgba(92, 92, 97, 1);
    --dialog-button-hover-bg-color: rgba(115, 115, 115, 1);
    /* This image is used in <input> elements, which unfortunately means that
     * the `mask-image` approach used with all of the other images doesn't work
     * here; hence why we still have two versions of this particular image. */
    --loading-icon: url(../images/pdf/loading-dark.svg);
  }
}
@media screen and (forced-colors: active) {
  :root {
    --button-hover-color: Highlight;
    --doorhanger-hover-bg-color: Highlight;
    --toolbar-icon-opacity: 1;
    --toolbar-icon-bg-color: ButtonText;
    --toolbar-icon-hover-bg-color: ButtonFace;
    --toolbar-border-color: CanvasText;
    --toolbar-border-bottom: 1px solid var(--toolbar-border-color);
    --toolbar-box-shadow: none;
    --toggled-btn-color: HighlightText;
    --toggled-btn-bg-color: LinkText;
    --doorhanger-hover-color: ButtonFace;
    --doorhanger-border-color-whcm: 1px solid ButtonText;
    --doorhanger-triangle-opacity-whcm: 0;
    --dialog-button-border: 1px solid Highlight;
    --dialog-button-hover-bg-color: Highlight;
    --dialog-button-hover-color: ButtonFace;
    --dropdown-btn-border: 1px solid ButtonText;
    --field-border-color: ButtonText;
    --main-color: CanvasText;
    --separator-color: GrayText;
    --doorhanger-separator-color: GrayText;
    --toolbarSidebar-box-shadow: none;
    --toolbarSidebar-border-bottom: 1px solid var(--toolbar-border-color);
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  :root {
    --sidebar-transition-duration: 0;
  }
}
* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
  width: 100%;
}

body {
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
}

.hidden,
[hidden] {
  display: none !important;
}

#viewerContainer.pdfPresentationMode:-webkit-full-screen {
  top: 0;
  background-color: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
  user-select: none;
}

#viewerContainer.pdfPresentationMode:fullscreen {
  top: 0;
  background-color: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pdfPresentationMode:-webkit-full-screen section:not([data-internal-link]) {
  pointer-events: none;
}

.pdfPresentationMode:fullscreen section:not([data-internal-link]) {
  pointer-events: none;
}

.pdfPresentationMode:-webkit-full-screen .textLayer span {
  cursor: none;
}

.pdfPresentationMode:fullscreen .textLayer span {
  cursor: none;
}

.pdfPresentationMode.pdfPresentationModeControls > *,
.pdfPresentationMode.pdfPresentationModeControls .textLayer span {
  cursor: default;
}

#outerContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

#sidebarContainer {
  position: absolute;
  top: 32px;
  bottom: 0;
  inset-inline-start: calc(-1 * var(--sidebar-width));
  width: var(--sidebar-width);
  visibility: hidden;
  z-index: 100;
  font: message-box;
  border-top: 1px solid rgba(51, 51, 51, 1);
  -webkit-border-end: var(--doorhanger-border-color-whcm);
  border-inline-end: var(--doorhanger-border-color-whcm);
  transition-property: inset-inline-start;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}

#outerContainer.sidebarMoving #sidebarContainer,
#outerContainer.sidebarOpen #sidebarContainer {
  visibility: visible;
}

#outerContainer.sidebarOpen #sidebarContainer {
  inset-inline-start: 0;
}

#mainContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 350px;
}

#sidebarContent {
  top: 32px;
  bottom: 0;
  inset-inline-start: 0;
  overflow: auto;
  position: absolute;
  width: 100%;
  box-shadow: inset calc(-1px * var(--dir-factor)) 0 0 rgba(0, 0, 0, 0.25);
}

#viewerContainer {
  overflow: auto;
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
}

#viewerContainer:not(.pdfPresentationMode) {
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}

#outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
  inset-inline-start: var(--sidebar-width);
  transition-property: inset-inline-start;
}

.toolbar {
  position: relative;
  left: 0;
  right: 0;
  z-index: 9999;
  cursor: default;
  font: message-box;
}

.toolbar input,
.toolbar button,
.toolbar select,
.secondaryToolbar input,
.secondaryToolbar button,
.secondaryToolbar a,
.secondaryToolbar select,
.editorParamsToolbar input,
.editorParamsToolbar button,
.editorParamsToolbar select,
.findbar input,
.findbar button,
.findbar select,
#sidebarContainer input,
#sidebarContainer button,
#sidebarContainer select {
  outline: none;
  font: message-box;
}

#toolbarContainer {
  width: 100%;
}

#toolbarSidebar {
  width: 100%;
  height: 32px;
  background-color: var(--sidebar-toolbar-bg-color);
  box-shadow: var(--toolbarSidebar-box-shadow);
  border-bottom: var(--toolbarSidebar-border-bottom);
}

#sidebarResizer {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: -6px;
  width: 6px;
  z-index: 200;
  cursor: ew-resize;
}

#toolbarContainer,
.findbar,
.secondaryToolbar,
.editorParamsToolbar {
  position: relative;
  height: 32px;
  background-color: var(--toolbar-bg-color);
  box-shadow: var(--toolbar-box-shadow);
  border-bottom: var(--toolbar-border-bottom);
}

#toolbarViewer {
  height: 32px;
}

#loadingBar {
  /* Define these variables here, and not in :root, to avoid reflowing the
     entire viewer when updating progress (see issue 15958). */
  --progressBar-percent: 0%;
  --progressBar-end-offset: 0;
  position: absolute;
  inset-inline: 0 var(--progressBar-end-offset);
  height: 4px;
  background-color: var(--progressBar-bg-color);
  border-bottom: 1px solid var(--toolbar-border-color);
  transition-property: inset-inline-start;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}

#outerContainer.sidebarOpen #loadingBar {
  inset-inline-start: var(--sidebar-width);
}

#loadingBar .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: scaleX(var(--progressBar-percent));
  transform-origin: 0 0;
  height: 100%;
  background-color: var(--progressBar-color);
  overflow: hidden;
  transition: transform 200ms;
}

@keyframes progressIndeterminate {
  0% {
    transform: translateX(-142px);
  }
  100% {
    transform: translateX(0);
  }
}
#loadingBar.indeterminate .progress {
  transform: none;
  background-color: var(--progressBar-bg-color);
  transition: none;
}

#loadingBar.indeterminate .progress .glimmer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 150px);
  background: repeating-linear-gradient(135deg, var(--progressBar-blend-color) 0, var(--progressBar-bg-color) 5px, var(--progressBar-bg-color) 45px, var(--progressBar-color) 55px, var(--progressBar-color) 95px, var(--progressBar-blend-color) 100px);
  animation: progressIndeterminate 1s linear infinite;
}

#outerContainer.sidebarResizing #sidebarContainer,
#outerContainer.sidebarResizing #viewerContainer,
#outerContainer.sidebarResizing #loadingBar {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  transition-duration: 0s;
}

.findbar,
.secondaryToolbar,
.editorParamsToolbar {
  top: 32px;
  position: absolute;
  z-index: 30000;
  height: auto;
  padding: 0 4px;
  margin: 4px 2px;
  font: message-box;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  cursor: default;
}

.findbar {
  inset-inline-start: 64px;
  min-width: 300px;
  background-color: var(--toolbar-bg-color);
}

.findbar > div {
  height: 32px;
}

.findbar > div#findbarInputContainer {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
}

.findbar.wrapContainers > div,
.findbar.wrapContainers > div#findbarMessageContainer > * {
  clear: both;
}

.findbar.wrapContainers > div#findbarMessageContainer {
  height: auto;
}

.findbar input[type=checkbox] {
  pointer-events: none;
}

.findbar label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.findbar label:hover,
.findbar input:focus-visible + label {
  color: var(--toggled-btn-color);
  background-color: var(--button-hover-color);
}

.findbar .toolbarField[type=checkbox]:checked + .toolbarLabel {
  background-color: var(--toggled-btn-bg-color) !important;
  color: var(--toggled-btn-color);
}

#findInput {
  width: 200px;
}

#findInput::-moz-placeholder {
  font-style: normal;
}

#findInput::placeholder {
  font-style: normal;
}

#findInput[data-status=pending] {
  background-image: var(--loading-icon);
  background-repeat: no-repeat;
  background-position: calc(50% + 48% * var(--dir-factor));
}

#findInput[data-status=notFound] {
  background-color: rgba(255, 102, 102, 1);
}

.secondaryToolbar,
.editorParamsToolbar {
  padding: 6px 0 10px;
  inset-inline-end: 4px;
  height: auto;
  background-color: var(--doorhanger-bg-color);
}

.editorParamsToolbarContainer {
  width: 220px;
  margin-bottom: -4px;
}

.editorParamsToolbarContainer > .editorParamsSetter {
  min-height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 10px;
}

.editorParamsToolbarContainer .editorParamsLabel {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  flex: none;
  color: var(--main-color);
}

.editorParamsToolbarContainer .editorParamsColor {
  width: 32px;
  height: 32px;
  flex: none;
}

.editorParamsToolbarContainer .editorParamsSlider {
  background-color: transparent;
  width: 90px;
  flex: 0 1 0;
}

.editorParamsToolbarContainer .editorParamsSlider::-moz-range-progress {
  background-color: black;
}

.editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-runnable-track,
.editorParamsToolbarContainer .editorParamsSlider::-moz-range-track {
  background-color: black;
}

.editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-thumb,
.editorParamsToolbarContainer .editorParamsSlider::-moz-range-thumb {
  background-color: white;
}

#secondaryToolbarButtonContainer {
  max-width: 220px;
  min-height: 26px;
  max-height: calc(var(--viewer-container-height) - 40px);
  overflow-y: auto;
  margin-bottom: -4px;
}

#editorInkParamsToolbar {
  inset-inline-end: 40px;
  background-color: var(--toolbar-bg-color);
}

#editorFreeTextParamsToolbar {
  inset-inline-end: 68px;
  background-color: var(--toolbar-bg-color);
}

.doorHanger,
.doorHangerRight {
  border-radius: 2px;
  box-shadow: 0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
  border: var(--doorhanger-border-color-whcm);
}

.doorHanger:after,
.doorHanger:before,
.doorHangerRight:after,
.doorHangerRight:before {
  bottom: 100%;
  border: 8px solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  opacity: var(--doorhanger-triangle-opacity-whcm);
}

.doorHanger:after {
  inset-inline-start: 10px;
  -webkit-margin-start: -8px;
  margin-inline-start: -8px;
  border-bottom-color: var(--toolbar-bg-color);
}

.doorHangerRight:after {
  inset-inline-end: 10px;
  -webkit-margin-end: -8px;
  margin-inline-end: -8px;
  border-bottom-color: var(--doorhanger-bg-color);
}

.doorHanger:before,
.doorHangerRight:before {
  border-bottom-color: var(--doorhanger-border-color);
  border-width: 9px;
}

.doorHanger:before {
  inset-inline-start: 10px;
  -webkit-margin-start: -9px;
  margin-inline-start: -9px;
}

.doorHangerRight:before {
  inset-inline-end: 10px;
  -webkit-margin-end: -9px;
  margin-inline-end: -9px;
}

#findResultsCount {
  background-color: rgba(217, 217, 217, 1);
  color: rgba(82, 82, 82, 1);
  text-align: center;
  padding: 4px 5px;
  margin: 5px;
}

#findMsg {
  color: rgba(251, 0, 0, 1);
}

#findResultsCount:empty,
#findMsg:empty {
  display: none;
}

#toolbarViewerMiddle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

#toolbarViewerLeft,
#toolbarSidebarLeft {
  float: var(--inline-start);
}

#toolbarViewerRight,
#toolbarSidebarRight {
  float: var(--inline-end);
}

#toolbarViewerLeft > *,
#toolbarViewerMiddle > *,
#toolbarViewerRight > *,
#toolbarSidebarLeft *,
#toolbarSidebarRight *,
.findbar * {
  position: relative;
  float: var(--inline-start);
}

#toolbarViewerLeft {
  -webkit-padding-start: 1px;
  padding-inline-start: 1px;
}

#toolbarViewerRight {
  -webkit-padding-end: 1px;
  padding-inline-end: 1px;
}

#toolbarSidebarRight {
  -webkit-padding-end: 2px;
  padding-inline-end: 2px;
}

.splitToolbarButton {
  margin: 2px;
  display: inline-block;
}

.splitToolbarButton > .toolbarButton {
  float: var(--inline-start);
}

.toolbarButton,
.secondaryToolbarButton,
.dialogButton {
  border: none;
  background: none;
  width: 28px;
  height: 28px;
  outline: none;
}

.dialogButton:hover,
.dialogButton:focus-visible {
  background-color: var(--dialog-button-hover-bg-color);
}

.dialogButton:hover > span,
.dialogButton:focus-visible > span {
  color: var(--dialog-button-hover-color);
}

.toolbarButton > span {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.toolbarButton[disabled],
.secondaryToolbarButton[disabled],
.dialogButton[disabled] {
  opacity: 0.5;
}

.splitToolbarButton > .toolbarButton:hover,
.splitToolbarButton > .toolbarButton:focus-visible,
.dropdownToolbarButton:hover {
  background-color: var(--button-hover-color);
}

.splitToolbarButton > .toolbarButton {
  position: relative;
  margin: 0;
}

#toolbarSidebar .splitToolbarButton > .toolbarButton {
  -webkit-margin-end: 2px;
  margin-inline-end: 2px;
}

.splitToolbarButtonSeparator {
  float: var(--inline-start);
  margin: 4px 0;
  width: 1px;
  height: 20px;
  background-color: var(--separator-color);
}

.toolbarButton,
.dropdownToolbarButton,
.secondaryToolbarButton,
.dialogButton {
  min-width: 16px;
  margin: 2px 1px;
  padding: 2px 6px 0;
  border: none;
  border-radius: 2px;
  color: var(--main-color);
  font-size: 12px;
  line-height: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  box-sizing: border-box;
}

.toolbarButton:hover,
.toolbarButton:focus-visible {
  background-color: var(--button-hover-color);
}

.secondaryToolbarButton:hover,
.secondaryToolbarButton:focus-visible {
  background-color: var(--doorhanger-hover-bg-color);
  color: var(--doorhanger-hover-color);
}

.toolbarButton.toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled,
.secondaryToolbarButton.toggled {
  background-color: var(--toggled-btn-bg-color);
  color: var(--toggled-btn-color);
}

.toolbarButton.toggled::before,
.secondaryToolbarButton.toggled::before {
  background-color: var(--toggled-btn-color);
}

.toolbarButton.toggled:hover:active,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
.secondaryToolbarButton.toggled:hover:active {
  background-color: var(--toggled-hover-active-btn-color);
}

.dropdownToolbarButton {
  /* Define this variable here, and not in :root, to avoid reflowing the
     entire viewer when updating the width. */
  --scale-select-width: 140px;
  width: var(--scale-select-width);
  padding: 0;
  background-color: var(--dropdown-btn-bg-color);
  border: var(--dropdown-btn-border);
}

.dropdownToolbarButton::after {
  top: 6px;
  inset-inline-end: 6px;
  pointer-events: none;
  -webkit-mask-image: var(--toolbarButton-menuArrow-icon);
  mask-image: var(--toolbarButton-menuArrow-icon);
}

.dropdownToolbarButton > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: inherit;
  height: 28px;
  font-size: 12px;
  color: var(--main-color);
  margin: 0;
  padding: 1px 0 2px;
  -webkit-padding-start: 6px;
  padding-inline-start: 6px;
  border: none;
  background-color: var(--dropdown-btn-bg-color);
}

.dropdownToolbarButton > select:hover,
.dropdownToolbarButton > select:focus-visible {
  background-color: var(--button-hover-color);
  color: var(--toggled-btn-color);
}

.dropdownToolbarButton > select > option {
  background: var(--doorhanger-bg-color);
  color: var(--main-color);
}

.toolbarButtonSpacer {
  width: 30px;
  display: inline-block;
  height: 1px;
}

.toolbarButton::before,
.secondaryToolbarButton::before,
.dropdownToolbarButton::after,
.treeItemToggler::before {
  /* All matching images have a size of 16x16
   * All relevant containers have a size of 28x28 */
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: var(--toolbar-icon-bg-color);
  -webkit-mask-size: cover;
  mask-size: cover;
}

.dropdownToolbarButton:hover::after,
.dropdownToolbarButton:focus-visible::after,
.dropdownToolbarButton:active::after {
  background-color: var(--toolbar-icon-hover-bg-color);
}

.toolbarButton::before {
  opacity: var(--toolbar-icon-opacity);
  top: 6px;
  left: 6px;
}

.toolbarButton:hover::before,
.toolbarButton:focus-visible::before,
.secondaryToolbarButton:hover::before,
.secondaryToolbarButton:focus-visible::before {
  background-color: var(--toolbar-icon-hover-bg-color);
}

.secondaryToolbarButton::before {
  opacity: var(--doorhanger-icon-opacity);
  top: 5px;
  inset-inline-start: 12px;
}

#sidebarToggle::before {
  -webkit-mask-image: var(--toolbarButton-sidebarToggle-icon);
  mask-image: var(--toolbarButton-sidebarToggle-icon);
  transform: scaleX(var(--dir-factor));
}

#secondaryToolbarToggle::before {
  -webkit-mask-image: var(--toolbarButton-secondaryToolbarToggle-icon);
  mask-image: var(--toolbarButton-secondaryToolbarToggle-icon);
  transform: scaleX(var(--dir-factor));
}

#findPrevious::before {
  -webkit-mask-image: var(--findbarButton-previous-icon);
  mask-image: var(--findbarButton-previous-icon);
}

#findNext::before {
  -webkit-mask-image: var(--findbarButton-next-icon);
  mask-image: var(--findbarButton-next-icon);
}

#previous::before {
  -webkit-mask-image: var(--toolbarButton-pageUp-icon);
  mask-image: var(--toolbarButton-pageUp-icon);
}

#next::before {
  -webkit-mask-image: var(--toolbarButton-pageDown-icon);
  mask-image: var(--toolbarButton-pageDown-icon);
}

#zoomOut::before {
  -webkit-mask-image: var(--toolbarButton-zoomOut-icon);
  mask-image: var(--toolbarButton-zoomOut-icon);
}

#zoomIn::before {
  -webkit-mask-image: var(--toolbarButton-zoomIn-icon);
  mask-image: var(--toolbarButton-zoomIn-icon);
}

#presentationMode::before {
  -webkit-mask-image: var(--toolbarButton-presentationMode-icon);
  mask-image: var(--toolbarButton-presentationMode-icon);
}

#editorFreeText::before {
  -webkit-mask-image: var(--toolbarButton-editorFreeText-icon);
  mask-image: var(--toolbarButton-editorFreeText-icon);
}

#editorInk::before {
  -webkit-mask-image: var(--toolbarButton-editorInk-icon);
  mask-image: var(--toolbarButton-editorInk-icon);
}

#print::before,
#secondaryPrint::before {
  -webkit-mask-image: var(--toolbarButton-print-icon);
  mask-image: var(--toolbarButton-print-icon);
}

#openFile::before,
#secondaryOpenFile::before {
  -webkit-mask-image: var(--toolbarButton-openFile-icon);
  mask-image: var(--toolbarButton-openFile-icon);
}

#download::before,
#secondaryDownload::before {
  -webkit-mask-image: var(--toolbarButton-download-icon);
  mask-image: var(--toolbarButton-download-icon);
}

a.secondaryToolbarButton {
  padding-top: 5px;
  text-decoration: none;
}

a.toolbarButton[href="#"],
a.secondaryToolbarButton[href="#"] {
  opacity: 0.5;
  pointer-events: none;
}

#viewBookmark::before {
  -webkit-mask-image: var(--toolbarButton-bookmark-icon);
  mask-image: var(--toolbarButton-bookmark-icon);
}

#viewThumbnail::before {
  -webkit-mask-image: var(--toolbarButton-viewThumbnail-icon);
  mask-image: var(--toolbarButton-viewThumbnail-icon);
}

#viewOutline::before {
  -webkit-mask-image: var(--toolbarButton-viewOutline-icon);
  mask-image: var(--toolbarButton-viewOutline-icon);
  transform: scaleX(var(--dir-factor));
}

#viewAttachments::before {
  -webkit-mask-image: var(--toolbarButton-viewAttachments-icon);
  mask-image: var(--toolbarButton-viewAttachments-icon);
}

#viewLayers::before {
  -webkit-mask-image: var(--toolbarButton-viewLayers-icon);
  mask-image: var(--toolbarButton-viewLayers-icon);
}

#currentOutlineItem::before {
  -webkit-mask-image: var(--toolbarButton-currentOutlineItem-icon);
  mask-image: var(--toolbarButton-currentOutlineItem-icon);
  transform: scaleX(var(--dir-factor));
}

#viewFind::before {
  -webkit-mask-image: var(--toolbarButton-search-icon);
  mask-image: var(--toolbarButton-search-icon);
}

.pdfSidebarNotification::after {
  position: absolute;
  display: inline-block;
  top: 2px;
  inset-inline-end: 2px;
  /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
  content: "";
  background-color: rgba(112, 219, 85, 1);
  height: 9px;
  width: 9px;
  border-radius: 50%;
}

.secondaryToolbarButton {
  position: relative;
  margin: 0;
  padding: 0 0 1px;
  -webkit-padding-start: 36px;
  padding-inline-start: 36px;
  height: auto;
  min-height: 26px;
  width: auto;
  min-width: 100%;
  text-align: start;
  white-space: normal;
  border-radius: 0;
  box-sizing: border-box;
  display: inline-block;
}

.secondaryToolbarButton > span {
  -webkit-padding-end: 4px;
  padding-inline-end: 4px;
}

#firstPage::before {
  -webkit-mask-image: var(--secondaryToolbarButton-firstPage-icon);
  mask-image: var(--secondaryToolbarButton-firstPage-icon);
}

#lastPage::before {
  -webkit-mask-image: var(--secondaryToolbarButton-lastPage-icon);
  mask-image: var(--secondaryToolbarButton-lastPage-icon);
}

#pageRotateCcw::before {
  -webkit-mask-image: var(--secondaryToolbarButton-rotateCcw-icon);
  mask-image: var(--secondaryToolbarButton-rotateCcw-icon);
}

#pageRotateCw::before {
  -webkit-mask-image: var(--secondaryToolbarButton-rotateCw-icon);
  mask-image: var(--secondaryToolbarButton-rotateCw-icon);
}

#cursorSelectTool::before {
  -webkit-mask-image: var(--secondaryToolbarButton-selectTool-icon);
  mask-image: var(--secondaryToolbarButton-selectTool-icon);
}

#cursorHandTool::before {
  -webkit-mask-image: var(--secondaryToolbarButton-handTool-icon);
  mask-image: var(--secondaryToolbarButton-handTool-icon);
}

#scrollPage::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollPage-icon);
  mask-image: var(--secondaryToolbarButton-scrollPage-icon);
}

#scrollVertical::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollVertical-icon);
  mask-image: var(--secondaryToolbarButton-scrollVertical-icon);
}

#scrollHorizontal::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon);
  mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon);
}

#scrollWrapped::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollWrapped-icon);
  mask-image: var(--secondaryToolbarButton-scrollWrapped-icon);
}

#spreadNone::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadNone-icon);
  mask-image: var(--secondaryToolbarButton-spreadNone-icon);
}

#spreadOdd::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadOdd-icon);
  mask-image: var(--secondaryToolbarButton-spreadOdd-icon);
}

#spreadEven::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadEven-icon);
  mask-image: var(--secondaryToolbarButton-spreadEven-icon);
}

#documentProperties::before {
  -webkit-mask-image: var(--secondaryToolbarButton-documentProperties-icon);
  mask-image: var(--secondaryToolbarButton-documentProperties-icon);
}

.verticalToolbarSeparator {
  display: block;
  margin: 5px 2px;
  width: 1px;
  height: 22px;
  background-color: var(--separator-color);
}

.horizontalToolbarSeparator {
  display: block;
  margin: 6px 0;
  height: 1px;
  width: 100%;
  background-color: var(--doorhanger-separator-color);
}

.toolbarField {
  padding: 4px 7px;
  margin: 3px 0;
  border-radius: 2px;
  background-color: var(--field-bg-color);
  background-clip: padding-box;
  border: 1px solid var(--field-border-color);
  box-shadow: none;
  color: var(--field-color);
  font-size: 12px;
  line-height: 16px;
  outline: none;
}

.toolbarField[type=checkbox] {
  opacity: 0;
  position: absolute !important;
  left: 0;
  margin: 10px 0 3px;
  -webkit-margin-start: 7px;
  margin-inline-start: 7px;
}

#pageNumber {
  -moz-appearance: textfield; /* hides the spinner in moz */
  text-align: right;
  width: 40px;
  background-size: 0 0;
  transition-property: none;
}

#pageNumber.visiblePageIsLoading {
  background-image: var(--loading-icon);
  background-repeat: no-repeat;
  background-position: 3px;
  background-size: 16px 16px;
  /* Using a delay with background-image doesn't work,
     consequently we use background-size. */
  transition-property: background-size;
  transition-delay: var(--loading-icon-delay);
}

#pageNumber::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.toolbarField:focus {
  border-color: #0a84ff;
}

.toolbarLabel {
  min-width: 16px;
  padding: 7px;
  margin: 2px;
  border-radius: 2px;
  color: var(--main-color);
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

#numPages.toolbarLabel {
  -webkit-padding-start: 3px;
  padding-inline-start: 3px;
}

#thumbnailView,
#outlineView,
#attachmentsView,
#layersView {
  position: absolute;
  width: calc(100% - 8px);
  top: 0;
  bottom: 0;
  padding: 4px 4px 0;
  overflow: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#thumbnailView {
  width: calc(100% - 60px);
  padding: 10px 30px 0;
}

#thumbnailView > a:active,
#thumbnailView > a:focus {
  outline: 0;
}

.thumbnail {
  float: var(--inline-start);
  margin: 0 10px 5px;
}

#thumbnailView > a:last-of-type > .thumbnail {
  margin-bottom: 10px;
}

#thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
  margin-bottom: 9px;
}

.thumbnail:not([data-loaded]) {
  border: 1px dashed rgba(132, 132, 132, 1);
  margin: -1px 9px 4px;
}

.thumbnailImage {
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
  z-index: 99;
  background-color: rgba(255, 255, 255, 1);
  background-clip: content-box;
}

.thumbnailSelectionRing {
  border-radius: 2px;
  padding: 7px;
}

a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
  opacity: 0.9;
}

a:focus > .thumbnail > .thumbnailSelectionRing,
.thumbnail:hover > .thumbnailSelectionRing {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  color: rgba(255, 255, 255, 0.9);
}

.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
  opacity: 1;
}

.thumbnail.selected > .thumbnailSelectionRing {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  color: rgba(255, 255, 255, 1);
}

.treeWithDeepNesting > .treeItem,
.treeItem > .treeItems {
  -webkit-margin-start: 20px;
  margin-inline-start: 20px;
}

.treeItem > a {
  text-decoration: none;
  display: inline-block;
  /* Subtract the right padding (left, in RTL mode) of the container: */
  min-width: calc(100% - 4px);
  height: auto;
  margin-bottom: 1px;
  padding: 2px 0 5px;
  -webkit-padding-start: 4px;
  padding-inline-start: 4px;
  border-radius: 2px;
  color: var(--treeitem-color);
  font-size: 13px;
  line-height: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: normal;
  cursor: pointer;
}

#layersView .treeItem > a * {
  cursor: pointer;
}

#layersView .treeItem > a > label {
  -webkit-padding-start: 4px;
  padding-inline-start: 4px;
}

#layersView .treeItem > a > label > input {
  float: var(--inline-start);
  margin-top: 1px;
}

.treeItemToggler {
  position: relative;
  float: var(--inline-start);
  height: 0;
  width: 0;
  color: rgba(255, 255, 255, 0.5);
}

.treeItemToggler::before {
  inset-inline-end: 4px;
  -webkit-mask-image: var(--treeitem-expanded-icon);
  mask-image: var(--treeitem-expanded-icon);
}

.treeItemToggler.treeItemsHidden::before {
  -webkit-mask-image: var(--treeitem-collapsed-icon);
  mask-image: var(--treeitem-collapsed-icon);
  transform: scaleX(var(--dir-factor));
}

.treeItemToggler.treeItemsHidden ~ .treeItems {
  display: none;
}

.treeItem.selected > a {
  background-color: var(--treeitem-selected-bg-color);
  color: var(--treeitem-selected-color);
}

.treeItemToggler:hover,
.treeItemToggler:hover + a,
.treeItemToggler:hover ~ .treeItems,
.treeItem > a:hover {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  border-radius: 2px;
  color: var(--treeitem-hover-color);
}

.dialogButton {
  width: auto;
  margin: 3px 4px 2px !important;
  padding: 2px 11px;
  color: var(--main-color);
  background-color: var(--dialog-button-bg-color);
  border: var(--dialog-button-border) !important;
}

dialog {
  margin: auto;
  padding: 15px;
  border-spacing: 4px;
  color: var(--main-color);
  font: message-box;
  font-size: 12px;
  line-height: 14px;
  background-color: var(--doorhanger-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

dialog::-webkit-backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}

dialog > .row {
  display: table-row;
}

dialog > .row > * {
  display: table-cell;
}

dialog .toolbarField {
  margin: 5px 0;
}

dialog .separator {
  display: block;
  margin: 4px 0;
  height: 1px;
  width: 100%;
  background-color: var(--separator-color);
}

dialog .buttonRow {
  text-align: center;
  vertical-align: middle;
}

dialog :link {
  color: rgba(255, 255, 255, 1);
}

#passwordDialog {
  text-align: center;
}

#passwordDialog .toolbarField {
  width: 200px;
}

#documentPropertiesDialog {
  text-align: left;
}

#documentPropertiesDialog .row > * {
  min-width: 100px;
  text-align: start;
}

#documentPropertiesDialog .row > span {
  width: 125px;
  word-wrap: break-word;
}

#documentPropertiesDialog .row > p {
  max-width: 225px;
  word-wrap: break-word;
}

#documentPropertiesDialog .buttonRow {
  margin-top: 10px;
}

.grab-to-pan-grab {
  cursor: grab !important;
}

.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
  cursor: inherit !important;
}

.grab-to-pan-grab:active,
.grab-to-pan-grabbing {
  cursor: grabbing !important;
  position: fixed;
  background: rgba(0, 0, 0, 0);
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 50000; /* should be higher than anything else in PDF.js! */
}

@page {
  margin: 0;
}
#printContainer {
  display: none;
}

@media print {
  body {
    background: rgba(0, 0, 0, 0) none;
  }
  body[data-pdfjsprinting] #outerContainer {
    display: none;
  }
  body[data-pdfjsprinting] #printContainer {
    display: block;
  }
  #printContainer {
    height: 100%;
  }
  /* wrapper around (scaled) print canvas elements */
  #printContainer > .printedPage {
    page-break-after: always;
    page-break-inside: avoid;
    /* The wrapper always cover the whole page. */
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #printContainer > .xfaPrintedPage .xfaPage {
    position: absolute;
  }
  #printContainer > .xfaPrintedPage {
    page-break-after: always;
    page-break-inside: avoid;
    width: 100%;
    height: 100%;
    position: relative;
  }
  #printContainer > .printedPage canvas,
  #printContainer > .printedPage img {
    /* The intrinsic canvas / image size will make sure that we fit the page. */
    max-width: 100%;
    max-height: 100%;
    direction: ltr;
    display: block;
  }
}
.visibleLargeView,
.visibleMediumView {
  display: none;
}

@media all and (max-width: 900px) {
  #toolbarViewerMiddle {
    display: table;
    margin: auto;
    left: auto;
    position: inherit;
    transform: none;
  }
}
@media all and (max-width: 840px) {
  #sidebarContainer {
    background-color: var(--sidebar-narrow-bg-color);
  }
  #outerContainer.sidebarOpen #viewerContainer {
    inset-inline-start: 0 !important;
  }
}
@media all and (max-width: 820px) {
  #outerContainer .hiddenLargeView {
    display: none;
  }
  #outerContainer .visibleLargeView {
    display: inherit;
  }
}
@media all and (max-width: 750px) {
  #outerContainer .hiddenMediumView {
    display: none;
  }
  #outerContainer .visibleMediumView {
    display: inherit;
  }
}
@media all and (max-width: 690px) {
  .hiddenSmallView,
  .hiddenSmallView * {
    display: none;
  }
  .toolbarButtonSpacer {
    width: 0;
  }
  .findbar {
    inset-inline-start: 34px;
  }
}
@media all and (max-width: 560px) {
  #scaleSelectContainer {
    display: none;
  }
}
.block-subscribe {
  font-size: calc(22rem / 16);
  margin-top: 56px;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .block-subscribe {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .block-subscribe {
    line-height: 1.4;
  }
}
.block-subscribe__title {
  letter-spacing: 0.02em;
  color: #353ab0;
}
.block-subscribe__form {
  --color-placeholder: $color-section-description-dark;
  --opacity: .5;
}
.block-subscribe__form .input-wrap {
  margin-block: 8px;
}
.block-subscribe__form input {
  font-size: calc(22rem / 16);
  border-radius: 6px;
  padding: 12px 16px;
  height: 48px;
  background: #efedff;
  border: none;
  color: #121185;
  line-height: 1.33;
  letter-spacing: 0.02em;
  width: 100%;
}
@media (max-width: 1728px) {
  .block-subscribe__form input {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .block-subscribe__form input {
    line-height: 1.4;
  }
}
.block-subscribe__form .btn,
.block-subscribe__form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .block-subscribe__form .wrap-btn-hbsp-submit {
  margin-top: 20px;
  width: 100%;
}
.block-subscribe .social {
  padding-top: 46px;
}

.social {
  --sizeIcon: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 20px;
}
.social svg {
  fill: #121185;
  width: var(--sizeIcon);
  min-width: var(--sizeIcon);
  height: var(--sizeIcon);
}
.social svg path {
  fill: #121185;
}

.aticle-nav {
  position: sticky;
  top: 100px;
  width: 269px;
  min-width: 269px;
}
.aticle-nav__inner {
  width: 100%;
}
.aticle-nav__title {
  font-size: 1.25rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
  margin-bottom: 17px;
}
.aticle-nav ul > li {
  color: rgba(14, 15, 17, 0.6);
}
.aticle-nav ul > li + li {
  margin-top: 25px;
}
.aticle-nav ul > li a {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #121185;
}
.aticle-nav ul > li a:hover, .aticle-nav ul > li a.active {
  color: #6b34fd;
}
.aticle-nav ul > li ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 14px;
}
.aticle-nav ul > li ul li + li {
  margin-top: 17px;
}
.aticle-nav ul > li ul a {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
}

.wrap-table-radius {
  --radius: calc(16rem / 16);
  border-radius: var(--radius);
  overflow: hidden;
}
@media (max-width: 1728px) {
  .wrap-table-radius {
    --radius: calc(4rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .wrap-table-radius {
    border: 1.5px solid #353ab0;
  }
}

.table-service {
  table-layout: fixed;
  text-align: left;
  width: 100%;
  background-color: #fcf9fe;
  color: #121185;
}
@media only screen and (min-width: 768px) {
  .table-service .for-mobile {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .table-service .for-desktop {
    display: none;
  }
}
.table-service__wrap {
  overflow-x: auto;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .table-service__wrap {
    margin-inline: -20px;
  }
}
.table-service caption {
  font-size: 0;
}
.table-service .col-head {
  width: 16.115%;
}
.table-service .col-first {
  width: 27.44%;
}
.table-service .col-medium {
  width: 28.125%;
  background: rgba(164, 147, 255, 0.12);
}
.table-service .col-premium {
  width: 28.32%;
  background: rgba(164, 147, 255, 0.25);
}
.table-service tbody:not(:last-child),
.table-service thead {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  border-bottom: 1px solid #353ab0;
}
.table-service thead {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: 1.26;
  letter-spacing: 0.05em;
}
@media (max-width: 1728px) {
  .table-service thead {
    font-size: calc(12rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service thead {
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.table-service thead th {
  padding-top: calc(25rem / 16);
  padding-bottom: calc(22rem / 16);
  padding-left: calc(23rem / 16);
  padding-right: calc(45rem / 16);
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-top: calc(8rem / 16 + 17 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-bottom: calc(6rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-left: calc(8rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-right: calc(8rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service thead th {
    width: 33.33%;
  }
  .table-service thead th span {
    display: inline-block;
    width: min-content;
  }
  .table-service thead th:not(:first-child) {
    border-left: 1px solid #353ab0;
  }
}
.table-service tbody {
  font-size: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .table-service tbody {
    font-size: calc(14rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service tbody th {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: 1.26;
  letter-spacing: 0.05em;
  padding-block: 8px;
}
@media (max-width: 1728px) {
  .table-service tbody th {
    font-size: calc(12rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service tbody th {
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.table-service tbody tr td[rowspan] {
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .table-service tbody tr td[rowspan] {
    border-right: 1px solid rgba(204, 204, 204, 0.5);
    border-right: 1px solid #353ab0;
  }
}
@media only screen and (max-width: 767px) {
  .table-service tbody tr:first-child {
    background: #f6f5ff;
  }
}
.table-service tbody tr:not(:last-child) {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
@media only screen and (min-width: 768px) {
  .table-service tbody tr:not(:last-child) {
    border-bottom: 1px solid #E5E7FF;
  }
}
.table-service tbody tr:last-child td {
  vertical-align: baseline;
}
.table-service tbody:last-child tr:last-child td {
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .table-service tbody:last-child tr:last-child td {
    border-bottom: none;
  }
}
.table-service tbody tr th + td + td,
.table-service tbody tr td:nth-child(2):not(th + td),
.table-service tbody tr td:last-child {
  padding-inline: calc(45rem / 16);
}
@media (max-width: 1728px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(8rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(45rem / 16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(0rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service th {
  padding-left: calc(24rem / 16);
}
@media (max-width: 1728px) {
  .table-service th {
    padding-left: calc(8rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service td {
  font-size: calc(20rem / 16);
  padding-inline: calc(24rem / 16);
  padding-top: calc(12rem / 16);
  padding-bottom: calc(12rem / 16);
  line-height: 1.26;
  letter-spacing: 0.05em;
  vertical-align: middle;
}
@media (max-width: 1728px) {
  .table-service td {
    font-size: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-inline: calc(8rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-top: calc(10rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-bottom: calc(6rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service td {
    border-block: 1px solid #353ab0;
  }
  .table-service td:not(:first-child):not(th + td) {
    border-left: 1px solid #353ab0;
  }
  .table-service td span {
    display: inline-block;
    width: min-content;
  }
}
@media only screen and (min-width: 768px) {
  .table-service td {
    line-height: 1.35;
    letter-spacing: 0.02em;
  }
}
.table-service td img {
  --size: calc(28rem / 16);
  --size: 28px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 1728px) {
  .table-service td img {
    --size: calc(20rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service td img {
    margin-inline: auto;
  }
}
.table-service .wrap-icon-text {
  display: flex;
  flex-direction: column;
  column-gap: 10px;
  margin-inline: auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .table-service .wrap-icon-text {
    flex-direction: row;
    align-items: center;
  }
}

.wrap-pdf-viewer {
  margin-bottom: calc(65rem / 16);
}
@media (max-width: 1728px) {
  .wrap-pdf-viewer {
    margin-bottom: calc(35rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.wrap-pdf-viewer .toolbar {
  z-index: 2;
}
.wrap-pdf-viewer .toolbar .toolbarButton {
  width: 28px;
  height: 28px;
  min-width: 16px;
  margin: 2px 1px;
  padding: 2px 6px 0;
}
.wrap-pdf-viewer .toolbar .toolbarButton::before {
  top: 6px;
  left: 6px;
}
.wrap-pdf-viewer .toolbar .toolbarButton:hover {
  background-color: var(--button-hover-color);
}

.wrapper-article-main-bg {
  background: #f6f5ff;
}
.wrapper-article-main-bg .form-outer-wrapper {
  display: none;
}
.wrapper-article-main-bg.gated-asset {
  position: relative;
}
.wrapper-article-main-bg.gated-asset .form-outer-wrapper {
  min-height: 360px;
  height: 0;
  background: #fff;
  padding: 19px 14px 0px 14px;
  border-radius: 9px;
  display: block;
  position: absolute;
  width: 315px;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.wrapper-article-main-bg.gated-asset .form-wrapper {
  background-color: #3E2AC7;
  border-radius: 7px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 49px 0 14px;
  width: 100%;
  height: 100%;
  position: relative;
}
.wrapper-article-main-bg.gated-asset .form-wrapper .title {
  font-size: 30px;
  text-align: center;
  padding: 0 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
.wrapper-article-main-bg.gated-asset .form-wrapper button {
  position: absolute;
  top: 0px;
  right: 0px;
  background: none;
  border: none;
  text-align: center;
  border-radius: 0;
  width: 40px;
  height: 40px;
  z-index: 2;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  display: none;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form {
  height: 100%;
  width: 100%;
  padding: 33px 12px;
  position: absolute;
  top: calc(100% - 95px);
  background-color: #3E2AC7;
  transition: top 0.5s;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form input::placeholder {
  color: transparent !important;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form.active {
  top: 0;
  width: 106%;
  overflow-y: auto;
  overflow-x: hidden;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form.active input::placeholder {
  color: #333 !important;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .hs-error-msgs {
  display: none;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .hs_error_rollup {
  display: block;
  margin-bottom: 10px;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .hs_error_rollup .hs-error-msgs label {
  color: red;
  line-height: 1;
  font-weight: 400;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form label {
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 16px;
  text-transform: capitalize;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .hs-form-field {
  margin-bottom: 10px;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form ul {
  padding: 0;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form p {
  color: #fff;
  margin-bottom: 10px;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form p a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .form-columns-2 {
  display: flex;
  flex-wrap: wrap;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .form-columns-2 > div {
  width: 100%;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .form-columns-2 > div input {
  width: 100%;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .form-columns-1 input {
  width: 100%;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .form-columns-1 select {
  height: unset;
  width: 100%;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .checkbox-wrap {
  float: left;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .checkbox-wrap .checkbox {
  opacity: 1;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .checkbox-wrap .checkbox-checked::before {
  content: "";
  background-image: url("../images/icon-check-white.svg");
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .legal-consent-container {
  margin-top: 15px;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .hs-form-booleancheckbox-display span {
  margin-left: 30px;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form .input {
  margin: 0;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form select, .wrapper-article-main-bg.gated-asset .form-wrapper form input:not([type=checkbox]) {
  margin: 0;
  -webkit-appearance: none;
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: top;
  font-size: 14px;
  height: 31.5px;
  line-height: 1.5;
  border: 1px solid #d9d9d9;
  border-radius: 0.4rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: calc(0.375em - 1px) calc(0.625em - 1px);
  background-color: #fff;
  color: #333;
  width: 100%;
  font-family: "GT America Mono", "Arial", sans-serif;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form select::placeholder, .wrapper-article-main-bg.gated-asset .form-wrapper form input:not([type=checkbox])::placeholder {
  font-family: "GT America Mono", "Arial", sans-serif;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form input[type=submit] {
  display: block;
  background: #ec8cb5;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0;
  cursor: pointer;
  border: 0;
  width: 100%;
  padding: 2.5px 5px;
  min-height: 40px;
  font-size: 16px;
}
.wrapper-article-main-bg.gated-asset .form-wrapper form input[type=submit]:hover {
  opacity: 0.9;
}
.wrapper-article-main-bg.gated-asset .main-wrapper {
  opacity: 0.2;
  filter: blur(4px);
}

.wrapper-article-header-main-nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}
.wrapper-article-header-main-nav__inner {
  max-width: 1024px;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .wrapper-article-header-main-nav .aticle-nav {
    display: none;
  }
}

.section-aticle-main {
  padding: 0;
  position: relative;
}
.section-aticle-main iframe {
  aspect-ratio: 1/0.5676982592;
  width: 100%;
  height: 100%;
}
.section-aticle-main * {
  box-sizing: border-box;
}
.section-aticle-main li {
  overflow-wrap: break-word;
}
.section-aticle-main p + h2 {
  margin-top: 50px;
}
.section-aticle-main__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper {
    display: block;
  }
}
.section-aticle-main__wrapper article {
  padding-bottom: calc(60rem / 16);
  flex-basis: 0px;
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 1024px;
  padding-top: 0;
  color: #121185;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article {
    padding-bottom: calc(15rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article .section-aticle-header__image-or-video {
  margin-bottom: calc(65rem / 16);
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .section-aticle-header__image-or-video {
    margin-bottom: calc(35rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article .section-aticle-header__image-or-video + h2 {
  margin-top: 0;
}
.section-aticle-main__wrapper article figure + h2 {
  margin-top: calc(65rem / 16);
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article figure + h2 {
    margin-top: calc(35rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article h2 {
  font-size: calc(40rem / 16);
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.02em;
  margin-bottom: 18px;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article h2 {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article h3 {
  font-size: calc(22rem / 16);
  font-weight: 500;
  margin-bottom: 32px;
  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: normal;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article h3 {
    font-size: calc(24rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-aticle-main__wrapper article h3 {
    line-height: 1.6;
  }
}
.section-aticle-main__wrapper article P,
.section-aticle-main__wrapper article li,
.section-aticle-main__wrapper article a {
  font-size: calc(22rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article P,
  .section-aticle-main__wrapper article li,
  .section-aticle-main__wrapper article a {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-aticle-main__wrapper article P,
  .section-aticle-main__wrapper article li,
  .section-aticle-main__wrapper article a {
    line-height: 1.4;
    letter-spacing: 0.44px;
  }
}
.section-aticle-main__wrapper article p + p {
  margin-top: calc(13rem / 16);
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article p + p {
    margin-top: calc(10rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article h3 {
  margin-top: calc(64rem / 16);
  margin-bottom: 18px;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article h3 {
    margin-top: calc(30rem / 16 + 34 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article a {
  color: #401eff;
  text-decoration: underline;
}
.section-aticle-main__wrapper article ol, .section-aticle-main__wrapper article ul {
  padding-left: calc(30rem / 16);
  margin-top: 12px;
  margin-bottom: 32px;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article ol, .section-aticle-main__wrapper article ul {
    padding-left: calc(25rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article ol li, .section-aticle-main__wrapper article ul li {
  padding-left: 3px;
}
.section-aticle-main__wrapper article ol {
  list-style: decimal;
}
.section-aticle-main__wrapper article ul {
  padding-left: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article ul {
    padding-left: calc(13rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article ul li {
  --sizeMarket: calc(5rem / 16);
  padding-left: calc(17rem / 16);
  position: relative;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article ul li {
    --sizeMarket: calc(4rem / 16 + 1 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article ul li {
    padding-left: calc(14rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article ul li::before {
  content: "";
  display: block;
  width: var(--sizeMarket);
  height: var(--sizeMarket);
  border-radius: 50%;
  background-color: #121185;
  position: absolute;
  left: 0;
  top: 0.6em;
}
.section-aticle-main__wrapper article .wp-block-image:first-child {
  margin-top: 0;
}
.section-aticle-main__wrapper article .related-resource,
.section-aticle-main__wrapper article .wp-block-image {
  margin-top: calc(62rem / 16);
  border-radius: calc(12rem / 16);
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource,
  .section-aticle-main__wrapper article .wp-block-image {
    margin-top: calc(30rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource,
  .section-aticle-main__wrapper article .wp-block-image {
    border-radius: calc(5rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article .related-resource img,
.section-aticle-main__wrapper article .wp-block-image img {
  border-radius: calc(12rem / 16);
  display: block;
  max-width: initial;
  width: 100%;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource img,
  .section-aticle-main__wrapper article .wp-block-image img {
    border-radius: calc(5rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article .related-resource p,
.section-aticle-main__wrapper article .related-resource .wp-element-caption,
.section-aticle-main__wrapper article .wp-block-image p,
.section-aticle-main__wrapper article .wp-block-image .wp-element-caption {
  font-size: calc(20rem / 16);
  margin-top: 11px;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource p,
  .section-aticle-main__wrapper article .related-resource .wp-element-caption,
  .section-aticle-main__wrapper article .wp-block-image p,
  .section-aticle-main__wrapper article .wp-block-image .wp-element-caption {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article .related-resource-asset .asset,
.section-aticle-main__wrapper article .wp-block-image-asset .asset {
  border-radius: calc(18rem / 16);
  max-width: 387px;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset {
    border-radius: calc(6rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset {
    max-width: 132px;
  }
}
.section-aticle-main__wrapper article .related-resource-asset .asset-wrap,
.section-aticle-main__wrapper article .wp-block-image-asset .asset-wrap {
  border-radius: calc(12rem / 16);
  background: rgba(164, 147, 255, 0.2);
  padding: 58px 0px;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-wrap,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-wrap {
    border-radius: calc(5rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-wrap,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-wrap {
    padding: 19px 0px;
  }
}
.section-aticle-main__wrapper article .related-resource-asset .asset-img img,
.section-aticle-main__wrapper article .wp-block-image-asset .asset-img img {
  max-width: 100%;
  border-radius: 0;
}
.section-aticle-main__wrapper article .related-resource-asset .asset-info,
.section-aticle-main__wrapper article .wp-block-image-asset .asset-info {
  background-color: #fff;
  padding: 35px 33px 30px;
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-info,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-info {
    padding: 10px 10px 8px;
  }
}
.section-aticle-main__wrapper article .related-resource-asset .asset-info > div,
.section-aticle-main__wrapper article .wp-block-image-asset .asset-info > div {
  color: #5f43fb;
  font-size: 16.5px;
  font-weight: 400;
  line-height: 138%;
  letter-spacing: 0.329px;
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-info > div,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-info > div {
    font-size: 5.5px;
  }
}
.section-aticle-main__wrapper article .related-resource-asset .asset-info p,
.section-aticle-main__wrapper article .wp-block-image-asset .asset-info p {
  color: #0e0f11;
  font-size: 16.5px;
  font-weight: 400;
  line-height: 138%;
  letter-spacing: 0.329px;
  max-width: 250px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-info p,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-info p {
    font-size: 5.5px;
    margin-block: 5px 15px;
  }
}
.section-aticle-main__wrapper article .related-resource-asset .asset-info a,
.section-aticle-main__wrapper article .wp-block-image-asset .asset-info a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 0.3125rem;
  font-weight: 400;
  letter-spacing: 0.329px;
  color: #0e0f11;
}
@media only screen and (min-width: 768px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-info a,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-info a {
    font-size: 1rem;
  }
}
.section-aticle-main__wrapper article .related-resource-asset .asset-info a::after,
.section-aticle-main__wrapper article .wp-block-image-asset .asset-info a::after {
  margin-left: calc(23rem / 16);
  width: calc(8rem / 16);
  height: calc(12rem / 16);
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1.41406 1.44629L6.2168 6.24903L1.41406 11.0518' stroke='%230E0F11' stroke-width='2.05832'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-info a::after,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-info a::after {
    margin-left: calc(5rem / 16 + 18 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-info a::after,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-info a::after {
    width: calc(1rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article .related-resource-asset .asset-info a::after,
  .section-aticle-main__wrapper article .wp-block-image-asset .asset-info a::after {
    height: calc(3rem / 16 + 9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article .section-service-table {
  width: 100%;
  margin: 124px 0px;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translate(-50%);
}
.section-aticle-main__wrapper article blockquote {
  margin-block: calc(65rem / 16);
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article blockquote {
    margin-block: calc(30rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-aticle-main__wrapper article blockquote p {
  font-size: calc(40rem / 16);
  margin-bottom: calc(17rem / 16);
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article blockquote p {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article blockquote p {
    margin-bottom: calc(15rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-aticle-main__wrapper article blockquote p {
    font-weight: 400;
  }
}
.section-aticle-main__wrapper article blockquote footer {
  --gap: calc(16rem / 16);
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-aticle-main__wrapper article blockquote footer {
    --gap: calc(10rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article blockquote footer {
    display: block;
  }
}
.section-aticle-main__wrapper article blockquote footer span:first-child {
  display: flex;
  align-items: center;
  gap: var(--gap);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
.section-aticle-main__wrapper article blockquote footer span:first-child::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #121185;
}
.section-aticle-main__wrapper article blockquote footer span:last-child {
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: 0.02em;
  opacity: 0.6;
}
.section-aticle-main__wrapper article .comments {
  padding: 50px 0px 0px;
  border-top: 1px solid #e5e5e5;
  max-width: 950px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article .comments {
    padding: 25px 0px 0px;
  }
}
.section-aticle-main__wrapper article .comments form {
  position: relative;
  width: 100%;
}
.section-aticle-main__wrapper article .comments form input[type=text] {
  width: 100%;
  background-color: #f8f8f8;
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 18px 100px 20px 28px;
  color: #0e0f11;
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article .comments form input[type=text] {
    padding: 13px 50px 14px 15px;
    font-size: 12px;
  }
}
.section-aticle-main__wrapper article .comments form input[type=submit] {
  position: absolute;
  height: 100%;
  right: 0px;
  top: 0px;
  font-size: 22px;
  letter-spacing: 0.44px;
  opacity: 0.2;
  color: #0e0f11;
  border: none;
  background-color: transparent;
  width: 100px;
}
@media only screen and (max-width: 767px) {
  .section-aticle-main__wrapper article .comments form input[type=submit] {
    font-size: 12px;
    width: 50px;
  }
}
.section-aticle-main__wrapper article .comments ::-webkit-input-placeholder {
  color: #0e0f11;
  opacity: 0.6;
}
.section-aticle-main__wrapper article .comments ::-moz-placeholder {
  color: #0e0f11;
  opacity: 0.6;
}
.section-aticle-main__wrapper article .comments :-moz-placeholder {
  color: #0e0f11;
  opacity: 0.6;
}
.section-aticle-main__wrapper article .comments :-ms-input-placeholder {
  color: #0e0f11;
  opacity: 0.6;
}
.section-aticle-main__wrapper article .comments :focus::-webkit-input-placeholder {
  color: transparent;
}
.section-aticle-main__wrapper article .comments :focus::-moz-placeholder {
  color: transparent;
}
.section-aticle-main__wrapper article .comments :focus:-moz-placeholder {
  color: transparent;
}
.section-aticle-main__wrapper article .comments :focus:-ms-input-placeholder {
  color: transparent;
}

.article-table-wrap {
  margin-top: calc(64rem / 16);
  margin-bottom: calc(64rem / 16);
}
@media (max-width: 1728px) {
  .article-table-wrap {
    margin-top: calc(30rem / 16 + 34 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .article-table-wrap {
    margin-bottom: calc(35rem / 16 + 29 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-service-table {
  background: #F8F8F8;
  padding: 124px 0px;
}
@media only screen and (max-width: 767px) {
  .section-service-table {
    padding: 0px;
  }
}
.section-service-table__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  max-width: calc(1440rem / 16);
}
@media (max-width: 1728px) {
  .section-service-table__wrapper {
    max-width: calc(1300rem / 16 + 140 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-service-table__wrapper .table-header {
  display: flex;
  border-bottom: 1px solid #646464;
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table-header {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
  }
}
.section-service-table__wrapper .table-header > div {
  padding: 32px 45px;
  font-size: 30px;
  color: #0E0F11;
  background: #FFF;
  flex-grow: 1;
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table-header > div {
    font-size: 18px;
    max-width: 50%;
    padding: 30px 20px;
  }
}
.section-service-table__wrapper .table-header > div:last-child {
  background: #EFEFEF;
  max-width: 578px;
}
@media only screen and (max-width: 1730px) {
  .section-service-table__wrapper .table-header > div:last-child {
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table-header > div:last-child {
    max-width: 50%;
  }
}
.section-service-table__wrapper .table-body {
  color: #0E0F11;
}
.section-service-table__wrapper .table-row {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table-row {
    flex-wrap: wrap;
  }
}
.section-service-table__wrapper .table-row:not(:last-child) {
  border-bottom: 1px solid #646464;
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table-row:not(:last-child) {
    border-bottom: 1px solid #CCC;
  }
}
.section-service-table__wrapper .table-col {
  flex-grow: 1;
  max-width: 578px;
  background: #FFF;
}
@media only screen and (max-width: 1730px) {
  .section-service-table__wrapper .table-col {
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table-col {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
.section-service-table__wrapper .table-col:first-child {
  max-width: calc(100% - 1156px);
  padding: 19.5px 45px;
  line-height: 1;
  font-size: 24px;
}
@media only screen and (max-width: 1730px) {
  .section-service-table__wrapper .table-col:first-child {
    max-width: calc(100% - 1000px);
  }
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table-col:first-child {
    max-width: 100%;
    flex: 0 0 100%;
    border-bottom: 1px solid #CCC;
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
  }
}
.section-service-table__wrapper .table-col:last-child {
  background: #EFEFEF;
}
.section-service-table__wrapper .table-col:not(:first-child) > div {
  padding: 5px 45px;
  height: 54px;
  display: flex;
  align-items: center;
}
.section-service-table__wrapper .table-col:not(:first-child) > div:not(:last-child) {
  border-bottom: 1px solid #CCC;
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table-col:not(:first-child) > div {
    height: 52px;
    padding: 5px 20px;
    font-size: 14px;
    line-height: normal;
  }
}
.section-service-table__wrapper .table .check,
.section-service-table__wrapper .table .xmark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='28' viewBox='0 0 29 28' fill='none'%3E%3Crect x='0.5' width='28' height='28' rx='14' fill='%23646464'/%3E%3Cpath d='M9.5 9L19.5 19' stroke='%23FEFEFE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19.5 9L9.5 19' stroke='%23FEFEFE' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  width: 29px;
  height: 28px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .section-service-table__wrapper .table .check,
  .section-service-table__wrapper .table .xmark {
    width: 14px;
    height: 14px;
    background-size: cover;
  }
}
.section-service-table__wrapper .table .check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='28' viewBox='0 0 29 28' fill='none'%3E%3Crect x='0.5' width='28' height='28' rx='14' fill='%23401EFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.1947 9.29279C21.3822 9.48031 21.4875 9.73462 21.4875 9.99979C21.4875 10.265 21.3822 10.5193 21.1947 10.7068L13.1947 18.7068C13.0072 18.8943 12.7529 18.9996 12.4877 18.9996C12.2225 18.9996 11.9682 18.8943 11.7807 18.7068L7.78071 14.7068C7.59855 14.5182 7.49776 14.2656 7.50004 14.0034C7.50232 13.7412 7.60749 13.4904 7.79289 13.305C7.9783 13.1196 8.22911 13.0144 8.49131 13.0121C8.75351 13.0098 9.00611 13.1106 9.19471 13.2928L12.4877 16.5858L19.7807 9.29279C19.9682 9.10532 20.2225 9 20.4877 9C20.7529 9 21.0072 9.10532 21.1947 9.29279Z' fill='%23FEFEFE'/%3E%3C/svg%3E");
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-sign-up {
  background: linear-gradient(351deg, rgba(64, 30, 255, 0.2) -12.38%, rgba(64, 30, 255, 0) 48.56%), #F8F8F8;
  padding: 44px 0px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .section-sign-up {
    background: linear-gradient(331deg, rgba(64, 30, 255, 0.2) -12.38%, rgba(64, 30, 255, 0) 48.56%), #FEFEFE;
    text-align: left;
    padding: 56px 20px 100px;
  }
}
.section-sign-up__wrapper h2 {
  font-size: 40px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .section-sign-up__wrapper h2 {
    font-size: 32px;
    margin-bottom: 36px;
  }
}
.section-sign-up__wrapper h2 + p {
  max-width: 790px;
  font-size: 14px;
  color: rgba(14, 15, 17, 0.6);
  margin: 0 auto 30px;
}
@media only screen and (max-width: 767px) {
  .section-sign-up__wrapper h2 + p {
    font-size: 14px;
    max-width: 300px;
    margin: 0 0 30px;
  }
}
.section-sign-up__wrapper h2 + p a {
  color: #401EFF;
}
.section-sign-up__wrapper form {
  max-width: 443px;
  margin: 0 auto;
}
.section-sign-up__wrapper form input[type=text],
.section-sign-up__wrapper form input[type=email] {
  border: 0px;
  font-size: 16px;
  border-bottom: 1px solid rgba(169, 169, 169, 0.5);
  padding: 14px 0px;
  margin-bottom: 44px;
  background-color: transparent;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section-sign-up__wrapper form input[type=text],
  .section-sign-up__wrapper form input[type=email] {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.section-sign-up__wrapper form .btn,
.section-sign-up__wrapper form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-sign-up__wrapper form .wrap-btn-hbsp-submit {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .section-sign-up__wrapper form .btn,
  .section-sign-up__wrapper form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-sign-up__wrapper form .wrap-btn-hbsp-submit {
    margin: 0px;
    width: 100%;
    max-width: 100%;
  }
}
.section-sign-up__wrapper form ::-webkit-input-placeholder {
  color: #000;
  opacity: 0.2;
}
.section-sign-up__wrapper form ::-moz-placeholder {
  color: #000;
  opacity: 0.2;
}
.section-sign-up__wrapper form :-moz-placeholder {
  color: #000;
  opacity: 0.2;
}
.section-sign-up__wrapper form :-ms-input-placeholder {
  color: #000;
  opacity: 0.2;
}
.section-sign-up__wrapper form :focus::-webkit-input-placeholder {
  color: transparent;
}
.section-sign-up__wrapper form :focus::-moz-placeholder {
  color: transparent;
}
.section-sign-up__wrapper form :focus:-moz-placeholder {
  color: transparent;
}
.section-sign-up__wrapper form :focus:-ms-input-placeholder {
  color: transparent;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.card-comment {
  --wPhoto: calc(86rem / 16);
  --gap: calc(40rem / 16);
  color: #121185;
  max-width: 868px;
}
@media (max-width: 1728px) {
  .card-comment {
    --wPhoto: calc(73rem / 16 + 13 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-comment {
    --gap: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-comment .card-comment__title {
  font-size: 1.5rem;
  letter-spacing: 0.02em;
}
.card-comment__data {
  margin-top: calc(20rem / 16);
  margin-bottom: calc(10rem / 16);
  gap: var(--gap);
  display: flex;
  align-items: center;
}
@media (max-width: 1728px) {
  .card-comment__data {
    margin-top: calc(30rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-comment__data {
    margin-bottom: calc(18rem / 16 + -8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-comment__photo {
  max-width: var(--wPhoto);
  min-width: var(--wPhoto);
  border-radius: 5px;
  display: block;
}
.card-comment .card-comment__name {
  font-size: calc(40rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #121185;
  line-height: normal;
}
@media (max-width: 1728px) {
  .card-comment .card-comment__name {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-comment .card-comment__profession {
  color: #121185;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .card-comment__bottom {
    padding-left: calc(var(--wPhoto) + var(--gap));
  }
}
.card-comment p {
  font-size: calc(22rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-comment p {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-comment p {
    line-height: 1.4;
  }
}
.card-comment p + p {
  margin-top: 12px;
}
.card-comment .btn,
.card-comment .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-comment .wrap-btn-hbsp-submit {
  --icon: url("../images/icon-right-up-dark.svg") !important;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.02em;
  padding: 0;
  background: none;
  gap: 10px;
  color: #121185;
}
@media only screen and (max-width: 767px) {
  .card-comment .btn,
  .card-comment .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-comment .wrap-btn-hbsp-submit {
    margin-top: 12px;
  }
}
.card-comment .btn::after,
.card-comment .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after,
.section-registration .hbsp-form .hs-submit .card-comment .wrap-btn-hbsp-submit::after {
  width: 14px;
  height: 14px;
}

.section-comment {
  padding-top: calc(108rem / 16);
  padding-bottom: calc(114rem / 16);
}
@media (max-width: 1728px) {
  .section-comment {
    padding-top: calc(10rem / 16 + 98 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-comment {
    padding-bottom: calc(45rem / 16 + 69 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.block-subscribe {
  font-size: calc(22rem / 16);
  margin-top: 56px;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .block-subscribe {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .block-subscribe {
    line-height: 1.4;
  }
}
.block-subscribe__title {
  letter-spacing: 0.02em;
  color: #353ab0;
}
.block-subscribe__form {
  --color-placeholder: $color-section-description-dark;
  --opacity: .5;
}
.block-subscribe__form .input-wrap {
  margin-block: 8px;
}
.block-subscribe__form input {
  font-size: calc(22rem / 16);
  border-radius: 6px;
  padding: 12px 16px;
  height: 48px;
  background: #efedff;
  border: none;
  color: #121185;
  line-height: 1.33;
  letter-spacing: 0.02em;
  width: 100%;
}
@media (max-width: 1728px) {
  .block-subscribe__form input {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .block-subscribe__form input {
    line-height: 1.4;
  }
}
.block-subscribe__form .btn,
.block-subscribe__form .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .block-subscribe__form .wrap-btn-hbsp-submit {
  margin-top: 20px;
  width: 100%;
}
.block-subscribe .social {
  padding-top: 46px;
}

.social {
  --sizeIcon: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 20px;
}
.social svg {
  fill: #121185;
  width: var(--sizeIcon);
  min-width: var(--sizeIcon);
  height: var(--sizeIcon);
}
.social svg path {
  fill: #121185;
}

.section-subscribe {
  padding: 0;
}
.section-subscribe .block-subscribe {
  background: #fff;
  margin-top: 0;
  margin-inline: -20px;
  padding-block: 30px 20px;
  padding-inline: 25px;
}
.section-subscribe .block-subscribe__form {
  margin-top: 15px;
}
.section-subscribe .block-subscribe .social {
  justify-content: center;
  padding-top: 23px;
}
.section-subscribe .block-subscribe .btn,
.section-subscribe .block-subscribe .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-subscribe .block-subscribe .wrap-btn-hbsp-submit {
  font-size: 1.25rem;
  gap: 15px;
  padding-block: 16px;
  margin-top: 15px;
}
.section-subscribe .block-subscribe .btn.demo::after,
.section-subscribe .block-subscribe .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after,
.section-registration .hbsp-form .hs-submit .section-subscribe .block-subscribe .wrap-btn-hbsp-submit::after {
  width: 15px;
  height: 15px;
}
@media only screen and (min-width: 992px) {
  .section-subscribe .block-subscribe {
    display: none;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-single-job-hero {
  position: relative;
}
@media only screen and (min-width: 1250px) {
  .section-single-job-hero {
    min-height: 700px;
  }
}
.section-single-job-hero__content {
  max-width: 900px;
  margin-inline: auto;
  text-align: left;
}
@media only screen and (min-width: 1250px) {
  .section-single-job-hero__content {
    width: calc(100% - 500px);
    padding-right: 20px;
    max-width: 100%;
    margin-inline: 0;
  }
}
@media only screen and (min-width: 1500px) {
  .section-single-job-hero__content {
    width: calc(100% - 648px + 50px);
  }
}
@media only screen and (min-width: 1650px) {
  .section-single-job-hero__content {
    width: calc(100% - 648px + 90px);
  }
}

.job-details {
  --columnGap: 10px;
  row-gap: calc(25rem / 16);
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 83%;
  column-gap: var(--columnGap);
}
@media (max-width: 1728px) {
  .job-details {
    row-gap: calc(18rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .job-details {
    column-gap: 37px;
    max-width: none;
  }
}
.job-details__item {
  width: calc(50% - var(--columnGap));
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: calc(24rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #E5E7FF;
}
@media (max-width: 1728px) {
  .job-details__item {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .job-details__item {
    width: auto;
    justify-content: center;
  }
}
.job-details__icon {
  --size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
}
.job-details__icon img {
  display: block;
  width: 100%;
  min-width: 100%;
}

.section-single-content {
  padding-top: calc(55rem / 16);
  padding-bottom: calc(145rem / 16);
  background: #f6f5ff;
  color: #121185;
}
@media (max-width: 1728px) {
  .section-single-content {
    padding-top: calc(40rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-single-content {
    padding-bottom: calc(60rem / 16 + 85 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-single-content__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 43px;
}
@media only screen and (min-width: 992px) {
  .section-single-content__wrapper {
    flex-wrap: nowrap;
  }
}
.section-single-content__left {
  order: 2;
  max-width: 823px;
  width: 100%;
}
@media only screen and (min-width: 1250px) {
  .section-single-content__left {
    order: 1;
  }
}
.section-single-content__left .btn.border.with-logo,
.section-single-content__left .section-registration .hbsp-form .hs-submit .border.with-logo.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-single-content__left .border.with-logo.wrap-btn-hbsp-submit,
.section-single-content__left .btn.border-2,
.section-single-content__left .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-single-content__left .border-2.wrap-btn-hbsp-submit {
  padding-block: calc(15rem / 16);
  padding-inline: 21px;
  gap: 10px;
}
@media (max-width: 1728px) {
  .section-single-content__left .btn.border.with-logo,
  .section-single-content__left .section-registration .hbsp-form .hs-submit .border.with-logo.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-single-content__left .border.with-logo.wrap-btn-hbsp-submit,
  .section-single-content__left .btn.border-2,
  .section-single-content__left .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-single-content__left .border-2.wrap-btn-hbsp-submit {
    padding-block: calc(10rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 575px) {
  .section-single-content__left .btn.border.with-logo,
  .section-single-content__left .section-registration .hbsp-form .hs-submit .border.with-logo.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-single-content__left .border.with-logo.wrap-btn-hbsp-submit,
  .section-single-content__left .btn.border-2,
  .section-single-content__left .section-registration .hbsp-form .hs-submit .border-2.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-single-content__left .border-2.wrap-btn-hbsp-submit {
    width: 98%;
  }
}
.section-single-content__left .btn.border.with-logo,
.section-single-content__left .section-registration .hbsp-form .hs-submit .border.with-logo.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-single-content__left .border.with-logo.wrap-btn-hbsp-submit {
  border: 2px solid #6b34fd !important;
  color: #6b34fd !important;
}
.section-single-content__right {
  order: 1;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .section-single-content__right {
    max-width: 490px;
    margin-inline: auto;
  }
}
@media only screen and (min-width: 992px) {
  .section-single-content__right {
    max-width: 500px;
    order: 2;
  }
}
@media only screen and (min-width: 1250px) {
  .section-single-content__right {
    position: relative;
    margin-top: -40%;
  }
}
@media only screen and (min-width: 1500px) {
  .section-single-content__right {
    max-width: 545px;
    margin-top: -44.5%;
  }
}
@media only screen and (min-width: 1600px) {
  .section-single-content__right {
    margin-right: -10px;
  }
}
@media only screen and (min-width: 1250px) {
  .section-single-content__right .career-form {
    position: sticky;
    z-index: 3;
    top: 20px;
  }
}
.section-single-content__text-content p,
.section-single-content__text-content li {
  font-size: calc(22rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-single-content__text-content p,
  .section-single-content__text-content li {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-single-content__text-content p,
  .section-single-content__text-content li {
    line-height: 1.4;
  }
}
.section-single-content__text-content p {
  margin-bottom: 15px;
}
.section-single-content__text-content ul {
  margin-top: calc(25rem / 16);
  padding-left: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-single-content__text-content ul {
    margin-top: calc(10rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-single-content__text-content ul {
    padding-left: calc(12rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-single-content__text-content li {
  --size-marker: 5px;
  padding-left: calc(18rem / 16);
  position: relative;
}
@media (max-width: 1728px) {
  .section-single-content__text-content li {
    padding-left: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-single-content__text-content li::before {
  content: "";
  display: block;
  width: var(--size-marker);
  height: var(--size-marker);
  border-radius: 50%;
  background-color: #121185;
  position: absolute;
  left: 0;
  top: 0.7em;
}
.section-single-content .btn.border.with-logo,
.section-single-content .section-registration .hbsp-form .hs-submit .border.with-logo.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-single-content .border.with-logo.wrap-btn-hbsp-submit {
  color: #0E0F11;
  border-color: #0E0F11;
}
.section-single-content .btn.border.with-logo img,
.section-single-content .section-registration .hbsp-form .hs-submit .border.with-logo.wrap-btn-hbsp-submit img,
.section-registration .hbsp-form .hs-submit .section-single-content .border.with-logo.wrap-btn-hbsp-submit img {
  filter: brightness(0);
}
@media only screen and (max-width: 767px) {
  .section-single-content .btn.border.with-logo,
  .section-single-content .section-registration .hbsp-form .hs-submit .border.with-logo.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-single-content .border.with-logo.wrap-btn-hbsp-submit {
    padding-block: 19px;
    padding-inline: 48px;
  }
}
.section-single-content .section-single-content__main-description {
  font-size: calc(40rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin-block: 55px 62px;
  opacity: 1;
}
@media (max-width: 1728px) {
  .section-single-content .section-single-content__main-description {
    font-size: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-single-content .section-single-content__main-description span {
  display: inline-block;
  margin-left: 0.175em;
}
.section-single-content__h4 {
  font-size: calc(40rem / 16);
  margin-top: calc(32rem / 16);
  margin-bottom: calc(18rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-single-content__h4 {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-single-content__h4 {
    margin-top: calc(35rem / 16 + -3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-single-content__h4 {
    margin-bottom: calc(18rem / 16 + 0 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-single-content__h5 {
  font-size: calc(22rem / 16);
  margin-top: calc(71rem / 16);
  margin-bottom: calc(24rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-single-content__h5 {
    font-size: calc(24rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-single-content__h5 {
    margin-top: calc(60rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-single-content__h5 {
    margin-bottom: calc(15rem / 16 + 9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-single-content__h5 {
    line-height: 0.94;
  }
}

.career-form {
  font-family: "FoundersGrotesk", sans-serif;
  background-color: #FEFEFE;
  box-shadow: -12px 18px 22px 0 rgba(148, 148, 148, 0.09), -76px 115px 38px 0 rgba(148, 148, 148, 0);
  border-radius: 20px;
  padding-inline: 20px;
  padding-block: 20px;
}
@media only screen and (max-width: 991px) {
  .career-form {
    box-shadow: none;
    padding: 0;
    padding-block: 32px 45px;
  }
}
@media only screen and (min-width: 1500px) {
  .career-form {
    padding-block: calc(55rem / 16);
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1728px) {
  .career-form {
    padding-block: calc(20rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.career-form__wrapper {
  max-width: 490px;
  margin-inline: auto;
}
.career-form__desctipriton-top {
  font-size: calc(24rem / 16);
  margin-bottom: calc(7rem / 16);
  letter-spacing: 0.02em;
  color: #6b34fd;
  padding-inline: 30px;
}
@media (max-width: 1728px) {
  .career-form__desctipriton-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .career-form__desctipriton-top {
    margin-bottom: calc(7rem / 16 + 0 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.career-form__title {
  font-size: calc(40rem / 16);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.02em;
  margin-bottom: 7px;
  color: #121185;
  padding-inline: 30px;
}
@media (max-width: 1728px) {
  .career-form__title {
    font-size: calc(32rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .career-form__title {
    line-height: normal;
  }
}
.career-form .iframe-form-wrap {
  --width-scrollbar: 3px;
}
@media only screen and (min-width: 1250px) {
  .career-form .iframe-form-wrap {
    height: 50dvh;
    overflow-y: auto;
    padding-right: 10px;
  }
  .career-form .iframe-form-wrap::-webkit-scrollbar {
    width: var(--width-scrollbar);
    height: var(--height-scrollbar);
    background-color: rgba(0, 0, 0, 0.1);
  }
  .career-form .iframe-form-wrap::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    background-color: rgba(158, 162, 194, 0.5);
  }
  .career-form .iframe-form-wrap::-webkit-scrollbar-thumb:hover {
    background-color: #9ea2c2;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-3-slides {
  padding-top: calc(125rem / 16);
  padding-bottom: calc(125rem / 16);
  background-color: #F8F8F8;
  color: #0E0F11;
}
@media (max-width: 1728px) {
  .section-3-slides {
    padding-top: calc(50rem / 16 + 75 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-3-slides {
    padding-bottom: calc(100rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-3-slides__content-top {
  width: 90%;
  max-width: 750px;
}
.section-3-slides .section-title {
  padding-top: calc(5rem / 16);
  padding-bottom: calc(40rem / 16);
  letter-spacing: 0.012em;
}
@media (max-width: 1728px) {
  .section-3-slides .section-title {
    padding-top: calc(13rem / 16 + -8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-3-slides .section-title {
    padding-bottom: calc(10rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-3-slides .section-title {
    letter-spacing: -0.006em;
  }
}
.section-3-slides .section-description {
  max-width: 500px;
}

.card-img-text-count {
  padding-bottom: calc(58rem / 16);
  background-color: #fefefe;
  border-radius: 20px;
}
@media (max-width: 1728px) {
  .card-img-text-count {
    padding-bottom: calc(45rem / 16 + 13 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-img-text-count__inner-wrap {
  display: flex;
  flex-direction: column;
}
.card-img-text-count__bg {
  aspect-ratio: 1/0.72;
  padding-top: calc(70rem / 16);
  width: 99%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-inline: auto;
}
@media (max-width: 1728px) {
  .card-img-text-count__bg {
    padding-top: calc(15rem / 16 + 55 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-img-text-count__bg img {
  display: block;
  max-width: 49%;
}
@media only screen and (min-width: 768px) {
  .card-img-text-count__bg {
    width: 100%;
    align-items: flex-start;
  }
}
.card-img-text-count__text-content {
  padding-left: calc(46rem / 16);
  padding-right: calc(33rem / 16);
}
@media (max-width: 1728px) {
  .card-img-text-count__text-content {
    padding-left: calc(25rem / 16 + 21 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-img-text-count__text-content {
    padding-right: calc(13rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-img-text-count__counter {
  display: none;
}
@media only screen and (max-width: 767px) {
  .card-img-text-count__counter {
    --size: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: var(--size);
    height: var(--size);
    border-radius: 4px;
    padding: 3px;
    font-size: 0.75rem;
    line-height: 1.51;
    letter-spacing: 0.01em;
    background-color: rgba(234, 234, 234, 0.8);
    margin-bottom: 11px;
  }
}
.card-img-text-count__title {
  font-size: calc(22rem / 16);
  margin-bottom: 6px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal;
}
@media (max-width: 1728px) {
  .card-img-text-count__title {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-img-text-count__desctiption {
  font-size: 1.125rem;
  line-height: 1.51;
  letter-spacing: 0.01em;
  opacity: 0.8;
}
@media only screen and (min-width: 768px) {
  .card-img-text-count__desctiption {
    line-height: 1.38;
    letter-spacing: 0.02em;
  }
}

.slider-card-img-text-count__wrapper {
  margin-top: calc(130rem / 16);
  max-width: 1325px;
}
@media (max-width: 1728px) {
  .slider-card-img-text-count__wrapper {
    margin-top: calc(90rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 1024px) {
  .slider-card-img-text-count__wrapper {
    padding-inline: 20px 0;
  }
}
.slider-card-img-text-count .swiper-slide {
  height: auto;
}
.slider-card-img-text-count .card-img-text-count {
  height: 100%;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.wrap-table-radius {
  --radius: calc(16rem / 16);
  border-radius: var(--radius);
  overflow: hidden;
}
@media (max-width: 1728px) {
  .wrap-table-radius {
    --radius: calc(4rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .wrap-table-radius {
    border: 1.5px solid #353ab0;
  }
}

.table-service {
  table-layout: fixed;
  text-align: left;
  width: 100%;
  background-color: #fcf9fe;
  color: #121185;
}
@media only screen and (min-width: 768px) {
  .table-service .for-mobile {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .table-service .for-desktop {
    display: none;
  }
}
.table-service__wrap {
  overflow-x: auto;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .table-service__wrap {
    margin-inline: -20px;
  }
}
.table-service caption {
  font-size: 0;
}
.table-service .col-head {
  width: 16.115%;
}
.table-service .col-first {
  width: 27.44%;
}
.table-service .col-medium {
  width: 28.125%;
  background: rgba(164, 147, 255, 0.12);
}
.table-service .col-premium {
  width: 28.32%;
  background: rgba(164, 147, 255, 0.25);
}
.table-service tbody:not(:last-child),
.table-service thead {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  border-bottom: 1px solid #353ab0;
}
.table-service thead {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: 1.26;
  letter-spacing: 0.05em;
}
@media (max-width: 1728px) {
  .table-service thead {
    font-size: calc(12rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service thead {
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.table-service thead th {
  padding-top: calc(25rem / 16);
  padding-bottom: calc(22rem / 16);
  padding-left: calc(23rem / 16);
  padding-right: calc(45rem / 16);
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-top: calc(8rem / 16 + 17 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-bottom: calc(6rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-left: calc(8rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-right: calc(8rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service thead th {
    width: 33.33%;
  }
  .table-service thead th span {
    display: inline-block;
    width: min-content;
  }
  .table-service thead th:not(:first-child) {
    border-left: 1px solid #353ab0;
  }
}
.table-service tbody {
  font-size: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .table-service tbody {
    font-size: calc(14rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service tbody th {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: 1.26;
  letter-spacing: 0.05em;
  padding-block: 8px;
}
@media (max-width: 1728px) {
  .table-service tbody th {
    font-size: calc(12rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service tbody th {
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.table-service tbody tr td[rowspan] {
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .table-service tbody tr td[rowspan] {
    border-right: 1px solid rgba(204, 204, 204, 0.5);
    border-right: 1px solid #353ab0;
  }
}
@media only screen and (max-width: 767px) {
  .table-service tbody tr:first-child {
    background: #f6f5ff;
  }
}
.table-service tbody tr:not(:last-child) {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
@media only screen and (min-width: 768px) {
  .table-service tbody tr:not(:last-child) {
    border-bottom: 1px solid #E5E7FF;
  }
}
.table-service tbody tr:last-child td {
  vertical-align: baseline;
}
.table-service tbody:last-child tr:last-child td {
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .table-service tbody:last-child tr:last-child td {
    border-bottom: none;
  }
}
.table-service tbody tr th + td + td,
.table-service tbody tr td:nth-child(2):not(th + td),
.table-service tbody tr td:last-child {
  padding-inline: calc(45rem / 16);
}
@media (max-width: 1728px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(8rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(45rem / 16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(0rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service th {
  padding-left: calc(24rem / 16);
}
@media (max-width: 1728px) {
  .table-service th {
    padding-left: calc(8rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service td {
  font-size: calc(20rem / 16);
  padding-inline: calc(24rem / 16);
  padding-top: calc(12rem / 16);
  padding-bottom: calc(12rem / 16);
  line-height: 1.26;
  letter-spacing: 0.05em;
  vertical-align: middle;
}
@media (max-width: 1728px) {
  .table-service td {
    font-size: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-inline: calc(8rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-top: calc(10rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-bottom: calc(6rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service td {
    border-block: 1px solid #353ab0;
  }
  .table-service td:not(:first-child):not(th + td) {
    border-left: 1px solid #353ab0;
  }
  .table-service td span {
    display: inline-block;
    width: min-content;
  }
}
@media only screen and (min-width: 768px) {
  .table-service td {
    line-height: 1.35;
    letter-spacing: 0.02em;
  }
}
.table-service td img {
  --size: calc(28rem / 16);
  --size: 28px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 1728px) {
  .table-service td img {
    --size: calc(20rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service td img {
    margin-inline: auto;
  }
}
.table-service .wrap-icon-text {
  display: flex;
  flex-direction: column;
  column-gap: 10px;
  margin-inline: auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .table-service .wrap-icon-text {
    flex-direction: row;
    align-items: center;
  }
}

.section-table-service {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #f6f5ff;
  color: #0E0F11;
}
@media only screen and (min-width: 768px) {
  .section-table-service {
    padding-top: calc(124rem / 16);
    padding-bottom: calc(100rem / 16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .section-table-service {
    padding-top: calc(0rem / 16 + 124 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .section-table-service {
    padding-bottom: calc(0rem / 16 + 100 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-quote {
  background-color: #F8F8F8;
  color: #0E0F11;
  padding-left: 30px;
  padding-right: 30px;
}
.section-quote__wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 65px 120px;
  border-radius: 20px;
  background: linear-gradient(330.27deg, rgba(64, 30, 255, 0.2) 2.04%, rgba(64, 30, 255, 0) 59.76%), linear-gradient(0deg, #FEFEFE, #FEFEFE), linear-gradient(256.26deg, rgba(255, 255, 255, 0) 4.14%, #FFFFFF 33.02%, rgba(255, 255, 255, 0) 60.05%);
}
@media only screen and (max-width: 1200px) {
  .section-quote__wrapper {
    padding: 65px 60px;
  }
}
@media only screen and (max-width: 991px) {
  .section-quote__wrapper {
    padding: 65px 30px;
  }
}
.section-quote__wrapper .quote-text {
  font-size: 40px;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .section-quote__wrapper .quote-text {
    font-size: 24px;
  }
}
.section-quote__wrapper .quote-author {
  border-top: 1px solid #0E0F11;
  display: flex;
  align-items: center;
  padding-top: 65px;
  margin-top: 65px;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .section-quote__wrapper .quote-author {
    gap: 10px;
  }
}
.section-quote__wrapper .quote-author img {
  max-width: 140px;
}
@media only screen and (max-width: 991px) {
  .section-quote__wrapper .quote-author img {
    max-width: 76px;
  }
}
.section-quote__wrapper .quote-author-info {
  font-size: 22px;
  font-weight: 400;
  color: #0E0F11;
  max-width: 320px;
}
@media only screen and (max-width: 991px) {
  .section-quote__wrapper .quote-author-info {
    font-size: 14px;
    max-width: 190px;
  }
}
.section-quote__wrapper .quote-author-info b {
  font-weight: 600;
}

.section-members {
  background-color: #FEFEFE;
}
.section-members .tab-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 25px;
}
@media only screen and (max-width: 1200px) {
  .section-members .tab-btns {
    gap: 10px;
  }
}
.section-members .tab-btns .btn,
.section-members .tab-btns .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-members .tab-btns .wrap-btn-hbsp-submit {
  color: #0E0F11;
  font-size: 40px;
  font-weight: 300;
  background-color: transparent;
  border: 1px solid #0E0F11;
  border-radius: 10px;
  padding: 16px 30px;
  margin: 0px;
}
@media only screen and (max-width: 1200px) {
  .section-members .tab-btns .btn,
  .section-members .tab-btns .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-members .tab-btns .wrap-btn-hbsp-submit {
    font-size: 32px;
    padding: 12px 15px;
  }
}
.section-members .tab-btns .btn.active,
.section-members .tab-btns .section-registration .hbsp-form .hs-submit .active.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-members .tab-btns .active.wrap-btn-hbsp-submit {
  font-weight: 500;
  border: none;
  background-color: #8771FF;
  color: #fff;
}
.section-members .tab-content {
  margin-top: 125px;
}
@media only screen and (max-width: 1200px) {
  .section-members .tab-content {
    margin-top: 55px;
  }
}
.section-members .tab-item {
  flex-wrap: wrap;
  gap: 50px 50px;
  justify-content: space-between;
  display: none;
}
.section-members .tab-item.active {
  display: flex;
}
@media only screen and (max-width: 1200px) {
  .section-members .tab-item {
    gap: 35px 10px;
  }
}
.section-members .member {
  color: #0E0F11;
  max-width: 215px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .section-members .member {
    max-width: 170px;
  }
}
.section-members .member-name {
  font-size: 22px;
  font-weight: 500;
  margin-top: 10px;
  line-height: 1;
}
@media only screen and (max-width: 1200px) {
  .section-members .member-name {
    font-size: 18px;
  }
}
.section-members .member-info {
  font-size: 18px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
  .section-members .member-info {
    font-size: 14px;
  }
}
.section-members .member a {
  margin-top: auto;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 80%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1025px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 45%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__right {
    max-width: 739px;
    width: 100%;
  }
}

.section-left-text-right-visual {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual.with-scroll-slider-lobby {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
  }
}
.section-left-text-right-visual__wrapper {
  --colGap: 30px;
  --wLeft: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 55px;
  column-gap: var(--colGap);
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .section-left-text-right-visual__wrapper {
    --colGap: 50px;
    --wLeft: 565px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-top: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-bottom: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
  font-size: calc(62rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    max-width: 420px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__right {
    max-width: 100%;
  }
}
.section-left-text-right-visual__left {
  max-width: var(--wLeft);
  width: 100%;
}
.section-left-text-right-visual__right {
  max-width: 827px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__right {
    width: calc(100% - var(--wLeft) - var(--colGap));
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-left-text-right-visual__slider-wrapper {
    width: calc(100% + 20px);
    margin-right: -20px;
  }
}
.section-left-text-right-visual__list-card-post {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual__list-card-post {
    max-width: 818px;
  }
}
@media only screen and (min-width: 1201px) {
  .section-left-text-right-visual__list-card-post {
    min-width: 818px;
  }
}
.section-left-text-right-visual .list-card-post {
  --gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .list-card-post {
    --gap: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .list-card-post .card-post {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .section-left-text-right-visual .list-card-post .card-post {
    width: calc(50% - var(--gap) / 2);
  }
}
.section-left-text-right-visual.light-theme {
  color: #121185;
}
.section-left-text-right-visual.light-theme .section-description {
  color: #353AB0;
}
.section-left-text-right-visual.light-theme .btn.border,
.section-left-text-right-visual.light-theme .section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-left-text-right-visual.light-theme .border.wrap-btn-hbsp-submit {
  border-color: #0E0F11;
  color: #0E0F11;
}
.section-left-text-right-visual .section-description-top {
  font-size: calc(24rem / 16);
  padding-bottom: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    padding-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-title {
  font-size: calc(62rem / 16);
  padding-bottom: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    font-size: calc(40rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    padding-bottom: calc(0rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-description {
  font-size: calc(22rem / 16);
  max-width: 400px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual .section-description {
    line-height: 1.4;
  }
}

.card-lobby-1__wrapper {
  column-gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media (max-width: 1728px) {
  .card-lobby-1__wrapper {
    column-gap: calc(20rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .card-lobby-1__wrapper {
    flex-wrap: nowrap;
  }
}
.card-lobby-1__bg {
  aspect-ratio: 1/0.56;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .card-lobby-1__bg {
    aspect-ratio: 1/0.62;
    max-width: 460px;
  }
}
.card-lobby-1__bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-lobby-1__text-wrap {
  gap: calc(0rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 340px;
  width: 100%;
}
@media (max-width: 1728px) {
  .card-lobby-1__text-wrap {
    gap: calc(30rem / 16 + -30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-lobby-1__title {
  font-size: calc(40rem / 16);
  margin-bottom: calc(15rem / 16);
  line-height: 1.2;
  font-weight: 500;
  color: #0E0F11;
}
@media (max-width: 1728px) {
  .card-lobby-1__title {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-lobby-1__title {
    margin-bottom: calc(5rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-lobby-1__title {
    color: #000;
  }
}
.card-lobby-1__description {
  font-size: calc(22rem / 16);
  line-height: 1.51;
  letter-spacing: 0.01em;
  color: #0E0F11;
  opacity: 0.6;
}
@media (max-width: 1728px) {
  .card-lobby-1__description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-lobby-1__description {
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: #000;
  }
}
.card-lobby-1 .link-to-more {
  font-size: calc(18rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #0E0F11;
  margin-bottom: 12px;
}
@media (max-width: 1728px) {
  .card-lobby-1 .link-to-more {
    font-size: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.slider-scroll-lobby.swiper .swiper-slide-active .card-lobby-1__description[data-animate-text] {
  opacity: 0.6;
}
.slider-scroll-lobby.swiper.is-touch-device .card-lobby-1__description {
  opacity: 0.6;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 80%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1025px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 45%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__right {
    max-width: 739px;
    width: 100%;
  }
}

.section-left-text-right-visual {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual.with-scroll-slider-lobby {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
  }
}
.section-left-text-right-visual__wrapper {
  --colGap: 30px;
  --wLeft: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 55px;
  column-gap: var(--colGap);
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .section-left-text-right-visual__wrapper {
    --colGap: 50px;
    --wLeft: 565px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-top: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-bottom: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
  font-size: calc(62rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    max-width: 420px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__right {
    max-width: 100%;
  }
}
.section-left-text-right-visual__left {
  max-width: var(--wLeft);
  width: 100%;
}
.section-left-text-right-visual__right {
  max-width: 827px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__right {
    width: calc(100% - var(--wLeft) - var(--colGap));
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-left-text-right-visual__slider-wrapper {
    width: calc(100% + 20px);
    margin-right: -20px;
  }
}
.section-left-text-right-visual__list-card-post {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual__list-card-post {
    max-width: 818px;
  }
}
@media only screen and (min-width: 1201px) {
  .section-left-text-right-visual__list-card-post {
    min-width: 818px;
  }
}
.section-left-text-right-visual .list-card-post {
  --gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .list-card-post {
    --gap: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .list-card-post .card-post {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .section-left-text-right-visual .list-card-post .card-post {
    width: calc(50% - var(--gap) / 2);
  }
}
.section-left-text-right-visual.light-theme {
  color: #121185;
}
.section-left-text-right-visual.light-theme .section-description {
  color: #353AB0;
}
.section-left-text-right-visual.light-theme .btn.border,
.section-left-text-right-visual.light-theme .section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-left-text-right-visual.light-theme .border.wrap-btn-hbsp-submit {
  border-color: #0E0F11;
  color: #0E0F11;
}
.section-left-text-right-visual .section-description-top {
  font-size: calc(24rem / 16);
  padding-bottom: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    padding-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-title {
  font-size: calc(62rem / 16);
  padding-bottom: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    font-size: calc(40rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    padding-bottom: calc(0rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-description {
  font-size: calc(22rem / 16);
  max-width: 400px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual .section-description {
    line-height: 1.4;
  }
}

.slider-grid-lobby.swiper-grid {
  --mBlock: 7.5px;
}
@media only screen and (min-width: 1025px) {
  .slider-grid-lobby.swiper-grid {
    --mBlock: 15px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 80%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1025px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 45%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__right {
    max-width: 739px;
    width: 100%;
  }
}

.section-left-text-right-visual {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual.with-scroll-slider-lobby {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
  }
}
.section-left-text-right-visual__wrapper {
  --colGap: 30px;
  --wLeft: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 55px;
  column-gap: var(--colGap);
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .section-left-text-right-visual__wrapper {
    --colGap: 50px;
    --wLeft: 565px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-top: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-bottom: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
  font-size: calc(62rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    max-width: 420px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__right {
    max-width: 100%;
  }
}
.section-left-text-right-visual__left {
  max-width: var(--wLeft);
  width: 100%;
}
.section-left-text-right-visual__right {
  max-width: 827px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__right {
    width: calc(100% - var(--wLeft) - var(--colGap));
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-left-text-right-visual__slider-wrapper {
    width: calc(100% + 20px);
    margin-right: -20px;
  }
}
.section-left-text-right-visual__list-card-post {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual__list-card-post {
    max-width: 818px;
  }
}
@media only screen and (min-width: 1201px) {
  .section-left-text-right-visual__list-card-post {
    min-width: 818px;
  }
}
.section-left-text-right-visual .list-card-post {
  --gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .list-card-post {
    --gap: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .list-card-post .card-post {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .section-left-text-right-visual .list-card-post .card-post {
    width: calc(50% - var(--gap) / 2);
  }
}
.section-left-text-right-visual.light-theme {
  color: #121185;
}
.section-left-text-right-visual.light-theme .section-description {
  color: #353AB0;
}
.section-left-text-right-visual.light-theme .btn.border,
.section-left-text-right-visual.light-theme .section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-left-text-right-visual.light-theme .border.wrap-btn-hbsp-submit {
  border-color: #0E0F11;
  color: #0E0F11;
}
.section-left-text-right-visual .section-description-top {
  font-size: calc(24rem / 16);
  padding-bottom: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    padding-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-title {
  font-size: calc(62rem / 16);
  padding-bottom: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    font-size: calc(40rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    padding-bottom: calc(0rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-description {
  font-size: calc(22rem / 16);
  max-width: 400px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual .section-description {
    line-height: 1.4;
  }
}

.card-link-list {
  gap: calc(56rem / 16);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1728px) {
  .card-link-list {
    gap: calc(16rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.card-link {
  font-size: calc(40rem / 16);
  --size-icon: calc(32rem / 16);
  padding-top: calc(60rem / 16);
  padding-bottom: calc(62rem / 16);
  padding-left: calc(67rem / 16);
  padding-right: calc(65rem / 16);
  line-height: normal;
  letter-spacing: 0.02em;
  border-radius: 8px;
  box-shadow: 2px -2px 13px 0 rgba(18, 17, 133, 0.06);
  background: #fff;
  font-weight: 500;
  color: #121185;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1728px) {
  .card-link {
    font-size: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    --size-icon: calc(15rem / 16 + 17 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    padding-top: calc(23rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    padding-bottom: calc(25rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    padding-left: calc(25rem / 16 + 42 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    padding-right: calc(25rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-link::after {
  content: "";
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
  background-image: url("../images/icon-link.svg");
  background-size: 100%;
}
.card-link:hover {
  background-color: rgba(164, 147, 255, 0.2);
}
@media only screen and (min-width: 768px) {
  .card-link {
    border-radius: 20px;
    box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.wrap-btns-hero {
  margin-top: calc(30rem / 16);
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 15px;
  row-gap: 5px;
}
@media (max-width: 1728px) {
  .wrap-btns-hero {
    margin-top: calc(55rem / 16 + -25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .wrap-btns-hero {
    flex-direction: row;
  }
}
.wrap-btns-hero .btn,
.wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btns-hero .wrap-btn-hbsp-submit {
  justify-content: center;
  min-width: 240px;
}
@media only screen and (max-width: 767px) {
  .wrap-btns-hero .btn,
  .wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btns-hero .wrap-btn-hbsp-submit {
    min-width: 200px;
    padding-block: 20px;
  }
}

.page-plug-play {
  background-color: #000;
}

.section-hero-plug-play {
  min-height: calc(100vh - 80px);
  min-height: calc(100dvh - 80px);
  position: relative;
  display: flex;
  align-items: center;
  background-color: #000;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-hero-plug-play__wrapper {
    position: relative;
    padding-top: 0;
  }
}
.section-hero-plug-play .circle-bg-gradient {
  z-index: 1;
}
.section-hero-plug-play .circle-bg-gradient__children {
  top: 20%;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.7;
}
@media only screen and (min-width: 768px) {
  .section-hero-plug-play .circle-bg-gradient__children {
    z-index: 0;
    opacity: 1;
  }
}
.section-hero-plug-play__bg-img {
  aspect-ratio: 1/0.9367;
  z-index: 0;
  position: absolute;
  top: -40px;
  right: -20px;
  width: 100%;
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .section-hero-plug-play__bg-img {
    width: 60%;
    top: -240px;
    right: 0;
    z-index: 1;
  }
}
@media only screen and (min-width: 1150px) {
  .section-hero-plug-play__bg-img {
    opacity: 1;
    width: 47%;
    top: 50%;
    transform: translateY(-50%);
  }
}
.section-hero-plug-play__bg-img img {
  width: 250%;
  max-width: none;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  right: -50px;
}
@media only screen and (min-width: 768px) {
  .section-hero-plug-play__bg-img img {
    right: calc(-130rem / 16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .section-hero-plug-play__bg-img img {
    right: calc(100rem / 16 + -230 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-hero-plug-play__wrap-text {
  margin-top: calc(-70rem / 16);
  z-index: 2;
  position: relative;
  max-width: 873px;
  text-align: center;
}
@media (max-width: 1728px) {
  .section-hero-plug-play__wrap-text {
    margin-top: calc(35rem / 16 + -105 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-hero-plug-play__wrap-text {
    text-align: left;
  }
}
.section-hero-plug-play .section-title {
  font-size: calc(99rem / 16);
  padding-bottom: calc(35rem / 16);
  padding-top: calc(0rem / 16);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #fefefe;
}
@media (max-width: 1728px) {
  .section-hero-plug-play .section-title {
    font-size: calc(54rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-hero-plug-play .section-title {
    padding-bottom: calc(15rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-hero-plug-play .section-title {
    padding-top: calc(10rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-hero-plug-play .section-title {
    color: #fff;
  }
}
.section-hero-plug-play .section-description {
  max-width: 85%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .section-hero-plug-play .section-description {
    max-width: 595px;
    margin-left: 0;
  }
}

.wrap-hero-decor-line {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.wrap-hero-decor-line .hero-line-decor {
  position: absolute;
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
}
.wrap-hero-decor-line .hero-line-decor__vertical {
  width: 1px;
  height: 100%;
}
.wrap-hero-decor-line .hero-line-decor__vertical:nth-child(1) {
  left: 22.5%;
}
.wrap-hero-decor-line .hero-line-decor__vertical:nth-child(2) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .wrap-hero-decor-line .hero-line-decor__vertical:nth-child(2) {
    left: 50.5%;
    display: block;
  }
}
.wrap-hero-decor-line .hero-line-decor__gorizontal {
  width: 100%;
  height: 1px;
  top: 40%;
}
@media only screen and (min-width: 768px) {
  .wrap-hero-decor-line .hero-line-decor__gorizontal {
    top: 15%;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 80%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1025px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 45%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__right {
    max-width: 739px;
    width: 100%;
  }
}

.section-left-text-right-visual {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual.with-scroll-slider-lobby {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
  }
}
.section-left-text-right-visual__wrapper {
  --colGap: 30px;
  --wLeft: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 55px;
  column-gap: var(--colGap);
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .section-left-text-right-visual__wrapper {
    --colGap: 50px;
    --wLeft: 565px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-top: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-bottom: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
  font-size: calc(62rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    max-width: 420px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__right {
    max-width: 100%;
  }
}
.section-left-text-right-visual__left {
  max-width: var(--wLeft);
  width: 100%;
}
.section-left-text-right-visual__right {
  max-width: 827px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__right {
    width: calc(100% - var(--wLeft) - var(--colGap));
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-left-text-right-visual__slider-wrapper {
    width: calc(100% + 20px);
    margin-right: -20px;
  }
}
.section-left-text-right-visual__list-card-post {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual__list-card-post {
    max-width: 818px;
  }
}
@media only screen and (min-width: 1201px) {
  .section-left-text-right-visual__list-card-post {
    min-width: 818px;
  }
}
.section-left-text-right-visual .list-card-post {
  --gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .list-card-post {
    --gap: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .list-card-post .card-post {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .section-left-text-right-visual .list-card-post .card-post {
    width: calc(50% - var(--gap) / 2);
  }
}
.section-left-text-right-visual.light-theme {
  color: #121185;
}
.section-left-text-right-visual.light-theme .section-description {
  color: #353AB0;
}
.section-left-text-right-visual.light-theme .btn.border,
.section-left-text-right-visual.light-theme .section-registration .hbsp-form .hs-submit .border.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-left-text-right-visual.light-theme .border.wrap-btn-hbsp-submit {
  border-color: #0E0F11;
  color: #0E0F11;
}
.section-left-text-right-visual .section-description-top {
  font-size: calc(24rem / 16);
  padding-bottom: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    padding-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-title {
  font-size: calc(62rem / 16);
  padding-bottom: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    font-size: calc(40rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    padding-bottom: calc(0rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-description {
  font-size: calc(22rem / 16);
  max-width: 400px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual .section-description {
    line-height: 1.4;
  }
}

.wrap-btns-hero {
  margin-top: calc(30rem / 16);
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 15px;
  row-gap: 5px;
}
@media (max-width: 1728px) {
  .wrap-btns-hero {
    margin-top: calc(55rem / 16 + -25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .wrap-btns-hero {
    flex-direction: row;
  }
}
.wrap-btns-hero .btn,
.wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-btns-hero .wrap-btn-hbsp-submit {
  justify-content: center;
  min-width: 240px;
}
@media only screen and (max-width: 767px) {
  .wrap-btns-hero .btn,
  .wrap-btns-hero .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-btns-hero .wrap-btn-hbsp-submit {
    min-width: 200px;
    padding-block: 20px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
section.light-theme .card-post-2 {
  background-color: #F8F8F8;
}
@media only screen and (min-width: 768px) {
  section.light-theme .card-post-2 {
    color: #0E0F11;
  }
}

.card-post-2 {
  --wBg: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .card-post-2 {
    --wBg: 50%;
    padding-right: var(--wBg);
    text-align: left;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .card-post-2 {
    --wBg: 488px;
  }
}
.card-post-2__text-wrap {
  z-index: 1;
  position: relative;
  padding: 150px 35px 140px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .card-post-2__text-wrap {
    max-width: 575px;
    padding: 57px 30px 70px 60px;
  }
}
.card-post-2__title {
  font-size: calc(72rem / 16);
  font-weight: 500;
  line-height: 1.03;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-post-2__title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-post-2__title {
    line-height: 0.94;
    letter-spacing: normal;
  }
}
.card-post-2__description {
  font-size: calc(22rem / 16);
  margin-top: calc(30rem / 16);
  line-height: 1.41;
  letter-spacing: 0.01em;
}
@media (max-width: 1728px) {
  .card-post-2__description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-post-2__description {
    margin-top: calc(15rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-post-2__description {
    line-height: 1.4;
    letter-spacing: 0.02em;
    opacity: 0.6;
  }
}
.card-post-2 .wrap-btns-hero {
  margin-top: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .card-post-2 .wrap-btns-hero {
    margin-top: calc(5rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-post-2__bg {
  position: absolute;
  right: 0;
  top: 0;
  width: var(--wBg);
  height: 100%;
}
.card-post-2__bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .card-post-2__bg::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.section-post.light-theme {
  background-color: #fefefe;
}
@media only screen and (max-width: 767px) {
  .section-post {
    padding-block: 0;
  }
}
.section-post__wrapper {
  max-width: 1270px;
}
@media only screen and (max-width: 767px) {
  .section-post__wrapper {
    padding-inline: 0;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-partner {
  --color-base: #646464;
  --color-placeholder: #ccc;
  --color-bg-input: #F8F8F8;
  --color-border-input: #ccc;
  --color-arrow: #6C6C6D;
  --h-input: 58px;
  --padding-inline-input: 17px;
  --radius: 10px;
  position: relative;
  font-size: calc(30rem / 16);
  margin-block: 10px;
  padding-top: calc(95rem / 16);
  padding-bottom: calc(80rem / 16);
  background: linear-gradient(351deg, rgba(64, 30, 255, 0.2) -12.38%, rgba(64, 30, 255, 0) 48.56%), #F8F8F8;
  position: relative;
}
@media (max-width: 1728px) {
  .section-partner {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .section-partner {
    --h-input: 88px;
    --padding-inline-input: 28px;
  }
}
@media (max-width: 1728px) {
  .section-partner {
    padding-top: calc(56rem / 16 + 39 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-partner {
    padding-bottom: calc(95rem / 16 + -15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partner__wrapper {
  max-width: 1620px;
  padding: 0 15px;
  margin: 0 auto;
}
.section-partner .filters {
  max-width: 1430px;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .section-partner .filters .section-description-top {
    padding-left: 10px;
  }
}
.section-partner .filters form {
  display: flex;
  gap: 30px;
  margin: 15px 0px 45px;
}
@media only screen and (max-width: 1400px) {
  .section-partner .filters form {
    flex-wrap: wrap;
  }
}
.section-partner .filters form .field {
  flex: 1;
}
@media only screen and (max-width: 1400px) {
  .section-partner .filters form .field {
    flex: 1 0 260px;
  }
}
.section-partner .filters form .field .input-wrap-table, .section-partner .filters form .field .filter-resources .select-tags, .filter-resources .section-partner .filters form .field .select-tags, .section-partner .filters form .field .section-registration .select-tags, .section-registration .section-partner .filters form .field .select-tags {
  margin: 0px;
}
.section-partner .filters form .field input[type=submit] {
  font-size: calc(30rem / 16);
  height: var(--h-input);
  border-radius: var(--radius);
  border: 1px solid var(--color-border-input);
  background-color: var(--color-bg-input);
  padding-inline: var(--padding-inline-input);
  color: var(--color-base);
  width: 100%;
  padding-right: calc(var(--padding-inline-input) + 40px);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.661 2.0438L14.2468 0.629586L7.88281 6.99355L1.51885 0.629586L0.104638 2.0438L6.4686 8.40776L0.104638 14.7717L1.51885 16.1859L7.88281 9.82197L14.2468 16.1859L15.661 14.7717L9.29703 8.40776L15.661 2.0438Z' fill='%23646464'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) 50%;
  max-width: 260px;
  text-align: left;
}
@media (max-width: 1728px) {
  .section-partner .filters form .field input[type=submit] {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 991px) {
  .section-partner .filters form .field input[type=submit] {
    max-width: 100%;
  }
}
.section-partner .filters form .dropdown {
  position: relative;
}
.section-partner .filters form .dropdown-title {
  font-size: calc(30rem / 16);
  height: var(--h-input);
  color: var(--color-base);
  border-radius: var(--radius);
  padding-inline: var(--padding-inline-input);
  padding-right: calc(var(--padding-inline-input) + 40px);
  border: 1px solid var(--color-border-input);
  background-color: var(--color-bg-input);
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8828 0.40625H9.88281V9.40625H0.882812V11.4062H9.88281V20.4062H11.8828V11.4062H20.8828V9.40625H11.8828V0.40625Z' fill='%23646464'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) 50%;
  display: flex;
  align-items: center;
}
@media (max-width: 1728px) {
  .section-partner .filters form .dropdown-title {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partner .filters form .dropdown .dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  padding-top: 20px;
}
@media only screen and (max-width: 991px) {
  .section-partner .filters form .dropdown .dropdown-content {
    position: initial;
  }
}
.section-partner .filters form .dropdown .dropdown-content-inner {
  background-color: #F8F8F8;
  border-radius: 10px;
  padding: 15px 30px;
  color: #646464;
  font-size: 30px;
}
@media only screen and (max-width: 991px) {
  .section-partner .filters form .dropdown .dropdown-content-inner {
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius);
  }
}
.section-partner .filters form .dropdown .dropdown-content-inner label {
  display: block;
  position: relative;
  padding-right: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #0E0F11;
}
.section-partner .filters form .dropdown .dropdown-content-inner label:not(:last-child) {
  margin-bottom: 12px;
}
.section-partner .filters form .dropdown .dropdown-content-inner label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.section-partner .filters form .dropdown .dropdown-content-inner label input:checked ~ span {
  opacity: 1;
}
.section-partner .filters form .dropdown .dropdown-content-inner label span {
  opacity: 0.4;
}
.section-partner .filters form .dropdown .dropdown-content-inner label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #0E0F11;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.section-partner .filters form .dropdown .dropdown-content-inner label .checkmark::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #0E0F11;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section-partner .filters form .dropdown:hover .dropdown-content {
  display: block;
}
.section-partner .items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 35px 20px;
}
@media only screen and (max-width: 1400px) {
  .section-partner .items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1200px) {
  .section-partner .items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .section-partner .items {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 15px;
  }
}
.section-partner .items .item {
  padding: 50px 30px;
  background-color: #fff;
  border-radius: 20px;
}
@media only screen and (max-width: 991px) {
  .section-partner .items .item {
    padding: 40px 20px 20px;
  }
}
.section-partner .items .item:hover {
  background-color: #F6F5FF;
}
.section-partner .items .item h2 {
  color: #0E0F11;
  font-size: 22px;
  margin: 40px 0px 10px;
}
@media only screen and (max-width: 991px) {
  .section-partner .items .item h2 {
    font-size: 18px;
  }
}
.section-partner .items .item p {
  color: #646464;
  font-size: 18px;
  line-height: 138%;
  margin-bottom: 20px;
}
.section-partner .items .item .info {
  color: #B1B1B1;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
}
.section-partner .items .item .info svg {
  margin-right: 15px;
}
.section-partner .items .item .countries {
  display: flex;
  color: #B1B1B1;
  margin: 20px 0px 50px;
}
.section-partner .items .item .countries li {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 14px;
}
.section-partner .items .item .countries li img {
  margin-right: 7px;
  display: block;
}
.section-partner .items .item .countries + a {
  color: #8771FF;
  font-size: 18px;
  font-weight: 500;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.38281 0.90625L6.63281 6.15625L1.38281 11.4062' stroke='%238771FF' stroke-width='2.25'/%3E%3C/svg%3E%0A");
  background-position: 100% calc(50% + 2px);
  background-repeat: no-repeat;
  padding-right: 20px;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .section-partner .items .item .countries + a {
    font-size: 16px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-partner-text {
  background: #fefefe;
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
  color: #0e0f11;
}
@media (max-width: 1728px) {
  .section-partner-text {
    padding-top: calc(56rem / 16 + 68 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-partner-text {
    padding-bottom: calc(100rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partner-text__wrapper {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 15px;
}
.section-partner-text__wrapper h2 {
  margin-bottom: calc(32rem / 16);
  font-weight: 500;
  font-size: 40px;
}
@media (max-width: 1728px) {
  .section-partner-text__wrapper h2 {
    margin-bottom: calc(25rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partner-text__wrapper h3 {
  margin-bottom: calc(32rem / 16);
  margin-top: calc(64rem / 16);
  font-weight: 500;
  font-size: 22px;
}
@media (max-width: 1728px) {
  .section-partner-text__wrapper h3 {
    margin-bottom: calc(25rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-partner-text__wrapper h3 {
    margin-top: calc(52rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partner-text__wrapper p {
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: rgba(14, 15, 17, 0.6);
  margin-bottom: 15px;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.grid-list-cards {
  --minWCard: 300px;
  --cGap: calc(47rem / 16);
  --rGap: calc(62rem / 16);
  display: grid;
  column-gap: var(--cGap);
  row-gap: var(--rGap);
  grid-template-columns: repeat(auto-fill, minmax(var(--minWCard), 1fr));
}
@media (max-width: 1728px) {
  .grid-list-cards {
    --cGap: calc(0rem / 16 + 47 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .grid-list-cards {
    --rGap: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 389px) {
  .grid-list-cards {
    --minWCard: 280px;
  }
}
.grid-list-cards + .btn,
.section-registration .hbsp-form .hs-submit .grid-list-cards + .wrap-btn-hbsp-submit {
  margin-top: calc(60rem / 16);
  font-size: calc(14rem / 16);
  width: 100%;
  font-weight: 500;
  letter-spacing: 0.02em;
  border-radius: 5px;
  padding-block: 18px;
}
@media (max-width: 1728px) {
  .grid-list-cards + .btn,
  .section-registration .hbsp-form .hs-submit .grid-list-cards + .wrap-btn-hbsp-submit {
    margin-top: calc(40rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .grid-list-cards + .btn,
  .section-registration .hbsp-form .hs-submit .grid-list-cards + .wrap-btn-hbsp-submit {
    font-size: calc(18rem / 16 + -4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .grid-list-cards + .btn,
  .section-registration .hbsp-form .hs-submit .grid-list-cards + .wrap-btn-hbsp-submit {
    font-weight: 400;
    letter-spacing: 0.05em;
    border-radius: 10px;
  }
}

.section-resources-filter .grid-list-cards {
  --minWCard: 350px;
  --cGap: calc(31rem / 16);
  --rGap: calc(56rem / 16);
}
@media (max-width: 1728px) {
  .section-resources-filter .grid-list-cards {
    --cGap: calc(0rem / 16 + 31 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-resources-filter .grid-list-cards {
    --rGap: calc(24rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 389px) {
  .section-resources-filter .grid-list-cards {
    --minWCard: 280px;
  }
}

.section-list-partner-events {
  padding-top: calc(60rem / 16);
  padding-bottom: calc(60rem / 16);
}
@media (max-width: 1728px) {
  .section-list-partner-events {
    padding-top: calc(30rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-list-partner-events {
    padding-bottom: calc(90rem / 16 + -30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-partner-events__wrapper {
  max-width: 1670px;
}
@media only screen and (max-width: 575px) {
  .section-list-partner-events__wrapper {
    padding-inline: 40px;
  }
}
@media only screen and (max-width: 389px) {
  .section-list-partner-events__wrapper {
    padding-inline: 20px;
  }
}
.section-list-partner-events.light-theme .card-post {
  background-color: #fefefe;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.tabs__content {
  display: none;
}

.tabs__content.active {
  display: block;
}

.tabs__caption {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 20px;
  padding-top: 20px;
}
.tabs__caption li {
  color: #555;
  cursor: pointer;
  letter-spacing: -0.5px;
}
.tabs__caption .active {
  position: relative;
}
.tabs__caption .active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.tabs.tabs-scroll .tabs__caption li {
  pointer-events: none;
}

.tabs-scroll-trigger {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.creative-tab {
  margin-top: calc(50rem / 16);
  padding-block: calc(88rem / 16);
  --pInline: calc(88rem / 16);
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  background-color: #FCF9FE;
  border-radius: 24px;
  padding-inline: var(--pInline);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 1728px) {
  .creative-tab {
    margin-top: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .creative-tab {
    padding-block: calc(30rem / 16 + 58 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .creative-tab {
    --pInline: calc(40rem / 16 + 48 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.creative-tab__wrapper {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .creative-tab__wrapper {
    display: flex;
    max-width: 1680px;
  }
}
.creative-tab__title-wrap {
  position: relative;
}
.creative-tab__title-wrap::before {
  content: "";
  display: block;
  width: 3px;
  height: calc(100% - 20px);
  background-color: #6B34FD;
  position: absolute;
  top: 50%;
  left: calc(var(--pInline) * -1);
  transform: translateY(-50%);
}
.creative-tab .section-description-top {
  font-size: calc(35rem / 16);
  color: rgba(18, 17, 133, 0.3);
  letter-spacing: 0.02em;
  padding-bottom: 5px;
}
@media (max-width: 1728px) {
  .creative-tab .section-description-top {
    font-size: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.creative-tab .section-title {
  font-size: calc(40rem / 16);
  line-height: 1.05;
}
@media (max-width: 1728px) {
  .creative-tab .section-title {
    font-size: calc(32rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .creative-tab .section-title {
    line-height: normal;
  }
}
.creative-tab .section-description {
  max-width: 640px;
}
.creative-tab .tabs__caption {
  gap: calc(18rem / 16);
  flex-direction: column;
  max-width: 690px;
  padding-top: 0;
}
@media (max-width: 1728px) {
  .creative-tab .tabs__caption {
    gap: calc(12rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.creative-tab .tabs__caption_title {
  font-size: calc(35rem / 16);
  color: #121185;
  font-weight: 400;
  opacity: 0.3;
  letter-spacing: 0.02em;
  transition: opacity 0.3s ease;
}
@media (max-width: 1728px) {
  .creative-tab .tabs__caption_title {
    font-size: calc(32rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.creative-tab .tabs__caption_title:hover {
  opacity: 1;
}
.creative-tab .tabs__caption_description {
  font-size: calc(22rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .creative-tab .tabs__caption_description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .creative-tab .tabs__caption_description {
    line-height: 1.4;
    color: #121185;
  }
}
.creative-tab .tabs__caption li {
  position: relative;
}
.creative-tab .tabs__caption li.active::before {
  opacity: 1;
}
.creative-tab .tabs__caption li.active .tabs__caption_title {
  font-size: calc(40rem / 16);
  font-weight: 500;
  opacity: 1;
}
@media (max-width: 1728px) {
  .creative-tab .tabs__caption li.active .tabs__caption_title {
    font-size: calc(32rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.creative-tab .tabs__caption li::before {
  content: "";
  display: block;
  width: 3px;
  height: calc(100% + 80px);
  background-color: #6B34FD;
  position: absolute;
  top: 50%;
  left: calc(var(--pInline) * -1);
  transform: translateY(-50%);
  opacity: 0;
}
.creative-tab .tabs__caption li.active .tabs__caption_content {
  grid-template-rows: 1fr;
}
.creative-tab .tabs__caption li .tabs__caption_content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.4s ease;
}
.creative-tab .tabs__caption li .tabs__caption_content .tabs__caption_description {
  min-height: 0;
}
@media only screen and (min-width: 1025px) {
  .creative-tab__right {
    aspect-ratio: 1/0.7225519288;
    position: relative;
    border-radius: 18px;
    box-shadow: inset 0 4px 15px 0 rgba(18, 17, 133, 0.04);
    background: linear-gradient(347deg, #d6d8ff 0%, #ecedfb 58.2%);
    width: 100%;
    max-width: 450px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1250px) {
  .creative-tab__right {
    max-width: 550px;
  }
}
@media only screen and (min-width: 1400px) {
  .creative-tab__right {
    max-width: 674px;
  }
}
.creative-tab .tabs__content {
  display: block !important;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: transform;
}
.creative-tab .tabs__content.active {
  opacity: 1;
  animation: showImgTab 0.6s ease-in-out 0s 1 normal;
  transform: translateY(0);
}
@media only screen and (min-width: 1025px) {
  .creative-tab .tabs__content {
    position: absolute;
  }
}
.creative-tab .tabs__content img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@keyframes showImgTab {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.block-info {
  margin-top: calc(80rem / 16);
  padding-block: calc(80rem / 16);
  padding-inline: calc(50rem / 16);
  border-radius: calc(36rem / 16);
  position: relative;
  background-image: url("../images/block-info/bg-circle.svg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .block-info {
    margin-top: calc(30rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    padding-block: calc(50rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    padding-inline: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    border-radius: calc(16rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.block-info__wrapper {
  max-width: 1728px;
}
.block-info__img-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  pointer-events: none;
}
.block-info.center {
  text-align: center;
}
.block-info.center > * {
  margin-inline: auto;
}
.block-info .section-title {
  font-size: calc(72rem / 16);
  padding-bottom: calc(13rem / 16);
  color: #FCF9FE;
  line-height: 1.05;
  letter-spacing: 0.02em;
  max-width: 890px;
}
@media (max-width: 1728px) {
  .block-info .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info .section-title {
    padding-bottom: calc(5rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .block-info .section-title {
    line-height: normal;
  }
}
.block-info .section-description {
  color: #E5E7FF;
  max-width: 700px;
  padding-top: 10px;
}
.block-info .btn,
.block-info .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .block-info .wrap-btn-hbsp-submit {
  margin-top: calc(30rem / 16);
  margin-bottom: 0;
}
@media (max-width: 1728px) {
  .block-info .btn,
  .block-info .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .block-info .wrap-btn-hbsp-submit {
    margin-top: calc(20rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-block-info + .section-creative-tab, .section-block-info-with-photo + .section-creative-tab {
  padding-top: calc(110rem / 16);
}
@media (max-width: 1728px) {
  .section-block-info + .section-creative-tab, .section-block-info-with-photo + .section-creative-tab {
    padding-top: calc(50rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-creative-tab {
  padding-bottom: calc(70rem / 16);
  color: #121185;
}
@media (max-width: 1728px) {
  .section-creative-tab {
    padding-bottom: calc(50rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .section-creative-tab {
    background-image: linear-gradient(45deg, #f6f5ff 0%, #f6f5ff 70%, rgb(239, 237, 255) 80%, rgb(221, 222, 252) 100%);
  }
}
.section-creative-tab__content-mobile {
  max-width: 674px;
  display: flex;
  flex-direction: column;
  margin-block: 65px 72px;
  gap: 88px;
}
@media only screen and (min-width: 1025px) {
  .section-creative-tab__content-mobile {
    display: none;
  }
}
.section-creative-tab__item_title {
  font-size: 2rem;
  font-weight: 500;
  color: #121185;
  line-height: 1.05;
  letter-spacing: 0.02em;
}
.section-creative-tab__item_visual-content {
  border-radius: 8px;
  box-shadow: inset 0 4px 15px 0 rgba(18, 17, 133, 0.04);
  background: linear-gradient(347deg, #d6d8ff 0%, #ecedfb 58.2%);
  width: 100%;
  margin-top: 24px;
}
.section-creative-tab__item_visual-content img {
  width: 100%;
}
.section-creative-tab__item_description {
  font-size: calc(22rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
  margin-top: 24px;
}
@media (max-width: 1728px) {
  .section-creative-tab__item_description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-creative-tab__item_description {
    line-height: 1.4;
  }
}
.section-creative-tab__wrapper > .section-title {
  font-size: calc(62rem / 16);
  line-height: 1.07;
  letter-spacing: 0.02em;
  color: #121185;
  margin-bottom: 20px;
  max-width: 820px;
}
@media (max-width: 1728px) {
  .section-creative-tab__wrapper > .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-creative-tab__wrapper > .section-description {
  font-size: calc(30rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
  max-width: 850px;
}
@media (max-width: 1728px) {
  .section-creative-tab__wrapper > .section-description {
    font-size: calc(18rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-creative-tab__wrapper > .section-description {
    color: #121185;
    line-height: 1.2;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.content-scroll {
  overflow-y: auto;
}
.content-scroll.horizontal {
  --height-scrollbar: 2px;
  overflow-x: auto;
  overflow-y: inherit;
}
.content-scroll::-webkit-scrollbar {
  width: var(--width-scrollbar);
  height: var(--height-scrollbar);
  background-color: rgba(0, 0, 0, 0.1);
}
.content-scroll::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background-color: rgba(158, 162, 194, 0.5);
}
.content-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #9EA2C2;
}

.card-creative-hover {
  --pInline: calc(40rem / 16);
  padding-bottom: calc(50rem / 16);
  position: relative;
  border-radius: 16px;
  box-shadow: 0px -4px 20px 0px rgba(18, 17, 133, 0.06);
  background: #fff;
  overflow: hidden;
  min-height: 410px;
}
@media (max-width: 1728px) {
  .card-creative-hover {
    --pInline: calc(30rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-creative-hover {
    padding-bottom: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-hover__bg {
  padding-top: calc(50rem / 16);
  padding-inline: var(--pInline);
}
@media (max-width: 1728px) {
  .card-creative-hover__bg {
    padding-top: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-hover__content {
  padding-inline: var(--pInline);
  margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
  .card-creative-hover__content {
    max-width: 98%;
  }
}
.card-creative-hover__title {
  font-size: calc(35rem / 16);
  margin-bottom: calc(18rem / 16);
  font-weight: 500;
  color: #121185;
  line-height: normal;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-creative-hover__title {
    font-size: calc(24rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-creative-hover__title {
    margin-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-hover__description {
  font-size: calc(20rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
  opacity: 0.8;
}
@media (max-width: 1728px) {
  .card-creative-hover__description {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-list-creative-cards {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(120rem / 16);
}
@media (max-width: 1728px) {
  .section-list-creative-cards {
    padding-top: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-list-creative-cards {
    padding-bottom: calc(25rem / 16 + 95 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-creative-cards .section-title {
  max-width: 800px;
}
.section-list-creative-cards .section-description {
  max-width: 565px;
}
.section-list-creative-cards__slider-wrapper {
  margin-top: calc(30rem / 16);
  max-width: 1334px;
}
@media (max-width: 1728px) {
  .section-list-creative-cards__slider-wrapper {
    margin-top: calc(15rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 1024px) {
  .section-list-creative-cards__slider-wrapper {
    padding-inline: 0px 0;
  }
}
.section-list-creative-cards .swiper-slide {
  padding-inline: 10px;
  padding-block: 25px;
}
@media only screen and (max-width: 768px) {
  .section-list-creative-cards .swiper-slide:nth-child(1) {
    padding-left: 20px;
  }
  .section-list-creative-cards .swiper-slide:last-child {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .section-list-creative-cards .swiper-slide {
    padding-inline: 30px;
    padding-block: 10px;
    margin-block: 10px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .section-list-creative-cards .swiper-slide {
    padding-inline: 20px;
    padding-block: 10px;
  }
}

.section-list-creative-cards__services-type {
  padding-top: calc(124rem / 16);
  padding-bottom: 22px;
}
@media (max-width: 1728px) {
  .section-list-creative-cards__services-type {
    padding-top: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-creative-cards__services-type_main-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  column-gap: 30px;
}
@media only screen and (max-width: 768px) {
  .section-list-creative-cards__services-type_main-wrapper {
    padding-inline: 0;
  }
}
@media only screen and (min-width: 1201px) {
  .section-list-creative-cards__services-type_main-wrapper {
    flex-direction: row;
  }
}
.section-list-creative-cards__services-type .section-list-creative-cards__text-wrapper {
  max-width: 580px;
  margin-inline: 0;
}
@media only screen and (min-width: 768px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__text-wrapper {
    padding-inline: 0;
  }
}
.section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper {
  margin-top: 15px;
  padding-inline: 0;
  margin-inline: 0;
}
@media only screen and (max-width: 767px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper .swiper {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1201px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper {
    max-width: 650px;
    margin-top: -20px;
  }
}
@media only screen and (min-width: 1250px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper {
    max-width: 750px;
  }
}
@media only screen and (min-width: 1400px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper {
    max-width: 804px;
  }
}
.section-list-creative-cards__services-type .swiper-slide {
  padding-inline: 0 !important;
}
@media only screen and (max-width: 767px) {
  .section-list-creative-cards__services-type .swiper-slide:first-child {
    padding-left: 20px !important;
    box-sizing: content-box;
  }
  .section-list-creative-cards__services-type .swiper-slide:last-child {
    padding-right: 20px !important;
    box-sizing: content-box;
  }
}
.section-list-creative-cards__services-type .card-creative-hover {
  --pInline: calc(39rem / 16);
  padding-bottom: calc(85rem / 16);
}
@media (max-width: 1728px) {
  .section-list-creative-cards__services-type .card-creative-hover {
    --pInline: calc(30rem / 16 + 9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-list-creative-cards__services-type .card-creative-hover {
    padding-bottom: calc(30rem / 16 + 55 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-creative-cards__services-type .card-creative-hover__bg {
  padding-top: calc(40rem / 16);
}
@media (max-width: 1728px) {
  .section-list-creative-cards__services-type .card-creative-hover__bg {
    padding-top: calc(30rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-creative-cards__services-type .card-creative-hover__content {
  margin-top: 10px;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.card-creative-feedback {
  padding-top: calc(40rem / 16);
  padding-bottom: calc(35rem / 16);
  padding-inline: calc(40rem / 16);
  min-height: calc(421rem / 16);
  border: 1.13px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  backdrop-filter: blur(18px);
  box-shadow: -37px 23px 100px 0 rgba(0, 0, 0, 0.2), inset 0 0 59px 0 rgba(255, 255, 255, 0.05), inset 0 0 23px 0 rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 60px;
}
@media (max-width: 1728px) {
  .card-creative-feedback {
    padding-top: calc(15rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-creative-feedback {
    padding-bottom: calc(15rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-creative-feedback {
    padding-inline: calc(15rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-creative-feedback {
    min-height: calc(248rem / 16 + 173 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-feedback__text {
  font-size: calc(35rem / 16);
  line-height: normal;
  letter-spacing: 0.02em;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .card-creative-feedback__text {
    font-size: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-feedback.small-text .card-creative-feedback__text {
  font-size: calc(22rem / 16);
}
@media (max-width: 1728px) {
  .card-creative-feedback.small-text .card-creative-feedback__text {
    font-size: calc(14rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-feedback.big-text .card-creative-feedback__text {
  font-size: calc(40rem / 16);
}
@media (max-width: 1728px) {
  .card-creative-feedback.big-text .card-creative-feedback__text {
    font-size: calc(25rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-feedback__footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}
@media only screen and (min-width: 768px) {
  .card-creative-feedback__footer {
    align-items: center;
  }
}
.card-creative-feedback.without-author .card-creative-feedback__footer {
  justify-content: flex-end;
}
.card-creative-feedback .author {
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .card-creative-feedback .author {
    gap: 18px;
  }
}
.card-creative-feedback .author__avatar {
  --size: 46px;
  border-radius: 8px;
}
.card-creative-feedback .author__name {
  font-size: calc(24rem / 16);
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-creative-feedback .author__name {
    font-size: calc(16rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-creative-feedback .author__name {
    font-weight: 500;
  }
}
.card-creative-feedback .author__profesion {
  font-size: calc(20rem / 16);
  color: #E5E7FF;
  letter-spacing: 0.05em;
}
@media (max-width: 1728px) {
  .card-creative-feedback .author__profesion {
    font-size: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-creative-feedback .author__profesion {
    letter-spacing: 0.02em;
  }
}
@media only screen and (min-width: 1025px) {
  .card-creative-feedback .author__profesion {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1500px) {
  .card-creative-feedback .author__profesion {
    font-size: calc(20rem / 16);
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1728px) {
  .card-creative-feedback .author__profesion {
    font-size: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-feedback__logo {
  --w: calc(154rem / 16);
  width: var(--w);
  min-width: var(--w);
}
@media (max-width: 1728px) {
  .card-creative-feedback__logo {
    --w: calc(98rem / 16 + 56 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .card-creative-feedback__logo {
    margin-bottom: 5px;
  }
}

.section-creative-slider {
  padding-top: calc(105rem / 16);
  padding-bottom: calc(105rem / 16);
  background: linear-gradient(-185deg, #0c172d 0%, #1c2069 100%), radial-gradient(85.73% 49.31% at 104.26% -10.15%, rgb(107, 52, 253) 0%, rgb(25, 131, 250) 100%), radial-gradient(56.39% 48.18% at -1.89% -1.17%, rgb(107, 52, 253) 0%, rgb(77, 105, 254) 57.6666235924%, rgb(242, 95, 255) 100%);
  position: relative;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-creative-slider {
    padding-top: calc(65rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-creative-slider {
    padding-bottom: calc(65rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-creative-slider .circle-bg-gradient {
  --w-circle: 1760px;
  --h-circle: 1311px;
}
.section-creative-slider .circle-bg-gradient__children {
  top: -70%;
  right: -10%;
  border-radius: 100%;
  filter: none;
  background-image: url("../images/bg-decor-section-creative-slider.svg");
  background-size: 100% 100%;
  background-position: right top;
}
@media only screen and (min-width: 768px) {
  .section-creative-slider .circle-bg-gradient__children {
    top: -30%;
    right: -20%;
  }
}
@media only screen and (min-width: 1025px) {
  .section-creative-slider .circle-bg-gradient__children {
    top: -10%;
    right: -30%;
  }
}
.section-creative-slider__wrapper {
  display: flex;
  flex-direction: column;
  column-gap: 40px;
  padding-right: 0;
  margin-right: 0;
  max-width: calc(100vw - (100vw - 1490px) / 2);
}
@media only screen and (min-width: 1150px) {
  .section-creative-slider__wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.section-creative-slider .swiper-slide {
  padding-top: calc(100rem / 16);
  padding-bottom: calc(100rem / 16);
}
@media (max-width: 1728px) {
  .section-creative-slider .swiper-slide {
    padding-top: calc(40rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-creative-slider .swiper-slide {
    padding-bottom: calc(80rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-creative-slider .section-title {
  line-height: normal;
  padding-bottom: 15px;
  line-height: 1.05;
  letter-spacing: 0.02em;
  max-width: 70%;
}
@media only screen and (min-width: 768px) {
  .section-creative-slider .section-title {
    line-height: normal;
    padding-bottom: 20px;
    max-width: 100%;
  }
}
.section-creative-slider .section-description {
  color: rgba(229, 231, 255, 0.8);
}
@media only screen and (min-width: 1150px) {
  .section-creative-slider .section-description {
    min-width: 540px;
  }
}
.section-creative-slider__left {
  max-width: 540px;
  width: 100%;
}
@media only screen and (min-width: 1150px) {
  .section-creative-slider__left {
    min-width: 630px;
  }
}
.section-creative-slider__right {
  width: calc(100% + 20px);
  margin-left: -20px;
}
@media only screen and (min-width: 768px) {
  .section-creative-slider__right {
    margin-left: -30px;
    width: calc(100% + 30px);
  }
}
@media only screen and (min-width: 1150px) {
  .section-creative-slider__right {
    max-width: calc(100vw - 540px - 40px - 30px);
    width: 100%;
    margin-left: inherit;
  }
}
@media only screen and (min-width: 1500px) {
  .section-creative-slider__right {
    max-width: calc(100vw - (100vw - 1490px) / 2 - 540px - 40px - 30px);
  }
}

.creative-slider .swiper-wrapper {
  will-change: transform;
}
@media only screen and (max-width: 767px) {
  .creative-slider .swiper-slide {
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 576px) {
  .creative-slider .swiper-slide {
    transform: scale(0.85);
    transition: transform 0.7s ease, opacity 1s ease;
    will-change: transform;
  }
  .creative-slider .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
  .creative-slider .swiper-slide.swiper-slide-prev {
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.5s ease;
  }
  .creative-slider .swiper-slide.swiper-slide:has(+ .swiper-slide-prev) {
    opacity: 0;
  }
}
.creative-slider__nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .creative-slider__nav {
    --sizeBtn: 35px;
    margin-top: calc(60rem / 16);
    position: relative;
    display: flex;
    align-items: center;
    gap: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .creative-slider__nav {
    margin-top: calc(30rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .creative-slider__nav button {
    position: relative;
    inset: inherit;
    background-color: inherit;
    padding: 0;
    margin: 0;
  }
  .creative-slider__nav button svg g {
    stroke: #E5E7FF;
    transition: stroke 0.1s ease;
  }
  .creative-slider__nav button:hover svg {
    transform: translateX(0);
  }
  .creative-slider__nav button:hover svg g {
    stroke: #FCF9FE;
  }
  .creative-slider__nav button.swiper-button-disabled svg g {
    color: rgba(252, 249, 254, 0.3);
  }
  .creative-slider__nav_prev {
    transform: rotate(180deg);
  }
  .creative-slider__nav_next {
    transform: rotate(0deg);
  }
}
.creative-slider__scrollbar {
  display: none;
}
@media only screen and (min-width: 768px) {
  .creative-slider__scrollbar {
    display: block;
    max-width: 366px;
    height: 7px;
    margin-top: 25px;
    background-color: rgba(252, 249, 254, 0.3);
    cursor: pointer;
  }
  .creative-slider__scrollbar .swiper-scrollbar-drag {
    background-color: #FCF9FE;
    height: 100%;
  }
}
.creative-slider__pagination {
  margin-top: -60px;
}
@media only screen and (min-width: 768px) {
  .creative-slider__pagination {
    display: none;
  }
}
.creative-slider__pagination .swiper-pagination-bullet {
  --color-bullet: #FCF9FE;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.fag-accordion {
  --gap: calc(64rem / 16);
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .fag-accordion {
    --gap: calc(30rem / 16 + 34 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .fag-accordion {
    display: flex;
    flex-wrap: wrap;
  }
}
.fag-accordion__wrapper {
  margin-top: calc(90rem / 16);
}
@media (max-width: 1728px) {
  .fag-accordion__wrapper {
    margin-top: calc(35rem / 16 + 55 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .fag-accordion > div {
    width: calc(50% - var(--gap) / 2);
  }
}
.fag-accordion__item {
  padding-bottom: calc(40rem / 16);
  padding-left: calc(50rem / 16);
  margin-bottom: calc(39rem / 16);
  border-bottom: 1.5px solid rgba(116, 102, 194, 0.5);
  padding-right: 20px;
}
@media (max-width: 1728px) {
  .fag-accordion__item {
    padding-bottom: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .fag-accordion__item {
    padding-left: calc(0rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .fag-accordion__item {
    margin-bottom: calc(24rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.fag-accordion .active .fag-accordion__btn svg {
  transform: rotate(-90deg);
}
.fag-accordion__btn {
  font-size: calc(35rem / 16);
  --size-icon: calc(32rem / 16);
  letter-spacing: 0.02em;
  line-height: normal;
  font-weight: 400;
  color: #121185;
  display: flex;
  gap: var(--size-icon);
  position: relative;
  transition: color 0.3s ease;
  cursor: pointer;
}
@media (max-width: 1728px) {
  .fag-accordion__btn {
    font-size: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .fag-accordion__btn {
    --size-icon: calc(16rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.fag-accordion__btn:hover {
  color: #6b34fd;
}
.fag-accordion__btn:hover svg g {
  stroke: #6b34fd;
}
.fag-accordion__btn svg {
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
  margin-top: 0.15em;
  transition: transform 0.3s ease;
}
.fag-accordion__btn svg g {
  stroke: #121185;
  transition: stroke 0.3s ease;
}
.fag-accordion__content {
  font-size: calc(22rem / 16);
  padding-top: calc(32rem / 16);
  padding-bottom: calc(20rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
  color: #353ab0;
  padding-left: var(--gap);
}
@media (max-width: 1728px) {
  .fag-accordion__content {
    font-size: calc(16rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .fag-accordion__content {
    padding-top: calc(16rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .fag-accordion__content {
    padding-bottom: calc(0rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .fag-accordion__content {
    line-height: 1.4;
  }
}
.fag-accordion__content p + p {
  padding-top: 10px;
}
.fag-accordion__content ol, .fag-accordion__content ul {
  margin-top: 10px;
  margin-left: 15px;
}
.fag-accordion__content ul li {
  position: relative;
  padding-left: 20px;
}
.fag-accordion__content ul li::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #353ab0;
  position: absolute;
  left: 0;
  top: 0.62em;
}
.fag-accordion__content ol {
  list-style: decimal;
  padding-left: 0.7em;
}
.fag-accordion__content ol li {
  padding-left: 0.32em;
}
.fag-accordion__content a {
  color: #6B34FD;
}
.fag-accordion__content a:hover {
  text-decoration: underline;
}

.section-accordion {
  padding-top: calc(134rem / 16);
  padding-bottom: calc(94rem / 16);
  background: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-accordion {
    padding-top: calc(60rem / 16 + 74 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-accordion {
    padding-bottom: calc(40rem / 16 + 54 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-accordion .section-title {
  color: #121185;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.block-info {
  margin-top: calc(80rem / 16);
  padding-block: calc(80rem / 16);
  padding-inline: calc(50rem / 16);
  border-radius: calc(36rem / 16);
  position: relative;
  background-image: url("../images/block-info/bg-circle.svg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .block-info {
    margin-top: calc(30rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    padding-block: calc(50rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    padding-inline: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    border-radius: calc(16rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.block-info__wrapper {
  max-width: 1728px;
}
.block-info__img-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  pointer-events: none;
}
.block-info.center {
  text-align: center;
}
.block-info.center > * {
  margin-inline: auto;
}
.block-info .section-title {
  font-size: calc(72rem / 16);
  padding-bottom: calc(13rem / 16);
  color: #FCF9FE;
  line-height: 1.05;
  letter-spacing: 0.02em;
  max-width: 890px;
}
@media (max-width: 1728px) {
  .block-info .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info .section-title {
    padding-bottom: calc(5rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .block-info .section-title {
    line-height: normal;
  }
}
.block-info .section-description {
  color: #E5E7FF;
  max-width: 700px;
  padding-top: 10px;
}
.block-info .btn,
.block-info .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .block-info .wrap-btn-hbsp-submit {
  margin-top: calc(30rem / 16);
  margin-bottom: 0;
}
@media (max-width: 1728px) {
  .block-info .btn,
  .block-info .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .block-info .wrap-btn-hbsp-submit {
    margin-top: calc(20rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-list-creative-cards + .section-block-info, .section-list-creative-cards + .section-block-info-with-photo {
  padding-top: calc(5rem / 16);
}
@media (max-width: 1728px) {
  .section-list-creative-cards + .section-block-info, .section-list-creative-cards + .section-block-info-with-photo {
    padding-top: calc(20rem / 16 + -15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-block-info, .section-block-info-with-photo {
  padding-block: 20px;
  background-color: #f6f5ff;
  margin-block: -1px;
}
.section-block-info .block-info, .section-block-info-with-photo .block-info {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .section-block-info .block-info__wrapper, .section-block-info-with-photo .block-info__wrapper {
    padding-inline: 10px;
  }
}

.section-block-info-with-photo {
  background: #f6f5ff;
}
.section-block-info-with-photo .block-info {
  padding-left: calc(112rem / 16);
  padding-right: calc(44rem / 16);
  padding-block: calc(62rem / 16);
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .block-info {
    padding-left: calc(16rem / 16 + 96 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .block-info {
    padding-right: calc(16rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .block-info {
    padding-block: calc(50rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-block-info-with-photo .block-info {
    background-image: url("../images/block-info/bg-circle-mobile.svg");
  }
}
@media only screen and (min-width: 992px) {
  .section-block-info-with-photo .block-info {
    flex-direction: row;
    align-items: normal;
    text-align: left;
    padding: 0;
  }
}
.section-block-info-with-photo .section-description-top {
  font-size: calc(24rem / 16);
  margin-bottom: calc(10rem / 16);
  letter-spacing: 0.02em;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .section-description-top {
    margin-bottom: calc(20rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-block-info-with-photo .section-description {
  font-size: calc(22rem / 16);
  padding-top: calc(5rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #E5E7FF;
  padding-inline: 10px;
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .section-description {
    padding-top: calc(12rem / 16 + -7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-block-info-with-photo .section-description {
    line-height: 1.4;
  }
}
@media only screen and (min-width: 992px) {
  .section-block-info-with-photo .section-description {
    padding-inline: 0;
  }
}
.section-block-info-with-photo__wrap-top-content, .section-block-info-with-photo__wrap-right-img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-block-info-with-photo__wrap-top-content, .section-block-info-with-photo__wrap-right-img {
    width: 50%;
  }
}
.section-block-info-with-photo__wrap-top-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0;
  max-width: 550px;
  margin-bottom: 34px;
}
@media only screen and (min-width: 992px) {
  .section-block-info-with-photo__wrap-top-content {
    padding-left: calc(112rem / 16);
    padding-right: calc(44rem / 16);
    padding-block: calc(62rem / 16);
    text-align: left;
    align-items: flex-start;
    max-width: none;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1728px) {
  .section-block-info-with-photo__wrap-top-content {
    padding-left: calc(16rem / 16 + 96 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) and (max-width: 1728px) {
  .section-block-info-with-photo__wrap-top-content {
    padding-right: calc(16rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) and (max-width: 1728px) {
  .section-block-info-with-photo__wrap-top-content {
    padding-block: calc(50rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-block-info-with-photo__wrap-right-img {
  aspect-ratio: 1/0.5949519231;
  overflow: hidden;
}
.section-block-info-with-photo__wrap-right-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-creative-tab + .section-wip {
  padding-top: calc(200rem / 16);
}
@media (max-width: 1728px) {
  .section-creative-tab + .section-wip {
    padding-top: calc(10rem / 16 + 190 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-wip {
  padding-top: calc(114rem / 16);
  padding-bottom: calc(144rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-wip {
    padding-top: calc(30rem / 16 + 84 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-wip {
    padding-bottom: calc(65rem / 16 + 79 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip.row-type {
  padding-top: calc(0rem / 16);
}
@media (max-width: 1728px) {
  .section-wip.row-type {
    padding-top: calc(60rem / 16 + -60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip.row-type .main-wrapper {
  display: flex;
  flex-direction: column;
  column-gap: 30px;
}
@media only screen and (min-width: 992px) {
  .section-wip.row-type .main-wrapper {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.section-wip.row-type .section-description {
  max-width: none;
}
.section-wip.row-type .section-wip__wrap-top-content {
  max-width: 650px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-wip.row-type .section-wip__wrap-top-content {
    max-width: 686px;
  }
}
.section-wip.row-type .section-wip__block {
  margin-top: calc(45rem / 16);
  aspect-ratio: 1/1;
  max-width: 540px;
  width: 100%;
  min-height: auto;
}
@media (max-width: 1728px) {
  .section-wip.row-type .section-wip__block {
    margin-top: calc(30rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip.row-type .section-wip__block.has-image {
  background: none;
}
.section-wip.row-type:has(.section-wip__block.has-image) {
  background: linear-gradient(65deg, rgba(64, 30, 255, 0) 0%, rgba(64, 30, 255, 0) 60%, rgba(64, 30, 255, 0.2) 100%), #f6f5ff;
}
@media only screen and (min-width: 992px) {
  .section-wip.row-type:has(.section-wip__block.has-image) {
    background: linear-gradient(195deg, rgba(64, 30, 255, 0) 0%, rgba(64, 30, 255, 0) 60%, rgba(64, 30, 255, 0.2) 100%), #f6f5ff;
  }
}
.section-wip:not(.section-wip.row-type) .section-wip__block.has-image {
  padding: 0;
  min-height: auto;
  overflow: hidden;
}
.section-wip__wrap-top-content {
  max-width: 910px;
}
.section-wip__wrap-top-content .btn,
.section-wip__wrap-top-content .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-wip__wrap-top-content .wrap-btn-hbsp-submit {
  margin-top: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .section-wip__wrap-top-content .btn,
  .section-wip__wrap-top-content .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-wip__wrap-top-content .wrap-btn-hbsp-submit {
    margin-top: calc(25rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip .section-description-top {
  padding-bottom: calc(16rem / 16);
  color: #6b34fd;
  letter-spacing: 0.05em;
}
@media (max-width: 1728px) {
  .section-wip .section-description-top {
    padding-bottom: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip .section-title {
  font-size: calc(62rem / 16);
  line-height: 1.05;
  color: #121185;
}
@media (max-width: 1728px) {
  .section-wip .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip .section-description {
  padding-top: calc(22rem / 16);
  color: #353ab0;
  max-width: 680px;
}
@media (max-width: 1728px) {
  .section-wip .section-description {
    padding-top: calc(14rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip .section-description + .section-description {
  padding-top: 12px;
}
.section-wip__block {
  margin-top: calc(50rem / 16);
  border-radius: 16px;
  background-color: #001c4f;
  padding: 50px 30px;
  font-size: 7.9375rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #fff;
  min-height: 531px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-size: contain;
}
@media (max-width: 1728px) {
  .section-wip__block {
    margin-top: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-legal {
  padding-top: calc(127rem / 16);
  font-size: calc(22rem / 16);
  letter-spacing: 0.02em;
  background-color: #F6F5FF;
  color: #121185;
}
@media (max-width: 1728px) {
  .section-legal {
    padding-top: calc(33rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal iframe {
  margin-top: calc(30rem / 16);
  aspect-ratio: 1/0.5625;
  width: 100%;
  max-width: 560px;
  height: auto;
}
@media (max-width: 1728px) {
  .section-legal iframe {
    margin-top: calc(20rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-legal {
    line-height: 1.4;
  }
}
.section-legal__wrapper {
  max-width: 1348px;
}
.section-legal strong {
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.26;
}
@media only screen and (min-width: 768px) {
  .section-legal strong {
    line-height: 1.6;
  }
}
.section-legal h2, .section-legal__h2 {
  font-size: calc(40rem / 16);
  margin-bottom: calc(20rem / 16);
  font-weight: 500;
  letter-spacing: 0.01em;
}
@media (max-width: 1728px) {
  .section-legal h2, .section-legal__h2 {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal h2, .section-legal__h2 {
    margin-bottom: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal h3, .section-legal__h3,
.section-legal h4, .section-legal__h4 {
  font-size: calc(22rem / 16);
  margin-top: calc(64rem / 16);
  margin-bottom: calc(16rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-legal h3, .section-legal__h3,
  .section-legal h4, .section-legal__h4 {
    font-size: calc(20rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal h3, .section-legal__h3,
  .section-legal h4, .section-legal__h4 {
    margin-top: calc(30rem / 16 + 34 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal h3, .section-legal__h3,
  .section-legal h4, .section-legal__h4 {
    margin-bottom: calc(18rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-legal h3, .section-legal__h3,
  .section-legal h4, .section-legal__h4 {
    line-height: 1.6;
  }
}
.section-legal h4, .section-legal__h4 {
  padding-left: 16px;
}
.section-legal p + p {
  margin-top: 11px;
}
.section-legal .text-underline {
  text-decoration: underline;
}
.section-legal a {
  color: #6B34FD;
  letter-spacing: 0.015em;
  text-decoration: underline;
}
.section-legal a:hover {
  color: #121185;
}
.section-legal a.normal-link {
  color: #121185;
}
.section-legal a.normal-link:hover {
  color: #6B34FD;
}
.section-legal a.not-underline {
  text-decoration: none;
}
.section-legal ol {
  padding-left: calc(32rem / 16);
  list-style-type: decimal;
}
@media (max-width: 1728px) {
  .section-legal ol {
    padding-left: calc(27rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal ol li::marker {
  color: #6B34FD;
}
.section-legal ol li:has(a:hover)::marker {
  color: #121185;
}
.section-legal p.title-list {
  margin-top: calc(13rem / 16);
}
@media (max-width: 1728px) {
  .section-legal p.title-list {
    margin-top: calc(10rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal ul {
  margin-top: calc(11rem / 16);
  margin-bottom: calc(13rem / 16);
  margin-left: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-legal ul {
    margin-top: calc(8rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal ul {
    margin-bottom: calc(8rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal ul {
    margin-left: calc(10rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal ul li {
  position: relative;
  padding-left: 18px;
}
.section-legal ul li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #121185;
  position: absolute;
  left: 2px;
  top: 0.6em;
}
@media only screen and (min-width: 768px) {
  .section-legal ul li::before {
    width: 5px;
    height: 5px;
    top: 0.7em;
    left: 0;
  }
}
.section-legal p:not(.p-table) + .p-table {
  margin-top: calc(25rem / 16);
}
@media (max-width: 1728px) {
  .section-legal p:not(.p-table) + .p-table {
    margin-top: calc(9rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal .p-table + .p-table {
  margin-top: 15px;
}
.section-legal .title-p-table {
  margin-top: calc(0rem / 16);
}
@media (max-width: 1728px) {
  .section-legal .title-p-table {
    margin-top: calc(32rem / 16 + -32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal .p-table {
  display: flex;
  flex-direction: column;
  gap: 0px;
  max-width: 780px;
}
.section-legal .p-table span:first-child {
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .section-legal .p-table {
    flex-direction: row;
    gap: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .section-legal .wrap-table {
    padding-inline: 3px;
  }
}
.section-legal table {
  --pBlock: calc(16rem / 16);
  --pInline: calc(32rem / 16);
  margin-top: calc(65rem / 16);
  margin-bottom: calc(64rem / 16);
  text-align: left;
  table-layout: fixed;
  width: 100%;
}
@media (max-width: 1728px) {
  .section-legal table {
    --pBlock: calc(12rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal table {
    --pInline: calc(12rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal table {
    margin-top: calc(30rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal table {
    margin-bottom: calc(33rem / 16 + 31 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal table.table-no-fixed {
  table-layout: auto;
}
.section-legal table thead {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #FCF9FE;
  background-color: #001C4F;
}
@media (max-width: 1728px) {
  .section-legal table thead {
    font-size: calc(12rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-legal table thead {
    line-height: 1.6;
  }
}
.section-legal table th {
  vertical-align: middle;
}
.section-legal table col:first-child {
  width: var(--wFirstColumnMobile);
}
.section-legal table col:nth-child(2) {
  width: var(--wSecondColumnMobile);
}
.section-legal table col:nth-child(3) {
  width: var(--wThirdColumnMobile);
}
@media only screen and (min-width: 768px) {
  .section-legal table col:first-child {
    width: var(--wFirstColumn);
  }
  .section-legal table col:nth-child(2) {
    width: var(--wSecondColumn);
  }
  .section-legal table col:nth-child(3) {
    width: var(--wThirdColumn);
  }
}
.section-legal table th, .section-legal table .inner-head-tr td {
  padding-block: var(--pBlock);
}
.section-legal table .inner-head-tr td {
  padding-bottom: calc(var(--pBlock) - 2px);
}
.section-legal table th, .section-legal table td {
  padding-inline: var(--pInline);
  border: 1px solid #353ab0;
}
.section-legal table td {
  padding-block: var(--pBlock);
}
@media only screen and (min-width: 768px) {
  .section-legal table td {
    padding-block: calc(var(--pBlock) * 2);
  }
}
.section-legal table tbody {
  font-size: calc(20rem / 16);
  line-height: 1.26;
  letter-spacing: 0.05em;
  background-color: #FCF9FE;
}
@media (max-width: 1728px) {
  .section-legal table tbody {
    font-size: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-legal table tbody {
    line-height: 1.34;
    letter-spacing: 0.02em;
  }
}
.section-legal table .inner-head-tr {
  font-size: calc(22rem / 16);
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-weight: 500;
  background: rgba(164, 147, 255, 0.12);
}
@media (max-width: 1728px) {
  .section-legal table .inner-head-tr {
    font-size: calc(12rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal table ul {
  margin-left: calc(12rem / 16);
  margin-block: calc(8rem / 16);
}
@media (max-width: 1728px) {
  .section-legal table ul {
    margin-left: calc(5rem / 16 + 7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-legal table ul {
    margin-block: calc(5rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal table ul li {
  padding-left: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .section-legal table ul li {
    padding-left: calc(12rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-legal table ul li::before {
  width: 3px;
  height: 3px;
}
@media only screen and (min-width: 768px) {
  .section-legal table ul li::before {
    width: 4px;
    height: 4px;
  }
}
.section-legal table p + p {
  margin-top: calc(11rem / 16);
}
@media (max-width: 1728px) {
  .section-legal table p + p {
    margin-top: calc(6rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-resources-main {
  padding-top: calc(95rem / 16);
  padding-bottom: calc(145rem / 16);
}
@media (max-width: 1728px) {
  .section-resources-main {
    padding-top: calc(35rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-resources-main {
    padding-bottom: calc(65rem / 16 + 80 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-main__wrap-top {
  max-width: 585px;
}
.section-resources-main .section-title {
  font-size: calc(72rem / 16);
  padding-bottom: calc(30rem / 16);
  color: #121185;
}
@media (max-width: 1728px) {
  .section-resources-main .section-title {
    font-size: calc(40rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-resources-main .section-title {
    padding-bottom: calc(16rem / 16 + 14 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-main .section-description {
  font-size: calc(24rem / 16);
  color: #353AB0;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-resources-main .section-description {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-resources-main .section-description {
    letter-spacing: normal;
    line-height: 1.2;
  }
}
.section-resources-main__list-cards {
  --sRight: 460px;
  margin-top: calc(68rem / 16);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1728px) {
  .section-resources-main__list-cards {
    margin-top: calc(40rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-resources-main__list-cards {
    gap: 20px;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1201px) {
  .section-resources-main__list-cards {
    gap: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .section-resources-main__left {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .section-resources-main__left {
    width: calc(100% - var(--sRight) - 32px);
  }
}
@media only screen and (min-width: 768px) {
  .section-resources-main__left .card-big .card-post__bg {
    margin-bottom: calc(32rem / 16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .section-resources-main__left .card-big .card-post__bg {
    margin-bottom: calc(32rem / 16 + 0 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1201px) {
  .section-resources-main__left .card-big .card-post__text {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .section-resources-main__left .card-big .card-post__bg {
    aspect-ratio: 2.5/1;
  }
}
@media only screen and (min-width: 1201px) {
  .section-resources-main__left .card-big {
    --pInline: calc(55rem / 16);
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1728px) {
  .section-resources-main__left .card-big {
    --pInline: calc(20rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-main__left .card-big .card-post__title {
  margin-bottom: calc(10rem / 16);
}
@media (max-width: 1728px) {
  .section-resources-main__left .card-big .card-post__title {
    margin-bottom: calc(8rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-resources-main__right {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .section-resources-main__right {
    width: var(--sRight);
  }
}
.section-resources-main__right .card-post .card-post__bg {
  margin-bottom: calc(42rem / 16);
}
@media (max-width: 1728px) {
  .section-resources-main__right .card-post .card-post__bg {
    margin-bottom: calc(32rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-main__right .card-post .card-post__title {
  margin-bottom: calc(20rem / 16);
}
@media (max-width: 1728px) {
  .section-resources-main__right .card-post .card-post__title {
    margin-bottom: calc(8rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-main .card-post {
  --radius: 20px;
  padding-bottom: calc(35rem / 16);
  background-color: #FCF9FE;
  height: 100%;
}
@media (max-width: 1728px) {
  .section-resources-main .card-post {
    padding-bottom: calc(40rem / 16 + -5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-main .card-post .card-post__bg {
  aspect-ratio: 2.5/1;
}
.section-resources-main .card-post .card-post__title {
  font-size: calc(22rem / 16);
  letter-spacing: 0.02em;
  color: #6b34fd !important;
}
@media (max-width: 1728px) {
  .section-resources-main .card-post .card-post__title {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-resources-main .card-post .card-post__title {
    line-height: 1.4;
  }
}
.section-resources-main .card-post .card-post__description {
  font-size: calc(40rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  max-width: 100%;
}
@media (max-width: 1728px) {
  .section-resources-main .card-post .card-post__description {
    font-size: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-main .card-post__text {
  font-size: calc(22rem / 16);
  margin-top: calc(20rem / 16);
  display: block;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-resources-main .card-post__text {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-resources-main .card-post__text {
    margin-top: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-resources-main .card-post__text {
    color: #353ab0;
    line-height: 1.4;
  }
}
.section-resources-main .card-post .link-to-more {
  margin-top: 25px;
}
.section-resources-main.section-hero-lobby {
  padding-bottom: calc(85rem / 16);
}
@media (max-width: 1728px) {
  .section-resources-main.section-hero-lobby {
    padding-bottom: calc(65rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-main.section-hero-lobby .section-resources-main__wrap-top {
  max-width: 100%;
}
.section-resources-main.section-hero-lobby .section-description {
  letter-spacing: 0.02em;
  max-width: 802px;
}

@media only screen and (min-width: 768px) {
  .card-big {
    --pInline: 30px;
  }
}
.card-big__footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1201px) {
  .card-big__footer {
    flex-direction: row;
    gap: 20px;
  }
}
.card-big__footer_left {
  max-width: 336px;
  width: 100%;
}
.card-big__footer_right {
  max-width: 468px;
  width: 100%;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.arrow-css, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body li i, .table-careers thead th.sorted i, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 3px;
  transition: all 0.3s ease;
}
.arrow-css.right, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.right, .marketecture-mobile-item-open__body li i.right, .marketecture-mobile-item-close__header i.right, .marketecture-mobile-item-close__body li i.right, .table-careers thead th.sorted i.right, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.right,
.section-registration .hbsp-form .select2-selection__arrow b.right, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.right {
  transform: rotate(-45deg);
}
.arrow-css.left, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.left, .marketecture-mobile-item-open__body li i.left, .marketecture-mobile-item-close__header i.left, .marketecture-mobile-item-close__body li i.left, .table-careers thead th.sorted i.left, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.left,
.section-registration .hbsp-form .select2-selection__arrow b.left, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.left {
  transform: rotate(135deg);
}
.arrow-css.up, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .marketecture-mobile-item-open__body li i.up, .marketecture-mobile-item-close__header i.up, .marketecture-mobile-item-close__body li i.up, .table-careers thead th.sorted i.up, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.up,
.section-registration .hbsp-form .select2-selection__arrow b.up, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.up, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li.active i, .table-careers thead th.sorted .marketecture-mobile-item-open__body li.active i, .marketecture-mobile-item-open__body li.active .table-careers thead th.sorted i, .marketecture-mobile-item-close__header.active i, .table-careers thead th.sorted .marketecture-mobile-item-close__header.active i, .marketecture-mobile-item-close__header.active .table-careers thead th.sorted i, .marketecture-mobile-item-close__body li.active i, .table-careers thead th.sorted .marketecture-mobile-item-close__body li.active i, .marketecture-mobile-item-close__body li.active .table-careers thead th.sorted i, .page-platform .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b.arrow-css,
.input-wrap-table .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.filter-resources .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b,
.input-wrap-table .section-registration .hbsp-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.filter-resources .select-tags .section-registration .hbsp-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.wrapper-select .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .select-tags .select2-container--default .select2-selection--single .hbsp-form .select2-container--open .select2-selection__arrow b,
.section-registration .hbsp-form .select2-container--open .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .select-tags .hbsp-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-135deg);
}
.arrow-css.down, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.down, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.down, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b.down, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b.down, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.down, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b.down, .marketecture-mobile-item-open__body li i.down, .marketecture-mobile-item-close__header i.down, .marketecture-mobile-item-close__body li i.down, .table-careers thead th.sorted i.down, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.down,
.section-registration .hbsp-form .select2-selection__arrow b.down, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.down, .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b.down, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b.arrow-css, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.arrow-css, .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .wrapper-select .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .wrapper-select .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-wrap-table .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .page-platform .section-registration .hbsp-form .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b,
.filter-resources .section-registration .hbsp-form .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b,
.input-wrap-table .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.filter-resources .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b, .section-registration .select-tags .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .section-registration .select-tags .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .section-registration .select-tags .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-wrap-table .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b.arrow-css, .input-wrap-table .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .wrapper-select .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .wrapper-select .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.wrapper-select .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b, .section-registration .select-tags .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .marketecture-mobile-item-open__body li i.arrow-css, .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body li .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body .marketecture-mobile-item-close__body li i, .table-careers thead th.sorted .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-open__body li .table-careers thead th.sorted i, .marketecture-mobile-item-close__header i.arrow-css, .marketecture-mobile-item-open__body li .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body li .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .marketecture-mobile-item-close__body li i, .table-careers thead th.sorted .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__header .table-careers thead th.sorted i, .marketecture-mobile-item-close__body li i.arrow-css, .marketecture-mobile-item-open__body .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body li .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body li i, .table-careers thead th.sorted .marketecture-mobile-item-close__body li i, .marketecture-mobile-item-close__body li .table-careers thead th.sorted i, .table-careers thead th.sorted i.arrow-css, .marketecture-mobile-item-open__body li .table-careers thead th.sorted i, .table-careers thead th.sorted .marketecture-mobile-item-open__body li i, .marketecture-mobile-item-close__header .table-careers thead th.sorted i, .table-careers thead th.sorted .marketecture-mobile-item-close__header i, .marketecture-mobile-item-close__body li .table-careers thead th.sorted i, .table-careers thead th.sorted .marketecture-mobile-item-close__body li i, .table-careers thead th.sorted i, .page-platform .section-registration .hbsp-form .select2-selection__arrow b.arrow-css, .input-wrap-table .select2-container--default .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .page-platform .section-registration .hbsp-form .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .page-platform .section-registration .hbsp-form .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .select-tags .select2-container--default .select2-selection--single .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .hbsp-form .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b.arrow-css,
.input-wrap-table .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.filter-resources .select-tags .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b,
.filter-resources .section-registration .hbsp-form .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b,
.input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.section-registration .hbsp-form .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.filter-resources .section-registration .hbsp-form .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.wrapper-select .select2-container--default .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b,
.wrapper-select .select2-container--default.select2-container--open .select2-selection--single .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.page-platform .section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select2-selection__arrow b,
.section-registration .select-tags .select2-container--default .select2-selection--single .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b.arrow-css, .input-wrap-table .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .section-registration .select-tags .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .input-wrap-table .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .section-registration .select-tags .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .wrapper-select .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .wrapper-select .select2-container--default .select2-selection--single .select2-selection__arrow b, .wrapper-select .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .wrapper-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .hbsp-form .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .page-platform .section-registration .select-tags .select2-container--default .select2-selection--single .hbsp-form .select2-selection__arrow b,
.section-registration .hbsp-form .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b,
.section-registration .select-tags .select2-container--default .select2-selection--single .hbsp-form .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(45deg);
}

.input-wrap-table, .filter-resources .select-tags, .section-registration .select-tags {
  --color-base: #646464;
  --color-placeholder: #353AB0;
  --opacity: .5;
  --color-bg-input: #EFEDFF;
  --color-bg-input-active: #dddaf9;
  --color-bg-select: #fff;
  --color-border-input: #e5e7ff;
  --color-border-input-active: #353ab0;
  --color-arrow: #6C6C6D;
  --h-input: 60px;
  --padding-inline-input: 16px;
  --radius: 8px;
  font-size: calc(30rem / 16);
  position: relative;
  margin-block: 10px;
}
@media (max-width: 1728px) {
  .input-wrap-table, .filter-resources .select-tags, .section-registration .select-tags {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.input-wrap-table input, .filter-resources .select-tags input, .section-registration .select-tags input {
  font-size: calc(30rem / 16);
  height: var(--h-input);
  border-radius: var(--radius);
  border: none;
  background-color: var(--color-bg-input);
  padding-inline: var(--padding-inline-input);
  color: var(--color-base);
  width: 100%;
  transition: all 0.3s ease;
}
@media (max-width: 1728px) {
  .input-wrap-table input, .filter-resources .select-tags input, .section-registration .select-tags input {
    font-size: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.input-wrap-table input:focus, .filter-resources .select-tags input:focus, .section-registration .select-tags input:focus, .input-wrap-table input:active, .filter-resources .select-tags input:active, .section-registration .select-tags input:active {
  background-color: var(--color-bg-input-active);
}
.input-wrap-table.input-wrap-search, .filter-resources .input-wrap-search.select-tags, .section-registration .input-wrap-search.select-tags {
  position: relative;
}
.input-wrap-table.input-wrap-search .input-search, .filter-resources .input-wrap-search.select-tags .input-search, .section-registration .input-wrap-search.select-tags .input-search {
  border: 1.5px solid var(--color-border-input);
  background-color: var(--color-bg-select);
  padding-right: calc(var(--padding-inline-input) + 40px);
}
.input-wrap-table.input-wrap-search .input-search:focus, .filter-resources .input-wrap-search.select-tags .input-search:focus, .section-registration .input-wrap-search.select-tags .input-search:focus {
  border-color: var(--color-border-input-active);
}
@media only screen and (min-width: 768px) {
  .input-wrap-table.input-wrap-search .input-search:focus, .filter-resources .input-wrap-search.select-tags .input-search:focus, .section-registration .input-wrap-search.select-tags .input-search:focus {
    box-shadow: 3px -3px 20px 0 rgba(18, 17, 133, 0.13);
  }
}
.input-wrap-table.input-wrap-search .btn-search, .filter-resources .input-wrap-search.select-tags .btn-search, .section-registration .input-wrap-search.select-tags .btn-search {
  position: absolute;
  right: calc(var(--padding-inline-input) - 5px);
  top: 54%;
  translate: 0 -50%;
  background: none;
  border: none;
  padding: 5px;
  transition: scale 0.3s ease;
  cursor: pointer;
}
.input-wrap-table.input-wrap-search .btn-search:hover, .filter-resources .input-wrap-search.select-tags .btn-search:hover, .section-registration .input-wrap-search.select-tags .btn-search:hover {
  translate: 0 -50%;
  scale: 1.2;
}
.input-wrap-table.input-wrap-search .btn-search svg, .filter-resources .input-wrap-search.select-tags .btn-search svg, .section-registration .input-wrap-search.select-tags .btn-search svg {
  fill: var(--color-base);
  width: 24px;
  height: 24px;
  transition: fill 0.3s ease;
}
.input-wrap-table.input-wrap-search .btn-search.active svg, .filter-resources .input-wrap-search.select-tags .btn-search.active svg, .section-registration .input-wrap-search.select-tags .btn-search.active svg {
  fill: var(--color-base);
}
.input-wrap-table .select2, .filter-resources .select-tags .select2, .section-registration .select-tags .select2 {
  height: var(--h-input);
  width: 100% !important;
}
.input-wrap-table .select2-container--default .select2-selection--single, .filter-resources .select-tags .select2-container--default .select2-selection--single, .section-registration .select-tags .select2-container--default .select2-selection--single {
  border: 1px solid var(--color-border-input);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  height: 100%;
  background-color: var(--color-bg-select);
  width: 100%;
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__placeholder, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__placeholder, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--color-base);
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: calc(24rem / 16);
  letter-spacing: 0.02em;
  color: var(--color-base);
  padding-inline: 16px;
  padding-block: 15px 15px;
}
@media (max-width: 1728px) {
  .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .input-wrap-table .select2-container--default .select2-selection--single .select2-selection__rendered, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-inline: 24px;
  }
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 15px !important;
  height: 15px !important;
  right: 20px;
  top: calc(50% - 3px) !important;
  transform: translateY(-50%);
}
.input-wrap-table .select2-container--default .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default .select2-selection--single .select2-selection__arrow b {
  padding: 4px;
  border-color: var(--color-arrow);
  transition: all 0.3s ease;
}
.input-wrap-table .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default.select2-container--below .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-base);
}
.input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  top: calc(50% - 1px) !important;
}
.input-wrap-table .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .filter-resources .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .section-registration .select-tags .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-135deg);
  border-color: var(--color-base);
  padding: 4px;
  transition: all 0.3s ease;
}
.input-wrap-table .select2-container--open .select2-dropdown--below, .filter-resources .select-tags .select2-container--open .select2-dropdown--below, .section-registration .select-tags .select2-container--open .select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.input-wrap-table .select2-dropdown, .filter-resources .select-tags .select2-dropdown, .section-registration .select-tags .select2-dropdown {
  margin-top: 0;
  border-width: 1.5px;
  border-style: solid;
  border-color: var(--color-border-input-active);
  box-shadow: 3px -3px 20px 0 rgba(18, 17, 133, 0.13);
  overflow: hidden;
  margin-top: 16px;
  border-radius: 8px !important;
}
.input-wrap-table .select2-dropdown.select2-dropdown--above, .filter-resources .select-tags .select2-dropdown.select2-dropdown--above, .section-registration .select-tags .select2-dropdown.select2-dropdown--above {
  margin-top: -16px;
}
.input-wrap-table .select2-dropdown .select2-results, .filter-resources .select-tags .select2-dropdown .select2-results, .section-registration .select-tags .select2-dropdown .select2-results {
  --width-scrollbar: 0px;
  padding-block: 0;
}
.input-wrap-table .select2-dropdown .select2-results__option, .filter-resources .select-tags .select2-dropdown .select2-results__option, .section-registration .select-tags .select2-dropdown .select2-results__option {
  font-size: 1.125rem;
  padding-inline: var(--padding-inline-input);
  padding-block: 16px;
  color: #121185;
  display: flex;
  align-items: center;
  height: var(--h-input);
}
.input-wrap-table .select2-dropdown .select2-results__option:not(:last-child), .filter-resources .select-tags .select2-dropdown .select2-results__option:not(:last-child), .section-registration .select-tags .select2-dropdown .select2-results__option:not(:last-child) {
  border-bottom: 1px solid var(--color-border-input);
}
.input-wrap-table .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable, .filter-resources .select-tags .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable, .section-registration .select-tags .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(0, 0, 0, 0.02);
}

.show-filter {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #121185;
}
@media only screen and (min-width: 768px) {
  .show-filter {
    flex-direction: row;
    align-items: center;
  }
}
.show-filter__label {
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #121185;
  white-space: nowrap;
}
.show-filter__list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
  position: relative;
}
.show-filter__btn {
  font-size: 1.375rem;
  background: rgba(107, 52, 253, 0.1);
  line-height: 1.4;
  border: none;
  border-radius: 5px;
  padding: 4px 35px 5px 12px;
  color: #6b34fd;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}
.show-filter__btn:hover::before {
  transform: translateY(-55%);
}
.show-filter__btn::before {
  content: "×";
  position: absolute;
  right: 7px;
  top: 50%;
  display: inline-block;
  transform: translateY(-50%);
  font-size: 27px;
  transition: transform 0.3s ease;
}

.filter-resources {
  margin-top: calc(45rem / 16);
  margin-bottom: 45px;
}
@media (max-width: 1728px) {
  .filter-resources {
    margin-top: calc(30rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.filter-resources__top {
  --cGap: calc(32rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--cGap);
  row-gap: 0;
}
@media (max-width: 1728px) {
  .filter-resources__top {
    --cGap: calc(16rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1201px) {
  .filter-resources__top {
    flex-wrap: nowrap;
  }
}
.filter-resources__bottom {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  column-gap: 20px;
  justify-content: space-between;
  visibility: hidden;
  opacity: 0;
  height: 0;
}
@media only screen and (min-width: 768px) {
  .filter-resources__bottom {
    flex-direction: row;
    row-gap: 10px;
    margin-top: 5px;
  }
}
.filter-resources__bottom.active {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.filter-resources .input-wrap-table, .filter-resources .select-tags {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .filter-resources .input-wrap-table, .filter-resources .select-tags {
    width: calc(50% - var(--cGap) / 2);
  }
}
@media only screen and (min-width: 1201px) {
  .filter-resources .input-wrap-table, .filter-resources .select-tags {
    max-width: 361px;
    width: 100%;
  }
}
.filter-resources .input-wrap-search {
  width: 100%;
  max-width: 100%;
}
.filter-resources .wrap-clear-btn {
  max-width: none;
}
.filter-resources .wrap-clear-btn {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .filter-resources .wrap-clear-btn {
    margin-top: 0;
  }
}
.filter-resources .input-wrap-table, .filter-resources .select-tags {
  --color-base: #121185;
  --color-arrow: #121185;
  --padding-inline-input: 16px;
  --radius: 8px;
}
.filter-resources .input-wrap-table.show-filter-wrap, .filter-resources .show-filter-wrap.select-tags {
  max-width: none;
}
.filter-resources .input-wrap-table input, .filter-resources .select-tags input {
  border-width: 1.5px;
}
.filter-resources .input-wrap-table .select2-selection--single, .filter-resources .select-tags .select2-selection--single {
  border-radius: var(--radius) !important;
}
.filter-resources .input-wrap-table .select2-container, .filter-resources .select-tags .select2-container {
  width: 100% !important;
}
.filter-resources .input-wrap-table .select2-container--below .select2-selection, .filter-resources .select-tags .select2-container--below .select2-selection {
  border: 1.5px solid #353ab0;
}
.filter-resources .input-wrap-table input, .filter-resources .select-tags input,
.filter-resources .input-wrap-table .select2-selection__placeholder,
.filter-resources .select-tags .select2-selection__placeholder {
  font-size: calc(24rem / 16);
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .filter-resources .input-wrap-table input, .filter-resources .select-tags input,
  .filter-resources .input-wrap-table .select2-selection__placeholder,
  .filter-resources .select-tags .select2-selection__placeholder {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.filter-resources .input-wrap-table.input-wrap-search .btn-search svg, .filter-resources .input-wrap-search.select-tags .btn-search svg {
  width: 16px;
  height: 16px;
}
.filter-resources .input-wrap-table input, .filter-resources .select-tags input {
  padding-block: 15px 15px;
}
.filter-resources .input-wrap-table .select2-dropdown .select2-results__option:not(:last-child), .filter-resources .select-tags .select2-dropdown .select2-results__option:not(:last-child) {
  border-bottom: none;
}
.filter-resources .input-wrap-table .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable, .filter-resources .select-tags .select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #efedff;
  color: #121185 !important;
}
.filter-resources .input-wrap-table .select2-dropdown .select2-results__option--selected, .filter-resources .select-tags .select2-dropdown .select2-results__option--selected {
  color: #6b34fd !important;
}
.filter-resources__clear-btn {
  border: none;
  background: none;
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #353ab0;
  transition: color 0.3s ease;
  white-space: nowrap;
  padding-inline: 0;
  cursor: pointer;
}
.filter-resources__clear-btn:hover {
  color: #6b34fd;
}
.filter-resources .select-gropoptions .select2-results__option--group {
  display: list-item;
  padding-inline: 0;
  padding-block: 0 !important;
  height: auto;
}
.filter-resources .select-gropoptions .select2-results__group {
  padding-inline: var(--padding-inline-input);
  padding-block: 16px;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
.filter-resources .wrap-select-tags {
  position: relative;
}
.filter-resources .select-tags {
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 16px;
  row-gap: 10px;
}
@media only screen and (min-width: 768px) {
  .filter-resources .select-tags {
    flex-direction: row;
    align-items: center;
  }
}
.filter-resources .select-tags .select2-dropdown {
  border-radius: 8px;
}
.filter-resources .select-tags label {
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #121185;
  white-space: nowrap;
}
.filter-resources .select-tags.without-search .select2-search {
  display: none;
}
.filter-resources .select-tags .select2 {
  height: auto;
}
.filter-resources .select-tags .select2-selection--multiple {
  z-index: 2;
  border: none;
  background-color: rgba(255, 255, 255, 0);
  margin-top: -35px;
  padding-top: 35px;
  min-width: 150px;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .filter-resources .select-tags .select2-selection--multiple {
    min-width: auto;
    margin-top: 0;
    padding-top: 0;
    padding-left: 137px;
    margin-left: -137px;
  }
}
.filter-resources .select-tags .dop-label-select-tags {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #401EFF;
  font-weight: 500;
  max-width: inherit;
  text-align: left;
}
.filter-resources .select-tags .select2-selection__rendered {
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 10px;
}
.filter-resources .select-tags .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  border: none;
  background: rgba(107, 52, 253, 0.1);
  color: #401EFF;
  padding-block: 5px;
  padding-inline: 10px 25px;
  border-radius: 8px;
  height: 40px;
  margin-left: 0;
}
.filter-resources .select-tags .select2-selection__choice__remove {
  font-size: 27px;
  font-weight: 400;
  right: 5px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  color: rgba(64, 30, 255, 0.8);
}
.filter-resources .select-tags .select2-selection__choice__remove:hover {
  background: none;
  color: #401eff;
}
.filter-resources .select-tags .select2-selection__choice__display {
  font-size: 1.375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #6b34fd;
  padding-right: 13px;
}

.pagination-show-more {
  margin-top: calc(50rem / 16);
  display: flex;
  justify-content: center;
}
@media (max-width: 1728px) {
  .pagination-show-more {
    margin-top: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.pagination-show-more .btn.hidden,
.pagination-show-more .section-registration .hbsp-form .hs-submit .hidden.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .pagination-show-more .hidden.wrap-btn-hbsp-submit {
  display: none;
}

.show-more-tab-pagination {
  display: none !important;
}
.show-more-tab-pagination.active {
  display: inline-flex !important;
}

body.lobby-res .section-resources-filter .grid-list-cards {
  margin-top: 5em;
}

.section-resources-filter {
  padding-top: calc(135rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-resources-filter {
    padding-top: calc(55rem / 16 + 80 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-filter .section-title {
  font-size: calc(62rem / 16);
  color: #121185;
}
@media (max-width: 1728px) {
  .section-resources-filter .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-resources-filter .card-post {
  background-color: #FCF9FE;
}
.section-resources-filter .pagination {
  padding-top: calc(30rem / 16);
  margin-top: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .section-resources-filter .pagination {
    padding-top: calc(25rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-resources-filter .pagination {
    margin-top: calc(0rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-resources-filter .pagination {
    display: none;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-light-info.light-theme, .section-light-info {
  padding-top: calc(126rem / 16);
  padding-bottom: calc(144rem / 16);
  background-image: var(--urlBgMob), linear-gradient(#f0effd, #f0effd);
  background-position: right top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
@media (max-width: 1728px) {
  .section-light-info.light-theme, .section-light-info {
    padding-top: calc(130rem / 16 + -4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-light-info.light-theme, .section-light-info {
    padding-bottom: calc(65rem / 16 + 79 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-light-info.light-theme, .section-light-info {
    background-image: var(--urlBgDesk), linear-gradient(#f0effd, #f0effd);
  }
}
.section-light-info.light-theme__wrap-content, .section-light-info__wrap-content {
  max-width: 880px;
  width: 95%;
}
@media only screen and (min-width: 768px) {
  .section-light-info.light-theme__wrap-content, .section-light-info__wrap-content {
    width: 60%;
  }
}
.section-light-info.light-theme .section-title, .section-light-info .section-title {
  font-size: calc(62rem / 16);
  color: #121185;
  line-height: 1.05;
}
@media (max-width: 1728px) {
  .section-light-info.light-theme .section-title, .section-light-info .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-light-info.light-theme .section-title, .section-light-info .section-title {
    line-height: 1.07;
  }
}
.section-light-info.light-theme .section-description, .section-light-info .section-description {
  font-size: calc(30rem / 16);
  margin-top: calc(18rem / 16);
  padding-top: 0;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-light-info.light-theme .section-description, .section-light-info .section-description {
    font-size: calc(18rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-light-info.light-theme .section-description, .section-light-info .section-description {
    margin-top: calc(5rem / 16 + 13 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-light-info.light-theme .section-description, .section-light-info .section-description {
    line-height: 1.2;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-chess-order {
  padding-top: calc(0rem / 16);
  padding-bottom: calc(0rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-chess-order {
    padding-top: calc(30rem / 16 + -30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-chess-order {
    padding-bottom: calc(30rem / 16 + -30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-chess-order__item {
  gap: calc(40rem / 16);
  padding-block: calc(75rem / 16);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1728px) {
  .section-chess-order__item {
    gap: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-chess-order__item {
    padding-block: calc(45rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-chess-order__item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .section-chess-order__item:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.section-chess-order__item_text-wrap {
  max-width: 581px;
  width: 100%;
}
.section-chess-order__item_title {
  font-size: calc(62rem / 16);
  font-size: 2rem;
  font-weight: 500;
  color: #121185;
  line-height: 1.05;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-chess-order__item_title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-chess-order__item_visual-content {
  border-radius: calc(18rem / 16);
  max-width: 674px;
  width: 100%;
  box-shadow: inset 0 4px 15px 0 rgba(18, 17, 133, 0.04);
  background: linear-gradient(347deg, #d6d8ff 0%, #ecedfb 58.2%);
}
@media (max-width: 1728px) {
  .section-chess-order__item_visual-content {
    border-radius: calc(8rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-chess-order__item_visual-content img {
  width: 100%;
  display: block;
}
.section-chess-order__item_description {
  font-size: calc(22rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-chess-order__item_description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-chess-order__item_description {
    margin-top: calc(40rem / 16);
    line-height: 1.4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .section-chess-order__item_description {
    margin-top: calc(0rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-chess-order__item_description.for-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .section-chess-order__item_description.for-desktop {
    display: block;
  }
}
.section-chess-order__item_description.for-mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .section-chess-order__item_description.for-mobile {
    display: none;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.wrap-table-radius {
  --radius: calc(16rem / 16);
  border-radius: var(--radius);
  overflow: hidden;
}
@media (max-width: 1728px) {
  .wrap-table-radius {
    --radius: calc(4rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .wrap-table-radius {
    border: 1.5px solid #353ab0;
  }
}

.table-service {
  table-layout: fixed;
  text-align: left;
  width: 100%;
  background-color: #fcf9fe;
  color: #121185;
}
@media only screen and (min-width: 768px) {
  .table-service .for-mobile {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .table-service .for-desktop {
    display: none;
  }
}
.table-service__wrap {
  overflow-x: auto;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .table-service__wrap {
    margin-inline: -20px;
  }
}
.table-service caption {
  font-size: 0;
}
.table-service .col-head {
  width: 16.115%;
}
.table-service .col-first {
  width: 27.44%;
}
.table-service .col-medium {
  width: 28.125%;
  background: rgba(164, 147, 255, 0.12);
}
.table-service .col-premium {
  width: 28.32%;
  background: rgba(164, 147, 255, 0.25);
}
.table-service tbody:not(:last-child),
.table-service thead {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  border-bottom: 1px solid #353ab0;
}
.table-service thead {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: 1.26;
  letter-spacing: 0.05em;
}
@media (max-width: 1728px) {
  .table-service thead {
    font-size: calc(12rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service thead {
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.table-service thead th {
  padding-top: calc(25rem / 16);
  padding-bottom: calc(22rem / 16);
  padding-left: calc(23rem / 16);
  padding-right: calc(45rem / 16);
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-top: calc(8rem / 16 + 17 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-bottom: calc(6rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-left: calc(8rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service thead th {
    padding-right: calc(8rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service thead th {
    width: 33.33%;
  }
  .table-service thead th span {
    display: inline-block;
    width: min-content;
  }
  .table-service thead th:not(:first-child) {
    border-left: 1px solid #353ab0;
  }
}
.table-service tbody {
  font-size: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .table-service tbody {
    font-size: calc(14rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service tbody th {
  font-size: calc(22rem / 16);
  font-weight: 500;
  line-height: 1.26;
  letter-spacing: 0.05em;
  padding-block: 8px;
}
@media (max-width: 1728px) {
  .table-service tbody th {
    font-size: calc(12rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service tbody th {
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.table-service tbody tr td[rowspan] {
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .table-service tbody tr td[rowspan] {
    border-right: 1px solid rgba(204, 204, 204, 0.5);
    border-right: 1px solid #353ab0;
  }
}
@media only screen and (max-width: 767px) {
  .table-service tbody tr:first-child {
    background: #f6f5ff;
  }
}
.table-service tbody tr:not(:last-child) {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
@media only screen and (min-width: 768px) {
  .table-service tbody tr:not(:last-child) {
    border-bottom: 1px solid #E5E7FF;
  }
}
.table-service tbody tr:last-child td {
  vertical-align: baseline;
}
.table-service tbody:last-child tr:last-child td {
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .table-service tbody:last-child tr:last-child td {
    border-bottom: none;
  }
}
.table-service tbody tr th + td + td,
.table-service tbody tr td:nth-child(2):not(th + td),
.table-service tbody tr td:last-child {
  padding-inline: calc(45rem / 16);
}
@media (max-width: 1728px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(8rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(45rem / 16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1728px) {
  .table-service tbody tr th + td + td,
  .table-service tbody tr td:nth-child(2):not(th + td),
  .table-service tbody tr td:last-child {
    padding-inline: calc(0rem / 16 + 45 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service th {
  padding-left: calc(24rem / 16);
}
@media (max-width: 1728px) {
  .table-service th {
    padding-left: calc(8rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.table-service td {
  font-size: calc(20rem / 16);
  padding-inline: calc(24rem / 16);
  padding-top: calc(12rem / 16);
  padding-bottom: calc(12rem / 16);
  line-height: 1.26;
  letter-spacing: 0.05em;
  vertical-align: middle;
}
@media (max-width: 1728px) {
  .table-service td {
    font-size: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-inline: calc(8rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-top: calc(10rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .table-service td {
    padding-bottom: calc(6rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service td {
    border-block: 1px solid #353ab0;
  }
  .table-service td:not(:first-child):not(th + td) {
    border-left: 1px solid #353ab0;
  }
  .table-service td span {
    display: inline-block;
    width: min-content;
  }
}
@media only screen and (min-width: 768px) {
  .table-service td {
    line-height: 1.35;
    letter-spacing: 0.02em;
  }
}
.table-service td img {
  --size: calc(28rem / 16);
  --size: 28px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 1728px) {
  .table-service td img {
    --size: calc(20rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .table-service td img {
    margin-inline: auto;
  }
}
.table-service .wrap-icon-text {
  display: flex;
  flex-direction: column;
  column-gap: 10px;
  margin-inline: auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .table-service .wrap-icon-text {
    flex-direction: row;
    align-items: center;
  }
}

.section-table-support {
  padding-top: calc(90rem / 16);
  padding-bottom: calc(140rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-table-support {
    padding-top: calc(60rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-table-support {
    padding-bottom: calc(65rem / 16 + 75 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-table-support .section-title {
  font-size: calc(62rem / 16);
  color: #121185;
}
@media (max-width: 1728px) {
  .section-table-support .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-table-support .wrap-table-support {
  margin-top: calc(60rem / 16);
}
@media (max-width: 1728px) {
  .section-table-support .wrap-table-support {
    margin-top: calc(30rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-table-support .table-service .col-head {
  width: 17.92%;
}
.section-table-support .table-service .col-first {
  width: 29.58%;
}
.section-table-support .table-service .col-medium {
  width: 26.25%;
  background: rgba(164, 147, 255, 0.12);
}
.section-table-support .table-service .col-premium {
  width: 26.25%;
  background: rgba(164, 147, 255, 0.25);
}
.section-table-support .table-service thead th {
  padding: calc(32rem / 16);
}
@media (max-width: 1728px) {
  .section-table-support .table-service thead th {
    padding: calc(8rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-table-support .table-service th {
  padding-left: calc(32rem / 16);
}
@media (max-width: 1728px) {
  .section-table-support .table-service th {
    padding-left: calc(8rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-table-support .table-service td {
  padding-inline: calc(45rem / 16);
}
@media (max-width: 1728px) {
  .section-table-support .table-service td {
    padding-inline: calc(8rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-table-support .table-service tbody tr:last-child td {
  vertical-align: top;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.card-contact {
  padding-top: calc(40rem / 16);
  padding-bottom: calc(43rem / 16);
  padding-inline: calc(40rem / 16);
  gap: calc(45rem / 16);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  background: #fff;
  border-radius: 16px;
}
@media (max-width: 1728px) {
  .card-contact {
    padding-top: calc(28rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-contact {
    padding-bottom: calc(32rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-contact {
    padding-inline: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-contact {
    gap: calc(20rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .card-contact__inner-wrap {
    display: flex;
    gap: 16px;
  }
}
.card-contact__icon {
  --size: 80;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
}
@media only screen and (min-width: 768px) {
  .card-contact__icon {
    margin-bottom: 8px;
  }
}
.card-contact__title {
  font-size: calc(35rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #121185;
}
@media (max-width: 1728px) {
  .card-contact__title {
    font-size: calc(24rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-contact__description {
  font-size: calc(20rem / 16);
  margin-top: calc(16rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-contact__description {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-contact__description {
    margin-top: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-contact__description {
    opacity: 0.8;
    line-height: normal;
  }
}
.card-contact .btn,
.card-contact .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-contact .wrap-btn-hbsp-submit {
  font-size: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #6b34fd;
  margin-block: 0;
  padding-block: 5px;
  margin-left: 96px;
}
@media (max-width: 1728px) {
  .card-contact .btn,
  .card-contact .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-contact .wrap-btn-hbsp-submit {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-contact .btn,
  .card-contact .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .card-contact .wrap-btn-hbsp-submit {
    line-height: 1.6;
    margin-left: 0;
  }
}

.section-contact-us {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
  background: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-contact-us {
    padding-top: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-contact-us {
    padding-bottom: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-contact-us .section-description-top {
  font-size: calc(24rem / 16);
  margin-bottom: calc(16rem / 16);
  letter-spacing: 0.02em;
  color: #6b34fd;
}
@media (max-width: 1728px) {
  .section-contact-us .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-contact-us .section-description-top {
    margin-bottom: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-contact-us .section-title {
  font-size: calc(62rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #121185;
  padding-bottom: 20px;
}
@media (max-width: 1728px) {
  .section-contact-us .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-contact-us .section-title {
    line-height: 1.07;
  }
}
.section-contact-us__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (min-width: 1025px) {
  .section-contact-us__wrapper {
    flex-direction: row;
  }
}
.section-contact-us__wrap-text {
  max-width: 562px;
  width: 100%;
}
.section-contact-us .contact-list {
  --gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  max-width: 794px;
  width: 100%;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-contact-us .contact-list {
    --gap: calc(16rem / 16 + 14 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .section-contact-us .contact-list {
    min-width: 700px;
  }
}
.section-contact-us .contact-list__item {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-contact-us .contact-list__item {
    width: calc(50% - var(--gap) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .section-contact-us .contact-list .card-contact__description {
    max-width: 250px;
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.tabs__content {
  display: none;
}

.tabs__content.active {
  display: block;
}

.tabs__caption {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 20px;
  padding-top: 20px;
}
.tabs__caption li {
  color: #555;
  cursor: pointer;
  letter-spacing: -0.5px;
}
.tabs__caption .active {
  position: relative;
}
.tabs__caption .active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.list-card-partner {
  --gap: calc(40rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  max-width: 1250px;
  margin-inline: auto;
}
@media (max-width: 1728px) {
  .list-card-partner {
    --gap: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.list-card-partner .card-partner {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .list-card-partner .card-partner {
    width: calc(50% - var(--gap) / 2);
  }
}
@media only screen and (min-width: 1201px) {
  .list-card-partner .card-partner {
    width: calc(33.33% - var(--gap) / 1.5);
  }
}

.wrap-lobby-card-news {
  max-width: 1250px;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .wrap-lobby-card-news {
    gap: 55px;
  }
}
.wrap-lobby-card-news .card-partner__title {
  line-height: normal;
}
@media only screen and (min-width: 768px) {
  .wrap-lobby-card-news .card-partner__title {
    line-height: 1.2;
  }
}
.wrap-lobby-card-news .card-partner .btn,
.wrap-lobby-card-news .card-partner .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-lobby-card-news .card-partner .wrap-btn-hbsp-submit {
  margin-top: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .wrap-lobby-card-news .card-partner .btn,
  .wrap-lobby-card-news .card-partner .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-lobby-card-news .card-partner .wrap-btn-hbsp-submit {
    margin-top: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.card-partner {
  padding-block: calc(36rem / 16);
  padding-inline: calc(32rem / 16);
  border-radius: calc(20rem / 16);
  color: #353ab0;
  background: #fff;
  box-shadow: 4px -4px 30px 0 rgba(18, 17, 133, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1728px) {
  .card-partner {
    padding-block: calc(32rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner {
    padding-inline: calc(30rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner {
    border-radius: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-partner.hidden {
  display: none;
}
@media only screen and (min-width: 768px) {
  .card-partner {
    box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  }
}
.card-partner__date {
  font-size: calc(20rem / 16);
  margin-bottom: calc(13rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-partner__date {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner__date {
    margin-bottom: calc(15rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-partner__logo {
  max-width: 220px;
  margin-bottom: 30px;
}
.card-partner__title {
  color: #121185;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
}
.card-partner__description {
  font-size: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-partner__description {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-partner__description {
    line-height: 1.34;
  }
}
.card-partner__description + .card-partner__description {
  margin-top: 5px;
}
.card-partner__job-title {
  --size-icon: 15px;
  font-size: calc(20rem / 16);
  margin-top: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1728px) {
  .card-partner__job-title {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner__job-title {
    margin-top: calc(17rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-partner__job-title {
    line-height: normal;
    --size-icon: 18px;
  }
}
.card-partner__job-title img {
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
}
.card-partner__countries {
  --size-icon: 24px;
  font-size: calc(20rem / 16);
  column-gap: calc(10rem / 16);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.33;
  margin-top: 16px;
  row-gap: 10px;
}
@media (max-width: 1728px) {
  .card-partner__countries {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner__countries {
    column-gap: calc(14rem / 16 + -4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-partner__countries {
    --size-icon: 31px;
    line-height: 1.34;
    gap: 16px;
  }
}
.card-partner__countries li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card-partner__countries img {
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
}
.card-partner__icon-flag {
  --wIcon: calc(30rem / 16);
  width: var(--wIcon);
  min-width: var(--wIcon);
}
@media (max-width: 1728px) {
  .card-partner__icon-flag {
    --wIcon: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-partner__icon-flag img {
  width: 100%;
  height: auto;
}
.card-partner__more {
  font-size: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: rgba(53, 58, 176, 0.5);
}
@media (max-width: 1728px) {
  .card-partner__more {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-partner__more {
    line-height: 1.34;
  }
}
.card-partner .btn,
.card-partner .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-partner .wrap-btn-hbsp-submit {
  padding: 0;
  margin: 0;
  margin-top: 35px;
}

.section-partners {
  padding-top: calc(126rem / 16);
  padding-bottom: calc(134rem / 16);
}
@media (max-width: 1728px) {
  .section-partners {
    padding-top: calc(56rem / 16 + 70 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-partners {
    padding-bottom: calc(50rem / 16 + 84 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partners__select-filter {
  margin-block: 25px 0;
}
@media only screen and (min-width: 768px) {
  .section-partners__select-filter {
    display: none;
  }
}
.section-partners__filter {
  display: none;
  margin-bottom: 0;
  padding-block: 0;
}
@media only screen and (min-width: 768px) {
  .section-partners__filter {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 15px;
  }
  .section-partners__filter .btn,
  .section-partners__filter .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-partners__filter .wrap-btn-hbsp-submit {
    padding-block: 14px;
    margin: 0;
    padding-block: 13px;
    padding-inline: 22px;
  }
  .section-partners__filter .btn:not(.active),
  .section-partners__filter .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:not(.active),
  .section-registration .hbsp-form .hs-submit .section-partners__filter .wrap-btn-hbsp-submit:not(.active) {
    background: none;
    color: #6b34fd;
    border: 2px solid #6b34fd;
  }
  .section-partners__filter .btn:hover,
  .section-partners__filter .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:hover,
  .section-registration .hbsp-form .hs-submit .section-partners__filter .wrap-btn-hbsp-submit:hover, .section-partners__filter .btn.active,
  .section-partners__filter .section-registration .hbsp-form .hs-submit .active.wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-partners__filter .active.wrap-btn-hbsp-submit {
    color: #fff;
    border: 2px solid #6b34fd;
    background-color: #6b34fd;
  }
}
.section-partners__list {
  margin-top: calc(80rem / 16);
}
@media (max-width: 1728px) {
  .section-partners__list {
    margin-top: calc(40rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partners__wrap-btn {
  margin-top: calc(70rem / 16);
  display: flex;
  justify-content: center;
}
@media (max-width: 1728px) {
  .section-partners__wrap-btn {
    margin-top: calc(46rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-integrations {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-integrations {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-integrations__wrapper {
  max-width: 1550px;
}
.section-integrations .section-title {
  font-size: calc(72rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-integrations .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-integrations__wrap-select-change-tab {
  margin-block: 25px 0;
}
@media only screen and (min-width: 768px) {
  .section-integrations__wrap-select-change-tab {
    display: none;
  }
}
.section-integrations__tabs-caption {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .section-integrations__tabs-caption {
    display: none !important;
  }
}
.section-integrations .section-partners__filter, .section-integrations__tabs-caption {
  margin-top: calc(23rem / 16);
  gap: 17px;
}
@media (max-width: 1728px) {
  .section-integrations .section-partners__filter, .section-integrations__tabs-caption {
    margin-top: calc(32rem / 16 + -9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-integrations .section-partners__filter .btn,
.section-integrations .section-partners__filter .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-integrations .section-partners__filter .wrap-btn-hbsp-submit, .section-integrations__tabs-caption .btn,
.section-integrations__tabs-caption .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-integrations__tabs-caption .wrap-btn-hbsp-submit {
  padding-block: 14px;
  padding-inline: 22px;
  border: 2px solid #6b34fd;
  margin: 0;
}
.section-integrations .section-partners__filter .btn.active,
.section-integrations .section-partners__filter .section-registration .hbsp-form .hs-submit .active.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-integrations .section-partners__filter .active.wrap-btn-hbsp-submit, .section-integrations__tabs-caption .btn.active,
.section-integrations__tabs-caption .section-registration .hbsp-form .hs-submit .active.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-integrations__tabs-caption .active.wrap-btn-hbsp-submit {
  color: #fff;
}
.section-integrations .section-partners__filter .btn:not(.active),
.section-integrations .section-partners__filter .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:not(.active),
.section-registration .hbsp-form .hs-submit .section-integrations .section-partners__filter .wrap-btn-hbsp-submit:not(.active), .section-integrations__tabs-caption .btn:not(.active),
.section-integrations__tabs-caption .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:not(.active),
.section-registration .hbsp-form .hs-submit .section-integrations__tabs-caption .wrap-btn-hbsp-submit:not(.active) {
  padding-block: 13px;
  padding-inline: 22px;
  background: none;
  color: #6b34fd;
}

.integration-view {
  border-radius: calc(16rem / 16);
  padding-top: calc(78rem / 16);
  padding-bottom: calc(80rem / 16);
  padding-left: calc(105rem / 16);
  padding-right: calc(83rem / 16);
  margin-top: calc(80rem / 16);
  font-size: calc(22rem / 16);
  background-color: #FCF9FE;
  color: #353AB0;
  line-height: 1.33;
  letter-spacing: 0.02em;
  row-gap: 56px;
}
@media (max-width: 1728px) {
  .integration-view {
    border-radius: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    padding-top: calc(40rem / 16 + 38 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    padding-bottom: calc(40rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    padding-left: calc(24rem / 16 + 81 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    padding-right: calc(24rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    margin-top: calc(24rem / 16 + 56 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .integration-view {
    line-height: 1.4;
    border: 1.13px solid rgba(255, 255, 255, 0.09);
    box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  }
}
.integration-view__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 56px;
  column-gap: 35px;
}
@media only screen and (min-width: 768px) {
  .integration-view__wrapper {
    flex-direction: row;
  }
}
.integration-view__left {
  max-width: 547px;
  width: 100%;
}
.integration-view__right {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .integration-view__right {
    max-width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .integration-view__right {
    max-width: 55%;
  }
}
@media only screen and (min-width: 1400px) {
  .integration-view__right {
    max-width: 679px;
  }
}
.integration-view__description-top {
  font-size: 1rem;
  margin-bottom: 12px;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #6b34fd;
}
@media only screen and (min-width: 768px) {
  .integration-view__description-top {
    display: none;
  }
}
.integration-view__title {
  margin-bottom: calc(30rem / 16);
  font-size: calc(40rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #121185;
}
@media (max-width: 1728px) {
  .integration-view__title {
    margin-bottom: calc(16rem / 16 + 14 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view__title {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.integration-view .btn,
.integration-view .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .integration-view .wrap-btn-hbsp-submit {
  margin-top: calc(65rem / 16);
  margin-bottom: 0;
}
@media (max-width: 1728px) {
  .integration-view .btn,
  .integration-view .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .integration-view .wrap-btn-hbsp-submit {
    margin-top: calc(56rem / 16 + 9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.slider-integration {
   --mBlock: calc(3rem / 16);
}
@media (max-width: 1728px) {
  .slider-integration {
     --mBlock: calc(12rem / 16 + -9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.slider-integration__pagination {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) {
  .slider-integration__pagination {
    margin-top: 27px;
  }
}

.card-integration {
  font-size: calc(20rem / 16);
  padding-top: calc(35rem / 16);
  padding-bottom: calc(11rem / 16);
  padding-inline: 8px;
  line-height: 1.34;
  letter-spacing: 0.02em;
  text-align: center;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-integration {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-integration {
    padding-top: calc(8rem / 16 + 27 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-integration {
    padding-bottom: calc(8rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-integration__bg {
  margin-bottom: calc(30rem / 16);
  max-width: 125px;
  margin-inline: auto;
  aspect-ratio: 1/0.752;
  position: relative;
}
@media (max-width: 1728px) {
  .card-integration__bg {
    margin-bottom: calc(8rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-integration__bg img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: center;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.list-card-partner {
  --gap: calc(40rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  max-width: 1250px;
  margin-inline: auto;
}
@media (max-width: 1728px) {
  .list-card-partner {
    --gap: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.list-card-partner .card-partner {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .list-card-partner .card-partner {
    width: calc(50% - var(--gap) / 2);
  }
}
@media only screen and (min-width: 1201px) {
  .list-card-partner .card-partner {
    width: calc(33.33% - var(--gap) / 1.5);
  }
}

.wrap-lobby-card-news {
  max-width: 1250px;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .wrap-lobby-card-news {
    gap: 55px;
  }
}
.wrap-lobby-card-news .card-partner__title {
  line-height: normal;
}
@media only screen and (min-width: 768px) {
  .wrap-lobby-card-news .card-partner__title {
    line-height: 1.2;
  }
}
.wrap-lobby-card-news .card-partner .btn,
.wrap-lobby-card-news .card-partner .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .wrap-lobby-card-news .card-partner .wrap-btn-hbsp-submit {
  margin-top: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .wrap-lobby-card-news .card-partner .btn,
  .wrap-lobby-card-news .card-partner .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .wrap-lobby-card-news .card-partner .wrap-btn-hbsp-submit {
    margin-top: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.card-partner {
  padding-block: calc(36rem / 16);
  padding-inline: calc(32rem / 16);
  border-radius: calc(20rem / 16);
  color: #353ab0;
  background: #fff;
  box-shadow: 4px -4px 30px 0 rgba(18, 17, 133, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1728px) {
  .card-partner {
    padding-block: calc(32rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner {
    padding-inline: calc(30rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner {
    border-radius: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-partner.hidden {
  display: none;
}
@media only screen and (min-width: 768px) {
  .card-partner {
    box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  }
}
.card-partner__date {
  font-size: calc(20rem / 16);
  margin-bottom: calc(13rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-partner__date {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner__date {
    margin-bottom: calc(15rem / 16 + -2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-partner__logo {
  max-width: 220px;
  margin-bottom: 30px;
}
.card-partner__title {
  color: #121185;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
}
.card-partner__description {
  font-size: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-partner__description {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-partner__description {
    line-height: 1.34;
  }
}
.card-partner__description + .card-partner__description {
  margin-top: 5px;
}
.card-partner__job-title {
  --size-icon: 15px;
  font-size: calc(20rem / 16);
  margin-top: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1728px) {
  .card-partner__job-title {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner__job-title {
    margin-top: calc(17rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-partner__job-title {
    line-height: normal;
    --size-icon: 18px;
  }
}
.card-partner__job-title img {
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
}
.card-partner__countries {
  --size-icon: 24px;
  font-size: calc(20rem / 16);
  column-gap: calc(10rem / 16);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.33;
  margin-top: 16px;
  row-gap: 10px;
}
@media (max-width: 1728px) {
  .card-partner__countries {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-partner__countries {
    column-gap: calc(14rem / 16 + -4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-partner__countries {
    --size-icon: 31px;
    line-height: 1.34;
    gap: 16px;
  }
}
.card-partner__countries li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card-partner__countries img {
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
}
.card-partner__icon-flag {
  --wIcon: calc(30rem / 16);
  width: var(--wIcon);
  min-width: var(--wIcon);
}
@media (max-width: 1728px) {
  .card-partner__icon-flag {
    --wIcon: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-partner__icon-flag img {
  width: 100%;
  height: auto;
}
.card-partner__more {
  font-size: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: rgba(53, 58, 176, 0.5);
}
@media (max-width: 1728px) {
  .card-partner__more {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-partner__more {
    line-height: 1.34;
  }
}
.card-partner .btn,
.card-partner .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-partner .wrap-btn-hbsp-submit {
  padding: 0;
  margin: 0;
  margin-top: 35px;
}

.section-partners-find {
  padding-top: calc(55rem / 16);
  padding-bottom: calc(90rem / 16);
}
@media (max-width: 1728px) {
  .section-partners-find {
    padding-top: calc(30rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-partners-find {
    padding-bottom: calc(32rem / 16 + 58 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partners-find .filter-resources {
  --gap: calc(30rem / 16);
  margin-block: calc(35rem / 16);
}
@media (max-width: 1728px) {
  .section-partners-find .filter-resources {
    --gap: calc(5rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-partners-find .filter-resources {
    margin-block: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-partners-find .filter-resources .input-wrap-table, .section-partners-find .filter-resources .select-tags {
  margin-block: 5px;
}
.section-partners-find .navigation.pagination {
  padding-top: calc(44rem / 16);
}
@media (max-width: 1728px) {
  .section-partners-find .navigation.pagination {
    padding-top: calc(64rem / 16 + -20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-text-individual {
  padding-top: calc(126rem / 16);
  padding-bottom: calc(144rem / 16);
  font-size: calc(22rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-text-individual {
    padding-top: calc(56rem / 16 + 70 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-text-individual {
    padding-bottom: calc(67rem / 16 + 77 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-text-individual {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-text-individual {
    line-height: 1.4;
  }
}
.section-text-individual__wrap-text-content {
  max-width: 687px;
}
.section-text-individual__inner-title,
.section-text-individual .section-title {
  color: #121185;
}
.section-text-individual .section-title {
  padding-bottom: 0;
}
.section-text-individual__inner-title {
  font-size: calc(35rem / 16);
  margin-top: calc(64rem / 16);
}
@media (max-width: 1728px) {
  .section-text-individual__inner-title {
    font-size: calc(24rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-text-individual__inner-title {
    margin-top: calc(56rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-text-individual p {
  margin-top: calc(32rem / 16);
}
@media (max-width: 1728px) {
  .section-text-individual p {
    margin-top: calc(16rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.grid-list-cards {
  --minWCard: 300px;
  --cGap: calc(47rem / 16);
  --rGap: calc(62rem / 16);
  display: grid;
  column-gap: var(--cGap);
  row-gap: var(--rGap);
  grid-template-columns: repeat(auto-fill, minmax(var(--minWCard), 1fr));
}
@media (max-width: 1728px) {
  .grid-list-cards {
    --cGap: calc(0rem / 16 + 47 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .grid-list-cards {
    --rGap: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 389px) {
  .grid-list-cards {
    --minWCard: 280px;
  }
}
.grid-list-cards + .btn,
.section-registration .hbsp-form .hs-submit .grid-list-cards + .wrap-btn-hbsp-submit {
  margin-top: calc(60rem / 16);
  font-size: calc(14rem / 16);
  width: 100%;
  font-weight: 500;
  letter-spacing: 0.02em;
  border-radius: 5px;
  padding-block: 18px;
}
@media (max-width: 1728px) {
  .grid-list-cards + .btn,
  .section-registration .hbsp-form .hs-submit .grid-list-cards + .wrap-btn-hbsp-submit {
    margin-top: calc(40rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .grid-list-cards + .btn,
  .section-registration .hbsp-form .hs-submit .grid-list-cards + .wrap-btn-hbsp-submit {
    font-size: calc(18rem / 16 + -4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .grid-list-cards + .btn,
  .section-registration .hbsp-form .hs-submit .grid-list-cards + .wrap-btn-hbsp-submit {
    font-weight: 400;
    letter-spacing: 0.05em;
    border-radius: 10px;
  }
}

.section-resources-filter .grid-list-cards {
  --minWCard: 350px;
  --cGap: calc(31rem / 16);
  --rGap: calc(56rem / 16);
}
@media (max-width: 1728px) {
  .section-resources-filter .grid-list-cards {
    --cGap: calc(0rem / 16 + 31 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-resources-filter .grid-list-cards {
    --rGap: calc(24rem / 16 + 32 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 389px) {
  .section-resources-filter .grid-list-cards {
    --minWCard: 280px;
  }
}

.section-generic-tiers {
  padding-top: calc(90rem / 16);
  padding-bottom: calc(90rem / 16);
  background-color: #f6f5ff;
  background-image: linear-gradient(160deg, rgba(64, 30, 255, 0) 0%, rgba(64, 30, 255, 0) 60%, rgba(64, 30, 255, 0.2) 100%);
}
@media (max-width: 1728px) {
  .section-generic-tiers {
    padding-top: calc(55rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-generic-tiers {
    padding-bottom: calc(30rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-generic-tiers__wrapper {
  max-width: 1600px;
}
.section-generic-tiers .section-title {
  font-size: calc(72rem / 16);
}
@media (max-width: 1728px) {
  .section-generic-tiers .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-generic-tiers .section-description {
  padding-top: calc(8rem / 16);
  max-width: 577px;
}
@media (max-width: 1728px) {
  .section-generic-tiers .section-description {
    padding-top: calc(2rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-generic-tiers__list-cards {
  margin-top: 50px;
}
.section-generic-tiers .card-post {
  padding-bottom: calc(85rem / 16);
  background-color: #fff;
}
@media (max-width: 1728px) {
  .section-generic-tiers .card-post {
    padding-bottom: calc(30rem / 16 + 55 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-generic-tiers .card-post .card-post__bg {
  margin-bottom: calc(35rem / 16);
  aspect-ratio: 1/0.625;
  background: radial-gradient(88.93% 152.94% at 96.74% -63.91%, rgb(223, 217, 254) 0%, rgb(252, 249, 254) 78.0178546906%);
}
@media (max-width: 1728px) {
  .section-generic-tiers .card-post .card-post__bg {
    margin-bottom: calc(30rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-generic-tiers .card-post .card-post__title {
  margin-bottom: calc(18rem / 16);
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-generic-tiers .card-post .card-post__title {
    margin-bottom: calc(10rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-generic-tiers .card-post .card-post__description {
  font-size: calc(20rem / 16);
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-generic-tiers .card-post .card-post__description {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-generic-tiers .card-post .card-post__description {
    line-height: 1.34;
  }
}
.section-generic-tiers .grid-list-cards {
  --cGap: 24px;
  --rGap: 24px;
  --minWCard: 250px;
}
@media only screen and (min-width: 768px) {
  .section-generic-tiers .grid-list-cards {
    --minWCard: 300px;
  }
}
@media only screen and (min-width: 1025px) {
  .section-generic-tiers .grid-list-cards {
    --minWCard: calc(25% - 24px);
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-creative-quote {
  padding-block: 42px;
}
.section-creative-quote__wrapper {
  max-width: 1720px;
}

.card-quote {
  padding-top: calc(105rem / 16);
  padding-bottom: calc(125rem / 16);
  border-radius: calc(36rem / 16);
  background-image: url("../images/page-about-us/section-creative-quote/bg.webp");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FCF9FE;
  display: flex;
  justify-content: center;
  padding-inline: 20px;
}
@media (max-width: 1728px) {
  .card-quote {
    padding-top: calc(45rem / 16 + 60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-quote {
    padding-bottom: calc(45rem / 16 + 80 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-quote {
    border-radius: calc(24rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-quote__inner-wrap {
  gap: calc(56rem / 16);
  max-width: 905px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 1728px) {
  .card-quote__inner-wrap {
    gap: calc(30rem / 16 + 26 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-quote__inner-wrap {
    flex-direction: row;
    align-items: inherit;
    text-align: left;
  }
}
@media only screen and (min-width: 1201px) {
  .card-quote__inner-wrap {
    margin-left: -35px;
  }
}
.card-quote__wrap-photo {
  --wPhoto: calc(273rem / 16);
  border-radius: calc(16rem / 16);
  aspect-ratio: 1/0.9743589744;
  position: relative;
  max-width: var(--wPhoto);
  min-width: var(--wPhoto);
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .card-quote__wrap-photo {
    --wPhoto: calc(250rem / 16 + 23 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-quote__wrap-photo {
    border-radius: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-quote__wrap-photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
}
.card-quote__wrap-text {
  max-width: 550px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.card-quote blockquote {
  font-size: calc(35rem / 16);
  font-weight: 400;
}
@media (max-width: 1728px) {
  .card-quote blockquote {
    font-size: calc(24rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-quote blockquote {
    line-height: normal;
    margin-top: -0.2em;
  }
}
.card-quote__wrap-text-bottom {
  line-height: normal;
}
@media only screen and (min-width: 768px) {
  .card-quote__wrap-text-bottom {
    margin-bottom: -0.4em;
  }
}
.card-quote__name {
  font-size: calc(24rem / 16);
  font-weight: 500;
}
@media (max-width: 1728px) {
  .card-quote__name {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-quote__job {
  font-size: calc(20rem / 16);
  margin-top: calc(0rem / 16);
  letter-spacing: 0.02em;
  color: #E5E7FF;
}
@media (max-width: 1728px) {
  .card-quote__job {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-quote__job {
    margin-top: calc(5rem / 16 + -5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-logos {
  padding-top: calc(155rem / 16);
  padding-bottom: calc(220rem / 16);
  background-image: linear-gradient(45deg, #F4F2FF, #F4F2FF 60%, #DBD3FF);
  text-align: center;
}
@media (max-width: 1728px) {
  .section-logos {
    padding-top: calc(70rem / 16 + 85 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-logos {
    padding-bottom: calc(70rem / 16 + 150 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-logos .section-title {
  font-size: calc(40rem / 16);
  letter-spacing: normal;
}
@media (max-width: 1728px) {
  .section-logos .section-title {
    font-size: calc(32rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-logos__list {
  margin-top: calc(52rem / 16);
  --gap: calc(32rem / 16);
  display: flex;
  gap: var(--gap);
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 1728px) {
  .section-logos__list {
    margin-top: calc(30rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-logos__list {
    --gap: calc(16rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-logos__item {
  border-radius: calc(17rem / 16);
  overflow: hidden;
  box-shadow: 3px -3px 27px 0 rgba(18, 17, 133, 0.06);
  background: #FCF9FE;
  width: 218px;
}
@media (max-width: 1728px) {
  .section-logos__item {
    border-radius: calc(12rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 575px) {
  .section-logos__item {
    width: calc(50% - var(--gap) / 2);
  }
}
.section-logos__item img {
  width: 100%;
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-who-we-are {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-who-we-are {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-who-we-are .section-title {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .section-who-we-are__tabs-caption,
  .section-who-we-are .tabs__content {
    display: none !important;
  }
}
.section-who-we-are__top-wrap {
  margin-bottom: calc(55rem / 16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1728px) {
  .section-who-we-are__top-wrap {
    margin-bottom: calc(20rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-who-we-are__top-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.section-who-we-are .filter-resources {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .section-who-we-are .filter-resources {
    display: none;
  }
}
.section-who-we-are .filter-resources .input-wrap-table, .section-who-we-are .filter-resources .select-tags {
  margin-bottom: 0;
}
.section-who-we-are__tabs-caption {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
}
.section-who-we-are__tabs-caption .btn,
.section-who-we-are__tabs-caption .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-who-we-are__tabs-caption .wrap-btn-hbsp-submit {
  font-size: calc(20rem / 16);
  padding-block: 14px;
  margin: 0;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .section-who-we-are__tabs-caption .btn,
  .section-who-we-are__tabs-caption .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
  .section-registration .hbsp-form .hs-submit .section-who-we-are__tabs-caption .wrap-btn-hbsp-submit {
    font-size: calc(14rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-who-we-are__tabs-caption .btn:not(.active),
.section-who-we-are__tabs-caption .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit:not(.active),
.section-registration .hbsp-form .hs-submit .section-who-we-are__tabs-caption .wrap-btn-hbsp-submit:not(.active) {
  padding-block: 13px;
  padding-inline: 22px;
  background: none;
  color: #6b34fd;
  border: 2px solid #6b34fd;
}
.section-who-we-are__list-card {
  --padding: 5px;
  --cGap: 20px;
  --rGap: calc(75rem / 16);
  margin-inline: calc(var(--padding) * -1);
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--cGap);
  row-gap: var(--rGap);
}
@media (max-width: 1728px) {
  .section-who-we-are__list-card {
    --rGap: calc(8rem / 16 + 67 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1201px) {
  .section-who-we-are__list-card {
    --cGap: calc(81rem / 16);
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1728px) {
  .section-who-we-are__list-card {
    --cGap: calc(14rem / 16 + 67 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-who-we-are .card-who-we-are {
  width: calc(25% - var(--cGap) / 1.25);
}
@media only screen and (min-width: 1025px) {
  .section-who-we-are .card-who-we-are {
    width: calc(20% - var(--cGap) / 1.25);
  }
}
.section-who-we-are__wrap-btn-more {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .section-who-we-are__wrap-btn-more {
    display: none;
  }
}
.section-who-we-are__wrap-btn-more .btn,
.section-who-we-are__wrap-btn-more .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-who-we-are__wrap-btn-more .wrap-btn-hbsp-submit {
  margin-top: 56px;
  display: none;
}
.section-who-we-are__wrap-btn-more .btn.active,
.section-who-we-are__wrap-btn-more .section-registration .hbsp-form .hs-submit .active.wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .section-who-we-are__wrap-btn-more .active.wrap-btn-hbsp-submit {
  display: flex;
}
.section-who-we-are .group-mobile-card-who-we-are {
  display: none;
}
.section-who-we-are .group-mobile-card-who-we-are.active {
  --gap: 24px;
  display: block;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media only screen and (min-width: 768px) {
  .section-who-we-are .group-mobile-card-who-we-are {
    display: none !important;
  }
}

.card-who-we-are {
  --radius: calc(12rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  padding: var(--padding);
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 1728px) {
  .card-who-we-are {
    --radius: calc(6rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are__bg {
  aspect-ratio: 1/1.0697674419;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  background-image: radial-gradient(88.93% 152.94% at 96.74% -63.91%, #DFD9FE 0%, #FFF 78.02%);
}
.card-who-we-are__bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
}
.card-who-we-are__name {
  font-size: calc(24rem / 16);
  font-family: var(--font-family);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 7px;
  color: #121185;
}
@media (max-width: 1728px) {
  .card-who-we-are__name {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-who-we-are__name {
    letter-spacing: normal;
  }
}
.card-who-we-are__job {
  font-size: calc(20rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-who-we-are__job {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-who-we-are__job {
    line-height: normal;
  }
}
.card-who-we-are__job + .card-who-we-are__job {
  margin-top: 2px;
}
.card-who-we-are__link {
  --size: 16px;
  display: block;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  background-image: url("../images/page-about-us/section-who-we-are/icon-link.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 15px;
}
.card-who-we-are:hover .card-who-we-are__hover {
  opacity: 1;
}
.card-who-we-are__hover {
  z-index: 1;
  background-image: linear-gradient(135deg, #010737 0%, #1D117B 100%);
  position: absolute;
  inset: var(--padding);
  padding-block: 20px 16px;
  padding-inline: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: var(--radius);
  overflow: hidden;
}
.card-who-we-are__hover .card-who-we-are__icon-social {
  max-width: 24px;
  margin-bottom: 5px;
}
.card-who-we-are__hover .card-who-we-are__name {
  color: #FCF9FE;
  margin-top: 0;
}
.card-who-we-are__hover .card-who-we-are__job {
  margin-top: 2px;
}
.card-who-we-are__hover .card-who-we-are__job, .card-who-we-are__hover .btn,
.card-who-we-are__hover .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-who-we-are__hover .wrap-btn-hbsp-submit {
  color: #E5E7FF;
}
.card-who-we-are__hover .btn,
.card-who-we-are__hover .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit,
.section-registration .hbsp-form .hs-submit .card-who-we-are__hover .wrap-btn-hbsp-submit {
  margin-block: 0;
  padding-block: 0;
}
.card-who-we-are__hover .btn::after,
.card-who-we-are__hover .section-registration .hbsp-form .hs-submit .wrap-btn-hbsp-submit::after,
.section-registration .hbsp-form .hs-submit .card-who-we-are__hover .wrap-btn-hbsp-submit::after {
  opacity: 0.9;
}
.card-who-we-are.type-mobile {
  width: 100%;
  background-color: #fff;
  padding: 16px;
  cursor: inherit;
}
.card-who-we-are.type-mobile.hidden {
  display: none;
}
.card-who-we-are.type-mobile .card-who-we-are__header-mobile-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.card-who-we-are.type-mobile .card-who-we-are__bg {
  aspect-ratio: 1/1;
  max-width: 130px;
  min-width: 130px;
}
.card-who-we-are.type-mobile .card-who-we-are__wrap-mobile-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.card-who-we-are.type-mobile.type-logo .card-who-we-are__wrap-mobile-content {
  justify-content: flex-end;
  gap: 16px;
}
.card-who-we-are.type-mobile .card-who-we-are__name {
  margin-top: 0;
}
.card-who-we-are.type-mobile .card-who-we-are__wrap-link-btn {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.card-who-we-are.type-mobile .card-who-we-are__wrap-link-btn:not(:has(a)) {
  justify-content: flex-end;
}
.card-who-we-are.type-mobile .btn-dropdown {
  width: 20px;
  height: 21px;
  transition: rotate 0.3s ease;
}
.card-who-we-are.type-mobile .btn-dropdown img,
.card-who-we-are.type-mobile .btn-dropdown svg {
  width: 100%;
}
.card-who-we-are.type-mobile .btn-dropdown.active {
  rotate: -90deg;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.4s ease;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down.active {
  grid-template-rows: 1fr;
  padding-bottom: 16px;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down-content {
  font-size: 1rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
  min-height: 0;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down-content p {
  margin-top: 10px;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down-content p:first-child {
  margin-top: 24px;
}

.card-who-we-are-popup {
  padding-top: calc(40rem / 16);
  padding-inline: calc(40rem / 16);
  padding-bottom: calc(54rem / 16);
  display: flex;
  align-items: flex-start;
  gap: var(--mainGap);
  color: #353AB0;
  background: #fff;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup {
    padding-top: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup {
    padding-inline: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup {
    padding-bottom: calc(30rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup.type-photo {
  --radius-photo: 16px;
  --mainGap: calc(32rem / 16);
  border-radius: calc(16rem / 16);
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06), 4px -4px 99px 0 rgba(18, 17, 133, 0.1), 0 4px 20px 0 rgba(37, 19, 83, 0.1);
  max-width: 960px;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-photo {
    --mainGap: calc(20rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-photo {
    border-radius: calc(12rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup.type-photo .card-who-we-are-popup__bg {
  aspect-ratio: 1/1.0728476821;
}
.card-who-we-are-popup.type-logo {
  --radius-photo: 8px;
  --mainGap: calc(35rem / 16);
  gap: calc(22rem / 16);
  border-radius: calc(20rem / 16);
  flex-direction: column;
  max-width: 763px;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo {
    --mainGap: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo {
    gap: calc(20rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo {
    border-radius: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup.type-logo .card-who-we-are-popup__bg {
  --size-photo: calc(192rem / 16);
  aspect-ratio: 1/1.0677083333;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo .card-who-we-are-popup__bg {
    --size-photo: calc(150rem / 16 + 42 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup.type-logo .card-who-we-are-popup__header {
  display: flex;
  gap: var(--mainGap);
}
.card-who-we-are-popup.type-logo .card-who-we-are-popup__header_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.card-who-we-are-popup.type-logo .card-who-we-are-popup__link-logo {
  --size: 24px;
  margin-top: calc(20rem / 16);
  display: block;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  background-image: url("../images/page-about-us/section-who-we-are/icon-link.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo .card-who-we-are-popup__link-logo {
    margin-top: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__bg {
  --size-photo: calc(302rem / 16);
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-photo);
  background-image: linear-gradient(135deg, #f6f5ff, #E9E5FF 50%, #CFC5FE);
  max-width: var(--size-photo);
  min-width: var(--size-photo);
  width: 100%;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup__bg {
    --size-photo: calc(200rem / 16 + 102 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
}
.card-who-we-are-popup__name {
  font-size: calc(40rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: normal;
  color: #121185;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup__name {
    font-size: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__job {
  font-size: calc(22rem / 16);
  line-height: 1.4;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup__job {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__link-social {
  --size: 24px;
  display: block;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  margin-top: 6px;
}
.card-who-we-are-popup__link-social img {
  width: 100%;
}
.card-who-we-are-popup p:not(.card-who-we-are-popup__name):not(.card-who-we-are-popup__job), .card-who-we-are-popup__description {
  font-size: calc(20rem / 16);
  margin-top: calc(10rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup p:not(.card-who-we-are-popup__name):not(.card-who-we-are-popup__job), .card-who-we-are-popup__description {
    font-size: calc(10rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup p:not(.card-who-we-are-popup__name):not(.card-who-we-are-popup__job), .card-who-we-are-popup__description {
    margin-top: calc(5rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__job + .card-who-we-are-popup__description, .card-who-we-are-popup__job + p:not(.card-who-we-are-popup__name), .card-who-we-are-popup__job + p:not(.card-who-we-are-popup__job), .card-who-we-are-popup__link-social + .card-who-we-are-popup__description, .card-who-we-are-popup__link-social + p:not(.card-who-we-are-popup__name), .card-who-we-are-popup__link-social + p:not(.card-who-we-are-popup__job) {
  margin-top: 15px !important;
}
@media only screen and (min-width: 768px) {
  .card-who-we-are-popup__job + .card-who-we-are-popup__description, .card-who-we-are-popup__job + p:not(.card-who-we-are-popup__name), .card-who-we-are-popup__job + p:not(.card-who-we-are-popup__job), .card-who-we-are-popup__link-social + .card-who-we-are-popup__description, .card-who-we-are-popup__link-social + p:not(.card-who-we-are-popup__name), .card-who-we-are-popup__link-social + p:not(.card-who-we-are-popup__job) {
    margin-top: 25px !important;
  }
}

.slider-in-popup .swiper-wrapper {
  will-change: transform;
}
.slider-in-popup .swiper-slide {
  padding-block: calc(50rem / 16);
  opacity: 0;
  scale: 0.9;
  transition: opacity 0.5s ease, scale 0.5s ease;
}
@media (max-width: 1728px) {
  .slider-in-popup .swiper-slide {
    padding-block: calc(0rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.slider-in-popup .swiper-slide.swiper-slide-active {
  opacity: 1;
  scale: 1;
}
.slider-in-popup .swiper-slide > * {
  height: auto;
}
.slider-in-popup .card-who-we-are-popup {
  margin-inline: auto;
}
.slider-in-popup__nav {
  --sizeBtn: 48px;
  position: relative;
  width: 105px;
  height: var(--sizeBtn);
  margin-inline: auto;
}
.slider-in-popup__nav button {
  background: none;
  margin: 0;
  top: 0;
}
.slider-in-popup__nav button:hover svg {
  transform: none;
}
.slider-in-popup__nav button svg g {
  stroke: #E5E7FF;
}
.slider-in-popup__prev {
  left: 0;
}
.slider-in-popup__next {
  right: 0;
}
.slider-in-popup__prev, .slider-in-popup__next {
  rotate: 180deg;
}

.who-we-are-modal .modal__overlay {
  background-color: rgba(1, 14, 39, 0.7);
  backdrop-filter: blur(5px);
  padding-right: 0;
}
.who-we-are-modal .modal__container {
  max-width: 100%;
  background: none;
  padding-inline: 0;
}
.who-we-are-modal .modal__header {
  display: block;
}
.who-we-are-modal .modal__close {
  right: calc(50rem / 16);
  top: 20px;
  position: absolute;
  font-size: 20px;
  color: #f6f5ff;
  z-index: 100;
  cursor: pointer;
}
@media (max-width: 1728px) {
  .who-we-are-modal .modal__close {
    right: calc(20rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-search-result {
  padding-top: calc(80rem / 16);
}
@media (max-width: 1728px) {
  .section-search-result {
    padding-top: calc(40rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-search-result.section-before-footer-top {
  padding-bottom: calc(260rem / 16);
}
@media (max-width: 1728px) {
  .section-search-result.section-before-footer-top {
    padding-bottom: calc(140rem / 16 + 120 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-search-result__wrapper h2 {
  color: #121185;
}
.section-search-result__wrapper .alert {
  margin-top: 1em;
  color: #121185;
  font-size: calc(1.125rem + 0.25 * (100vw - 24.375rem) / 83.625);
}
@media screen and (min-width: 992px) and (max-width: 1600px) {
  .section-search-result__wrapper {
    padding-inline: 80px;
  }
}
.section-search-result li {
  padding-top: calc(48rem / 16);
  padding-bottom: calc(48rem / 16);
  border-bottom: 1px solid rgba(116, 102, 194, 0.5);
}
@media (max-width: 1728px) {
  .section-search-result li {
    padding-top: calc(26rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-search-result li {
    padding-bottom: calc(21rem / 16 + 27 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-search-result li:last-child {
  border-bottom: none;
}
.section-search-result a {
  font-size: calc(35rem / 16);
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #121185;
  transition: color 0.3s ease;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: 32px;
  padding-inline: 3px;
}
@media (max-width: 1728px) {
  .section-search-result a {
    font-size: calc(22rem / 16 + 13 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-search-result a {
    line-height: normal;
    width: auto;
    padding-inline: 0;
  }
}
.section-search-result a:hover {
  color: #6b34fd;
}
.section-search-result a:hover svg path {
  stroke: #6b34fd;
}
.section-search-result a svg path {
  stroke: #121185;
  transition: stroke 0.3s ease;
}
/*# sourceMappingURL=main.min.css.map */