:root {
  --black: #212d3a;
  --black10: #212d3a1a;
  --black40: #212d3a66;
  --black60: #212d3aa6;
  --black70: #212d3ab3;
  --gray100: #d8d8d8;
  --gray200: #edf1f9;
  --blue: #3AACFF;
  --red: #F64E5B;
  --defaultTimingFunction: cubic-bezier(0, 0, .5, 1);
  --defaultDuration: 1s;
  --welcomeTextFadeInDuration: 1s;
  --welcomeTextFadeInDelay: .5s;
  --welcomeTextFadeOurDuration: .4s;
  --welcomeTextFadeOurDelay: calc(var(--welcomeTextFadeInDelay) + var(--welcomeTextFadeInDuration));
  --welcomeDelay: .1s;
  --dropOpacity: 100%;
}

.loader {
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  background: white;
  display: flex;
  transition: opacity 1s ease, visibility 1s ease;
}

.loader-wrap {
  width: 64px;
  height: 64px;
  margin: auto;
  transition: transform 1s ease, opacity .4s ease .4s;
}

.loader__img {
  animation: 1s rotation linear infinite;
}

.loader.invisible .loader-wrap {
  transform: scale(.5);
  opacity: 0;
}

@font-face {
  font-family: 'GraphikLCG';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/GraphikLCG-Regular.woff2") format('woff2'), url("../fonts/GraphikLCG-Regular.woff") format('woff');
}

@font-face {
  font-family: 'GraphikLCG';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/GraphikLCG-Medium.woff2") format('woff2'), url("../fonts/GraphikLCG-Medium.woff") format('woff');
}

@font-face {
  font-family: 'GraphikLCG';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/GraphikLCG-Semibold.woff2") format('woff2'), url("../fonts/GraphikLCG-Semibold.woff") format('woff');
}

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

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li {
  margin: 0;
}

h1,
h2,
h3,
h4 {
  font-weight: unset;
  font-size: unset;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  font-family: 'GraphikLCG', sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: normal;
  width: 100vw;
  -webkit-text-size-adjust: 100%;
}

ul,
ol {
  list-style: none;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

.hidden {
  display: none !important;
}

.invisible {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.disabled {
  opacity: .6;
  pointer-events: none;
}

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.header.fixed+* {
  margin-top: 80px !important;
}

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

.wrap {
  width: calc(100% - 160px);
  margin: 0 auto;
  max-width: 1440px;
}

.section {
  margin: 120px 0;
}

.section:first-of-type {
  margin-top: 0;
}

.section-body {
  display: flex;
  justify-content: center;
  gap: 4.167vw;
}

.section-body-image>div:first-child {
  margin-right: 80px;
}

.section-body-big,
.section-body-cont {
  width: 44.444vw;
}

.section-body-small {
  width: 38.889vw;
}

.section-body-small:first-child {
  margin-right: auto;
}

.section-body-photo {
  width: 38.889vw;
  min-width: 424px;
}

.title-scrolling {
  margin-bottom: 30px;
  will-change: transform;
  margin-left: -269px;
  width: 1000vw;
  transition: transform .6s var(--defaultTimingFunction);
}

.title-scrolling-wrap {
  overflow: hidden;
}

.title-scrolling span {
  font-size: 120px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.04em;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 1px var(--black);
}

.bg,
.bg+canvas {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: translateZ(0);
}

.bg-bubble,
.bg-bubble-group {
  position: absolute;
}

.bg-bubble {
  opacity: .3;
}

.bg_light .bg-bubble {
  opacity: .1;
}

.bg_light .bg-bubble_light {
  opacity: 1;
}

.header-bg+canvas {
  z-index: -1;
}

.header-bg .bg-bubble {
  width: 307px;
  height: 163px;
  top: 35.139vw;
  left: 1.319vw;
}

.header-bg .bg-bubble-group {
  width: 463px;
  height: 424px;
  top: 9.931vw;
  left: 55.556vw;
}

.bg-black {
  background: var(--black);
}

.bg-circle {
  min-height: 50vw;
  overflow: hidden;
  position: relative;
  padding-bottom: 160px;
  margin: 0;
}

.bg-circle:after,
.bg-circle:before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 50vw;
  pointer-events: none;
}

.bg-circle-white:after,
.bg-circle-white:before {
  background: white;
}

.bg-circle-black:after,
.bg-circle-black:before {
  background: var(--black);
}

.bg-circle-bot:after {
  border-radius: 0 0 50vw 50vw;
  bottom: 0;
}

.bg-circle-bot:before {
  height: calc(100% - 50vw);
  top: 0;
  z-index: 1;
}

.bg-circle-top:after {
  height: calc(100% - 50vw);
  bottom: 0;
}

.bg-circle-top:before {
  border-radius: 50vw 50vw 0 0;
  top: 0;
}

.title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: -.040em;
  color: var(--black);
}

.title+.text {
  margin-top: 40px;
}

.text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -.02em;
  color: var(--black);
}

.text:not(:last-of-type) {
  margin-bottom: 20px;
}

.progress {
  width: 100%;
}

.progress__line {
  --percents: 33%;
  width: 100%;
  height: 3px;
  background: var(--black10);
  border-radius: 3px;
  position: relative;
}

.progress__line:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--blue);
  width: var(--percents);
  transition: width .4s;
}

.progress__text {
  color: var(--black);
  font-size: 14px;
  line-height: 21px;
  margin-top: 8px;
}

.switcher {
  background: #E3E8F3;
  border-radius: 48px;
  height: 48px;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 4px;
}

.switcher:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  background: white;
  border-radius: 48px;
  transition: transform .4s;
}

.switcher__label {
  width: 50%;
  min-width: 120px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: opacity .4s;
}

.switcher[data-type="left"]:before {
  transform: translateX(0);
}

.switcher[data-type="right"]:before {
  transform: translateX(100%);
}

.switcher[data-type="left"] .switcher__label:nth-child(2),
.switcher[data-type="right"] .switcher__label:nth-child(1) {
  opacity: .5;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  -webkit-appearance: none;
  min-width: 160px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  padding: 0 40px;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: -0.019em;
  border: none;
  background: none;
  cursor: pointer;
  transition: opacity .4s ease;
}

.button-primary {
  background: var(--blue);
  color: white;
}

.button-secondary {
  color: var(--black);
  border: 1px solid var(--black);
  opacity: .5;
}

.button-toggle {
  color: var(--blue);
  padding: 0;
  min-width: initial;
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 18px;
  height: 18px;
}

.button-toggle .icon {
  margin-left: 8px;
}

.button-toggle .expand,
.button-toggle_expanded .collaps {
  display: none;
}

.button-toggle_expanded .expand {
  display: initial;
}

.button-toggle_expanded .icon {
  transform: rotate(180deg);
}

.icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 24px;
  height: 24px;
  transition: opacity .4s ease, visibility .4s ease;
}

.icon--large {
  width: 40px;
  height: 40px;
}

.icon-phone {
  background-image: url("../images/icons/phone.svg");
}

.icon-fax {
  background-image: url("../images/icons/fax.svg");
}

.icon-email {
  background-image: url("../images/icons/email.svg");
}

.icon-location {
  background-image: url("../images/icons/location.svg");
}

.icon-check {
  background-image: url("../images/icons/check.svg");
}

.icon-arrow-left-white {
  background-image: url("../images/icons/arrow-left-white.svg");
}

.icon-arrow-left-black {
  background-image: url("../images/icons/arrow-left-black.svg");
}

.icon-arrow-down-black {
  background-image: url("../images/icons/arrow-down-black.svg");
}

.icon-arrow-down-blue {
  background-image: url("../images/icons/arrow-down-blue.svg");
}

.icon-close-white {
  background-image: url("../images/icons/close-white.svg");
}

.icon-close-black {
  background-image: url("../images/icons/close-black.svg");
}

.list {
  margin: 20px 0 0;
}

.list .item {
  display: flex;
  align-items: baseline;
}

.list .item:before {
  content: '—';
  margin-right: 4px;
  font-size: 18px;
}

.list .item:before,
.list .item {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -.020em;
  color: var(--black);
}

.cursor {
  position: fixed;
  background: gray;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  top: 0;
  left: 0;
}

.cursor-filter {
  display: block;
  pointer-events: none;
  position: absolute;
  top: -40%;
  left: -50%;
  width: 100%;
  height: 100px;
  border-radius: 50%;
  mix-blend-mode: lighten;
  opacity: 0;
  filter: blur(20px);
  overflow: hidden;
  transition: opacity .4s var(--defaultTimingFunction);
}

.cursor-filter:before {
  content: '';
  position: absolute;
  top: -160%;
  left: 20%;
  width: 320px;
  height: 320px;
  filter: blur(14px);
  background-image: radial-gradient(40% 40%, #4ce199 10%, var(--blue) 82%);
}

.cursor-filter.shown {
  opacity: 1;
}

.form-group {
  position: relative;
  margin-bottom: 32px;
}

.form-group:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 17px;
  width: 24px;
  height: 24px;
  background: url("../images/icons/check.svg");
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease;
}

.form-group:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 6px;
  opacity: 0;
  pointer-events: none;
  background: url("../images/icons/line-error.svg") 0 0 repeat-x;
  transition: opacity .4s ease;
}

.form-actions {
  margin-top: 56px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 16px;
}

.input {
  -webkit-appearance: none;
  background: none;
  border: none;
  width: 100%;
  height: 58px;
  border-bottom: 1px solid var(--black40);
  color: var(--black);
  font: 400 18px/1.333 'GraphikLCG', sans-serif;
  letter-spacing: -0.36px;
  padding: 0;
  border-radius: 0;
  transition: border .4s ease;
}

.input::placeholder {
  color: transparent;
}

.input:hover {
  border-bottom-color: var(--black70);
}

.input:focus {
  border-bottom-color: var(--black);
}

.input:focus {
  outline: none;
}

.form-group__label {
  position: absolute;
  left: 0;
  top: 20px;
  display: block;
  pointer-events: none;
  font-size: 18px;
  line-height: 1.333;
  color: var(--black60);
  transform-origin: 0;
  transition: transform .4s ease;
}

input:focus+.form-group__label,
.form-group--filled .form-group__label {
  transform: translateY(-26px) scale(.7);
}

.form-group--filled:not(.form-group--error):before {
  opacity: 1;
}

.form-group--error .input {
  border-bottom-color: rgba(0, 0, 0, 0);
}

.form-group--error:after {
  opacity: 1;
}

.form-group__hint {
  position: absolute;
  left: 0;
  top: calc(100% + 7px);
  font-size: 13px;
  line-height: 1.23;
  pointer-events: none;
  opacity: 0;
  transition: opacity .4s ease;
}

.form-group__hint--error {
  color: var(--red);
}

.form-group--error .form-group__hint--error {
  opacity: 1;
}

.form-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  transition: opacity .8s, visibility .8s;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-modal__overlay {
  background: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .3;
  cursor: pointer;
}

.form-modal__content {
  background: white;
  position: relative;
  border-radius: 8px;
  padding: 40px;
  color: var(--blueDark);
}

.form-modal__btn-close {
  padding: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  min-width: initial;
}

.form-modal__btn-close .icon {
  width: 100%;
  height: 100%;
  opacity: .3;
}

.form-modal__text {
  font-size: 14px;
  letter-spacing: .7px;
  margin-bottom: 16px;
  text-align: left;
}

.section-demo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 700px;
  padding-bottom: 0;
  overflow: initial;
}

.section-demo .bg+canvas {
  background: var(--gray200);
  height: calc(100% + 208px);
}

.section-demo .bg-bubble-group {
  top: 5.14vw;
}

.section-demo-content {
  text-align: center;
  z-index: 1;
}

.section-demo .text {
  margin: 40px auto 0;
  width: 44.444vw;
  padding: 0 50px;
}

.section-demo .button {
  margin-top: 64px;
}

.organization-form {
  display: flex;
  position: relative;
}

.organization-form.expanded .organization-logo {
  opacity: 0;
  transform: scale(.5);
  pointer-events: none;
}

.organization-logo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 12.222vw;
  height: 12.222vw;
  background: white;
  border-radius: .556vw;
  box-shadow: 0 .556vw 1.111vw 0 rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .4s, transform .4s;
}

.organization-logo__img {
  height: 2.778vw;
  object-fit: contain;
}

.organization-block {
  width: 50vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
  overflow: hidden;
}

.organization-block:nth-child(1) {
  background-image: radial-gradient(circle at 50% 51%, #E3E8F3 0%, rgba(227, 232, 243, 0.50) 28%, white 62%);
}

.organization-block:nth-child(1) .organization-block__cont {
  right: 100%;
}

.organization-block:nth-child(2) {
  background-image: radial-gradient(circle at 50% 51%, white 0%, rgba(255, 255, 255, 0.50) 23%, #E3E8F3 62%);
}

.organization-block:nth-child(2) .organization-block__cont {
  left: 100%;
}

.organization-block.minimized .organization-media__actions {
  --height: 4.167vw;
  --offset: calc(var(--height) + var(--gap));
  opacity: 0;
  margin-top: calc(var(--offset) * -1);
  transform: translateY(calc(var(--offset)));
}

.organization-block.success .organization-block__header,
.organization-block.success .organization-block__form {
  opacity: 0;
  pointer-events: none;
}

.organization-media {
  --gap: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap);
  width: 100%;
  height: 100%;
}

.organization-media__title {
  font-size: 25px;
  font-weight: 600;
  color: var(--black);
  letter-spacing: -1px;
  line-height: 30px;
}

.organization-media__img {
  max-width: 320px;
  max-height: 320px;
}

.organization-form .switcher {
  display: none;
}

.organization-media__actions {
  display: flex;
  gap: 8px;
  transition: opacity .4s, margin .4s, transform .4s;
}

.organization-media__actions .button-primary {
  padding: 0 1.701vw;
}

.organization-media__actions img {
  height: 40px;
}

.organization-block__cont {
  background: white;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 48.611vw;
  overflow-y: auto;
  position: absolute;
  top: 0;
  padding: 3.333vw 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  transition: transform .4s;
}

.organization-block__logo {
  width: 115px;
  height: 40px;
  margin-bottom: 32px;
}

.organization-block__button.button {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  height: 24px;
  min-width: 24px;
}

.organization-block__button .icon {
  pointer-events: none;
}

.organization-block__title {
  font-size: 25px;
  font-weight: 600;
  color: var(--black);
  letter-spacing: -0.5px;
  line-height: 30px;
}

.organization-block__header,
.organization-block__body {
  max-width: 31.667vw;
  width: 100%;
  margin-top: auto;
  transition: opacity .4s;
}

.organization-block__header .progress {
  margin-top: 40px;
}

.organization-block__body {
  margin-top: 2.778vw;
  margin-bottom: auto;
}

.organization-block__form.form {
  max-width: 100%;
  transition: opacity .4s, visibility .4s, height 0s .4s;
}

.organization-block__form .form-page {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.organization-block__form .form-page_hidden {
  display: none;
}

.organization-block__form .form-group {
  margin-bottom: 0;
}

.organization-block__form .form-group_full {
  grid-column-start: 1;
  grid-column-end: -1;
}

.organization-block__form .form-actions {
  margin-top: 2.222vw;
  text-align: left;
}

.organization-block__form .button {
  height: 50px;
  line-height: 50px;
  min-width: 144px;
  width: 144px;
  padding: 0;
}

.organization-block__form .autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 1;
  top: 100%;
  left: 0;
  right: 0;
  height: max-content;
  max-height: 300px;
  overflow-y: auto;
}

.organization-block__form .autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.organization-block:nth-child(1).expanded .organization-block__cont {
  transform: translateX(100%);
}

.organization-block:nth-child(2).expanded .organization-block__cont {
  transform: translateX(-100%);
}

.organization-block__cont .form-success {
  position: absolute;
  transition: opacity .4s, visibility .4s;
}

.organization-block__link-faq {
  color: var(--black);
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  text-decoration: none;
  position: absolute;
  right: 32px;
  bottom: 32px;
  transition: opacity .4s;
}

.organization-block__link-faq:hover {
  opacity: .8;
}

.faq {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  padding: 104px 40px;
}

.faq-header {
  text-align: center;
  width: 100%;
  max-width: 816px;
}

.faq-header__title {
  font-size: 40px;
  color: var(--black);
  font-weight: 500;
  letter-spacing: -1.6px;
  line-height: 44px;
}

.faq-header__text {
  margin-top: 12px;
  opacity: .5;
  font-size: 18px;
  color: var(--black);
  letter-spacing: -0.36px;
  line-height: 28px;
}

.faq-body {
  width: 100%;
  max-width: 816px;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq-item {
  background: white;
  border: 1px solid rgba(33, 45, 58, 0.05);
  box-shadow: 0 2px 20px 0 rgba(33, 45, 58, 0.07);
  border-radius: 24px;
  padding: 32px;
}

.faq-item-header {
  display: flex;
  align-items: center;
  gap: 24px;
  cursor: pointer;
}

.faq-item-header__icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
}

.faq-item-header__title {
  font-size: 25px;
  font-weight: 500;
  color: var(--black);
  letter-spacing: -0.5px;
  line-height: 30px;
}

.faq-item-header__btn {
  margin-left: auto;
  opacity: .3;
  padding: 0;
  width: 24px;
  min-width: 24px;
  height: 24px;
  line-height: 1;
}

.faq-item-header__arrow {
  transition: transform .4s;
}

.faq-item-cont {
  overflow: hidden;
}

.faq-item-cont>*:first-child {
  margin-top: 16px;
}

.faq-item-cont__text {
  opacity: .5;
  font-size: 18px;
  color: var(--black);
  letter-spacing: -0.36px;
  line-height: 28px;
}

.faq-item_collapsed .faq-item-cont {
  max-height: 0;
  transition: max-height .15s ease-out;
}

.faq-item_expanded .faq-item-cont {
  max-height: 100vh;
  transition: max-height .25s ease-in;
}

.faq-item_expanded .faq-item-header__arrow {
  transform: rotate(180deg);
}

.a_fadeIn {
  opacity: 0;
}

.a_fadeIn.animate {
  animation: var(--defaultDuration) fadeIn both;
}

.a_moveFromLeft.animate {
  animation: var(--defaultDuration) moveFromLeft both;
}

.a_moveFromRight.animate {
  animation: var(--defaultDuration) moveFromRight both;
}

.a_moveFromBottom.animate {
  animation: var(--defaultDuration) moveFromBottom both;
}

.a_moveFromBottomOverflow.animate {
  animation: var(--defaultDuration) var(--defaultTimingFunction) moveFromBottomOverflow both;
}

.a_moveToBottomOverflow.animate {
  animation: var(--defaultDuration) var(--defaultTimingFunction) moveToBottomOverflow both;
}

.a_moveFromLeft.a_fadeIn.animate {
  animation: var(--defaultDuration) moveFromLeft both,
    var(--defaultDuration) fadeIn both;
}

.a_moveFromRight.a_fadeIn.animate {
  animation: var(--defaultDuration) moveFromRight both,
    var(--defaultDuration) fadeIn both;
}

.a_moveFromBottom.a_fadeIn.animate {
  animation: var(--defaultDuration) moveFromBottom both,
    var(--defaultDuration) fadeIn both;
}

.a_scrollLoop {
  animation: 2s var(--defaultDuration) scrollLoop infinite;
}

.delay2 {
  animation-delay: .2s !important;
}

.delay4 {
  animation-delay: .4s !important;
}

.delay6 {
  animation-delay: .6s !important;
}

.delay8 {
  animation-delay: .8s !important;
}

.delay10 {
  animation-delay: 1s !important;
}

@media screen and (min-width: 1441px) {
  .section-demo-content {
    margin-top: 11.111vw;
  }

  .section-demo .text {
    margin-top: 2.778vw;
    padding: 0 3.472vw;
    font-size: 1.25vw;
    width: 44.444vw;
  }

  .section-demo .button {
    margin-top: 4.444vw;
    min-width: 11.111vw;
    height: 4.167vw;
    line-height: 4.167vw;
    border-radius: 2.083vw;
    padding: 0 2.778vw;
    font-size: 1.111vw;
  }

  .organization-media {
    --gap: 2.222vw;
  }

  .organization-media__actions {
    gap: 0.556vw;
  }

  .organization-media__actions img {
    height: 2.778vw;
  }

  .organization-media__title,
  .organization-block__title {
    font-size: 1.736vw;
    letter-spacing: -0.069vw;
    line-height: 2.083vw;
  }

  .organization-block__title {
    letter-spacing: -0.035vw;
  }

  .organization-media__img {
    max-width: 22.222vw;
    max-height: 22.222vw;
  }

  .organization-block__button {
    top: 1.389vw;
    right: 1.389vw;
    height: 1.667vw;
    min-width: 1.667vw;
  }

  .organization-block__logo {
    width: 7.986vw;
    height: 2.778vw;
    margin-bottom: 2.222vw;
  }

  .organization-block__form .form-page {
    gap: 1.667vw;
  }

  .organization-block__form .input {
    width: 100%;
    height: 4.028vw;
    border-bottom-width: 0.069vw;
    font-size: 1.250vw;
    letter-spacing: -0.025vw;
  }

  .organization-block__form .form-group__label {
    top: 1.389vw;
    font-size: 1.250vw;
  }

  .organization-block__form input:focus+.form-group__label,
  .organization-block__form .form-group--filled .form-group__label {
    transform: translateY(-1.806vw) scale(.7);
  }

  .organization-block__form .form-group__hint {
    top: calc(100% + .486vw);
    font-size: .903vw;
  }

  .organization-block__form .button {
    height: 3.472vw;
    line-height: 3.472vw;
    min-width: 10vw;
    width: 10vw;
  }

  .organization-block__header .progress {
    margin-top: 2.778vw;
  }

  .progress__line {
    height: .208vw;
    border-radius: .208vw;
  }

  .progress__text {
    font-size: .972vw;
    line-height: 1.458vw;
    margin-top: .556vw;
  }

  .organization-block__link-faq {
    font-size: 1.389vw;
    line-height: 1.944vw;
    right: 2.222vw;
    bottom: 2.222vw;
  }

  .faq {
    gap: 3.333vw;
    padding: 7.222vw 0;
  }

  .faq-header {
    max-width: 56.667vw;
  }

  .faq-header__title {
    font-size: 2.778vw;
    letter-spacing: -0.111vw;
    line-height: 3.056vw;
  }

  .faq-header__text {
    margin-top: 0.833vw;
    font-size: 1.250vw;
    letter-spacing: -0.025vw;
    line-height: 1.944vw;
  }

  .faq-body {
    max-width: 56.667vw;
  }

  .faq-list {
    gap: 1.111vw;
  }

  .faq-item {
    border: 0.069vw solid rgba(33, 45, 58, 0.05);
    box-shadow: 0 0.139vw 1.389vw 0 rgba(33, 45, 58, 0.07);
    border-radius: 1.667vw;
    padding: 2.222vw;
  }

  .faq-item-header {
    gap: 1.667vw;
  }

  .faq-item-header__icon {
    width: 2.222vw;
    height: 2.222vw;
    min-width: 2.222vw;
  }

  .faq-item-header__title {
    font-size: 1.736vw;
    letter-spacing: -0.035vw;
    line-height: 2.083vw;
  }

  .faq-item-header__btn {
    width: 1.667vw;
    min-width: 1.667vw;
    height: 1.667vw;
  }

  .faq-item-cont>*:first-child {
    margin-top: 1.111vw;
  }

  .faq-item-cont__text {
    font-size: 1.250vw;
    letter-spacing: -0.025vw;
    line-height: 1.944vw;
  }
}

@media screen and (max-width: 1024px) {
  .section {
    margin: 100px 0;
  }

  .section-body-small {
    width: 41.211vw;
  }

  .section-body-big {
    width: 45.117vw;
  }

  .section-body-image .section-body-cont {
    width: 44.922vw;
  }

  .section-body-image .section-body-photo {
    width: 41.406vw;
  }

  .wrap {
    width: calc(100% - 80px);
  }

  .title-scrolling span {
    font-size: 90px;
  }

  .bg-circle {
    margin: 0;
  }

  .title {
    font-size: 30px;
  }

  .title+.text {
    margin-top: 30px;
  }

  .text,
  .list .item:before {
    font-size: 16px;
  }

  .button {
    font-size: 15px;
    padding: 0 30px;
    min-width: 144px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
  }

  .button-toggle {
    padding: 0;
    height: 18px;
    line-height: 18px;
  }

  .section-demo {
    margin: 0;
  }

  .section-demo .text {
    margin-top: 32px;
    width: 56.641vw;
  }

  .section-demo .button {
    margin-top: 56px;
  }

  .form-modal__btn-close {
    min-width: initial;
    padding: 0;
    height: 32px;
    line-height: 32px;
    border-radius: 0;
  }

  .faq-item-header__btn {
    padding: 0;
    width: 24px;
    min-width: 24px;
    height: 24px;
    line-height: 1;
}
}

@media screen and (max-width: 980px) {
  .no-tablet {
    display: none !important;
  }

  .header-bg .bg-bubble {
    top: 101.693vw;
    left: 2.604vw;
  }

  .header-bg .bg-bubble-group {
    top: 39.063vw;
    left: 34.505vw;
  }
}

@media screen and (max-width: 768px) {
  .section {
    margin: 80px 0;
  }

  .section-body {
    display: block;
  }

  .section-body-small,
    {
    width: 100%;
  }

  .section-body-big,
  .section-body-small,
  .section-body-image .section-body-cont {
    width: 100%;
  }

  .section-body-image .section-body-photo {
    margin: 40px auto 0;
  }

  .section-body>div:first-child {
    margin: 0 0 30px 0;
  }

  .title {
    font-size: 40px;
  }

  .text,
  .list .item:before {
    font-size: 18px;
  }

  .section-demo {
    margin: 0;
  }

  .section-demo .text {
    width: 75.521vw;
    font-size: 16px;
  }

  .section-demo .bg+canvas {
    height: calc(100% + 300px);
  }

  .organization-form {
    overflow: hidden;
  }

  .organization-form.expanded .switcher {
    transform: translateY(40px);
    opacity: 0;
    pointer-events: none;
  }

  .organization-logo {
    display: none;
  }


  .organization-block {
    min-width: 100vw;
  }

  .organization-block_hidden:nth-child(1) {
    transform: translateX(-100%);
  }

  .organization-block:not(.organization-block_hidden):nth-child(2) {
    transform: translateX(-100%);
  }

  .organization-block_hidden.expanded:nth-child(1) {
    transform: translateX(0);
    z-index: 1;
  }

  .organization-block_hidden.expanded:nth-child(2) {
    transform: translateX(-100%);
  }

  .organization-block_hidden.expanded .organization-media {
    display: none;
  }

  .organization-media {
    --gap: 56px;
  }

  .organization-media__actions .button-primary {
    padding: 0 24px;
  }

  .organization-block__header,
  .organization-block__body {
    max-width: 456px;
  }

  .organization-form .switcher {
    display: flex;
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    margin: auto;
    width: 248px;
    transition: transform .4s, opacity .4s;
  }

  .organization-block__cont {
    padding-right: 16px;
    padding-left: 16px;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }

  .faq {
    gap: 32px;
}
  .faq-header__title {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -1.2px;
}
  .faq-header__text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    margin-top: 16px;
}
  .faq-item {
    padding: 24px;
}
  .faq-item-header__icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
}
  .faq-item-header__title {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.4px;
}
  .faq-item-cont>*:first-child {
    margin-top: 24px;
  }
  .faq-item-cont__text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
}
}

@media screen and (max-width: 590px) {
  .section-demo .text {
    width: 100%;
  }

  .faq {
    gap: 24px;
    padding: 80px 16px;
}
  .faq-header__title {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -1px;
}
  .faq-header__text {
    margin-top: 8px;
}
  .faq-list {
    gap: 8px;
}
  .faq-item {
    padding: 24px 16px;
}
  .faq-item-header {
    gap: 16px;
}
  .faq-item-header__title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
}
}

@media screen and (max-width: 510px) {
  .section-body-image .section-body-photo {
    min-width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .no-mobile {
    display: none !important;
  }

  .section {
    margin: 44px 0;
  }

  .section-body>div:first-child {
    margin-bottom: 20px;
  }

  .wrap {
    width: calc(100% - 32px);
  }

  .title-scrolling {
    margin-bottom: 20px;
  }

  .title-scrolling span {
    font-size: 60px;
  }

  .bg-circle {
    margin: 0;
  }

  .title {
    font-size: 25px;
  }

  .text,
  .list .item:before {
    font-size: 16px;
  }

  .bg+canvas {
    filter: blur(16px);
  }

  .header-bg .bg-bubble {
    width: 40vw;
    height: 21.25vw;
    top: 143.750vw;
    left: 2.5vw;
  }

  .header-bg .bg-bubble-group {
    width: 60.313vw;
    height: 55.313vw;
    top: 61.25vw;
    left: 34.688vw;
  }

  .section-demo .text {
    width: calc(100% - 32px);
    padding: 0;
  }

  .section-demo .button {
    margin-top: 48px;
  }

  .section-demo .bg+canvas {
    height: calc(100% + 430px);
    margin-top: 16px;
  }

  .organization-block__button.button {
    top: 16px;
    right: 16px;
  }

  .organization-block__logo {
    width: 92px;
    height: 32px;
    margin-bottom: 24px;
  }

  .organization-block__title {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }

  .organization-block__header .progress {
    margin-top: 32px;
  }

  .organization-form .input {
    height: 48px;
    font-size: 16px;
  }

  .organization-form .form-group__label {
    font-size: 16px;
  }

  .organization-block__form .form-actions {
    margin-top: 40px;
  }

  .organization-media {
    --gap: 16px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes moveIn {
  from {
    transform: translateZ(-100px);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes moveIn {
  from {
    transform: translateZ(-100px);
  }

  to {
    transform: translateZ(0);
  }
}

@-webkit-keyframes moveFromLeft {
  from {
    transform: translateX(-100px);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes moveFromLeft {
  from {
    transform: translateX(-100px);
  }

  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes moveFromRight {
  from {
    transform: translateX(100px);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes moveFromRight {
  from {
    transform: translateX(100px);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes moveFromRight {
  from {
    transform: translateX(100px);
  }

  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes moveFromBottom {
  from {
    transform: translateY(72px);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes moveFromBottom {
  from {
    transform: translateY(72px);
  }

  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes moveFromBottomOverflow {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes moveFromBottomOverflow {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes moveFromTop {
  from {
    transform: translateY(-72px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes moveFromTop {
  from {
    transform: translateY(-72px);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes moveToBottom {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(72px);
  }
}

@keyframes moveToBottom {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(72px);
  }
}

@-webkit-keyframes moveToBottomOverflow {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

@keyframes moveToBottomOverflow {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

@-webkit-keyframes menuOpenTop {
  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}

@keyframes menuOpenTop {
  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}

@-webkit-keyframes menuOpenTopBack {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-3.5px);
  }
}

@keyframes menuOpenTopBack {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-3.5px);
  }
}

@-webkit-keyframes menuOpenBot {
  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

@keyframes menuOpenBot {
  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

@-webkit-keyframes menuOpenBotBack {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(3.5px);
  }
}

@keyframes menuOpenBotBack {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(3.5px);
  }
}

@-webkit-keyframes scrollLoop {

  0%,
  66.6%,
  100% {
    transform: translateY(0);
    opacity: 1;
  }

  33.3% {
    transform: translateY(-72px);
    opacity: 0;
  }

  33.31% {
    transform: translateY(72px);
  }
}

@keyframes scrollLoop {

  0%,
  66.6%,
  100% {
    transform: translateY(0);
    opacity: 1;
  }

  33.3% {
    transform: translateY(-72px);
    opacity: 0;
  }

  33.31% {
    transform: translateY(72px);
  }
}

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

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

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

@keyframes rotationRevert {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes accessImageTurning {
  0% {
    transform: translate(-12.778vw, -12.986vw) rotateY(0);
  }

  49.9% {
    background-image: url("../animations/accessCodeScroll/2x/Yentry_01109.png");
  }

  50% {
    transform: translate(-12.778vw, -12.986vw) rotateY(.25turn);
    background-image: url("../images/products/access-code-turned.png");
  }

  100% {
    transform: translate(-12.778vw, -12.986vw) rotateY(0);
    background-image: url("../images/products/access-code-turned.png");
  }
}

@keyframes accessImageTurningReverse {
  0% {
    transform: translate(-12.778vw, -12.986vw) rotateY(0);
    background-image: url("../images/products/access-code-turned.png");
  }

  49.9% {
    background-image: url("../images/products/access-code-turned.png");
  }

  50% {
    transform: translate(-12.778vw, -12.986vw) rotateY(.25turn);
    background-image: url("../animations/accessCodeScroll/2x/Yentry_01109.png");
  }

  100% {
    transform: translate(-12.778vw, -12.986vw) rotateY(0);
    background-image: url("../animations/accessCodeScroll/2x/Yentry_01109.png");
  }
}

@keyframes arrowPart1 {
  0% {
    transform: translate(0.278vw, -0.417vw);
    opacity: 0;
  }

  33%,
  66% {
    transform: translate(-1.111vw, -0.417vw);
    opacity: 1;
  }

  100% {
    transform: translate(-2.5vw, -0.417vw);
    opacity: 0;
  }
}

@keyframes arrowPart2 {
  0% {
    transform: translate(1.389vw, -0.417vw);
    opacity: 0;
  }

  33%,
  77% {
    transform: translate(0, -0.417vw);
    opacity: 1;
  }

  100% {
    transform: translate(-1.389vw, -0.417vw);
    opacity: 0;
  }
}

@keyframes arrowHoverPart1 {
  to {
    transform: translate(-1.111vw, -0.417vw) rotate(135deg);
  }
}

@keyframes arrowHoverPart2 {
  to {
    transform: translate(0, -0.417vw) rotate(135deg);
  }
}

@keyframes solutionChangeImg {
  10% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(.3);
    opacity: 0;
  }

  90% {
    transform: scale(1.1);
    opacity: 1;
  }

  100% {
    transform: scale(1);
  }
}

@keyframes solutionChangeTitle {
  50% {
    transform: translateY(-30px);
    opacity: 0;
  }

  50.1% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes solutionChangeBtnNameLeft {
  50% {
    transform: translateX(-30px);
    opacity: 0;
  }

  50.1% {
    transform: translateX(30px);
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes solutionChangeBtnNameRight {
  50% {
    transform: translateX(30px);
    opacity: 0;
  }

  50.1% {
    transform: translateX(-30px);
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes solutionMenuContHide {
  10% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(.3);
    opacity: 0;
  }
}

@media screen and (max-width: 700px) {
  @keyframes arrowPart1 {
    0% {
      transform: translate(0.278vw, -0.5vw);
      opacity: 0;
    }

    33%,
    66% {
      transform: translate(-2.6vw, -0.5vw);
      opacity: 1;
    }

    100% {
      transform: translate(-3.7vw, -0.5vw);
      opacity: 0;
    }
  }

  @keyframes arrowPart2 {
    0% {
      transform: translate(1.389vw, -0.417vw);
      opacity: 0;
    }

    33%,
    77% {
      transform: translate(0, -0.417vw);
      opacity: 1;
    }

    100% {
      transform: translate(-1.389vw, -0.417vw);
      opacity: 0;
    }
  }
}

@media screen and (max-width: 680px) {
  @keyframes accessImageTurning {
    0% {
      transform: translate(-12.778vw, -7vw) scale(1.2) rotateY(0);
    }

    49.9% {
      background-image: url("../animations/accessCodeScroll/2x/Yentry_01109.png");
    }

    50% {
      transform: translate(-12.778vw, -7vw) scale(1.2) rotateY(.25turn);
      background-image: url("../images/products/access-code-turned.png");
    }

    100% {
      transform: translate(-12.778vw, -7vw) scale(1.2) rotateY(0);
      background-image: url("../images/products/access-code-turned.png");
    }
  }
}

@media screen and (max-width: 480px) {
  @keyframes accessImageTurning {
    0% {
      transform: translate(-12.778vw, -7vw) scale(1.7) rotateY(0);
    }

    49.9% {
      background-image: url("../animations/accessCodeScroll/2x/Yentry_01109.png");
    }

    50% {
      transform: translate(-12.778vw, -7vw) scale(1.7) rotateY(.25turn);
      background-image: url("../images/products/access-code-turned.png");
    }

    100% {
      transform: translate(-12.778vw, -7vw) scale(1.7) rotateY(0);
      background-image: url("../images/products/access-code-turned.png");
    }
  }
}

@keyframes videoTitleAnim {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

.welcome {
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  perspective: 700px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0 !important;
  transition: opacity .6s var(--welcomeTextFadeOurDuration) ease,
    visibility .6s var(--welcomeTextFadeOurDuration) ease;
}

.welcome__title {
  font-size: 5vw;
  font-weight: 600;
  color: var(--black);
  letter-spacing: -0.060em;
  position: absolute;
  text-align: center;
  perspective-origin: center;
  will-change: transform, opacity;
  transform: translateZ(-100px);
  transition: transform 2s var(--defaultTimingFunction);
  pointer-events: none;
}

.welcome__title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 201%;
  height: 105%;
  transform: translateX(-40%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);
  transition: transform 4s var(--defaultTimingFunction);
}

.welcome__title sup {
  font-size: 2vw;
}

.welcome.shown .welcome__title {
  transform: translateZ(0);
}

.welcome.shown .welcome__title:before {
  transform: translateX(70%);
}

.welcome__logo {
  pointer-events: none;
  display: flex;
}

.welcome__logo svg {
  height: 15.486vw;
}

.welcome__logo svg:nth-child(1) {
  margin-right: 1.438vw;
  width: 15.486vw;
  min-width: 157px;
}

.welcome__logo svg:nth-child(2) {
  margin-right: 1.111vw;
  width: 10.903vw;
  min-width: 111px;
}

.welcome__logo svg:nth-child(3) {
  margin-right: 2.083vw;
  width: 12.569vw;
  min-width: 127px;
}

.welcome__logo svg:nth-child(4) {
  width: 12.708vw;
  min-width: 129px;
}

.welcome__logo path {
  transition: stroke-dashoffset 3s var(--defaultTimingFunction);
  transition-delay: 2s;
}

.welcome__logo .path--short {
  transition-duration: 1s;
}

.welcome__logo .path--short+path {
  transition-delay: calc(2s + 1s);
  transition-duration: 2s;
}

.welcome.shown .welcome__logo path {
  stroke-dashoffset: 0;
}

.welcome.animate .welcome__logo,
.welcome.animate .welcome__logo-img {
  transform: translateZ(700px);
  opacity: 0;
  will-change: transform;
  transition: transform 1s ease,
    opacity 1s ease;
}

.welcome.animate .welcome__logo-img {
  transform: scale(1) rotate(600deg) translateZ(700px) !important;
}

.welcome__logo-img {
  position: absolute;
  width: 400px;
  height: 400px;
  transform: scale(0);
  pointer-events: none;
  will-change: transform;
}

.welcome-action {
  position: absolute;
  bottom: 40px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: -.02em;
  font-weight: 600;
  color: var(--black);
  pointer-events: none;
  will-change: transform, opacity;
}

.welcome-action__text {
  will-change: transform, opacity;
}

.welcome__text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -.04em;
  color: var(--black);
  opacity: 0;
  -webkit-animation: var(--welcomeTextFadeInDuration) var(--welcomeTextFadeInDelay) both,
    var(--welcomeTextFadeOurDuration) var(--welcomeTextFadeOurDelay) forwards;
  animation: var(--welcomeTextFadeInDuration) var(--welcomeTextFadeInDelay) both,
    var(--welcomeTextFadeOurDuration) var(--welcomeTextFadeOurDelay) forwards;
  pointer-events: none;
}

.welcome__text.animate {
  -webkit-animation-name: fadeIn, fadeOut;
  animation-name: fadeIn, fadeOut;
}

@media screen and (max-width: 1024px) {
  .welcome__title {
    font-size: 50px;
    width: 100%;
    padding: 0 116px;
  }

  .welcome__logo svg {
    min-width: initial !important;
  }

  .welcome__logo svg:nth-child(1) {
    width: 156px;
    height: 156px;
    margin-right: 14px;
  }

  .welcome__logo svg:nth-child(2) {
    width: 110px;
    height: 152px;
    margin-right: 11px;
  }

  .welcome__logo svg:nth-child(3) {
    width: 126px;
    height: 154px;
    margin-right: 21px;
  }

  .welcome__logo svg:nth-child(4) {
    width: 128px;
    height: 152px;
  }

  .welcome__logo-img {
    width: 285px;
    height: 285px;
  }

  .welcome__text {
    font-size: 36px;
  }
}

@media screen and (max-width: 768px) {
  .welcome__logo svg {
    min-width: initial !important;
  }

  .welcome__text {
    font-size: 25px;
    line-height: 30px;
  }
}

@media screen and (max-width: 680px) {
  .welcome__title {
    font-size: 8.125vw;
    line-height: 9.375vw;
    padding: 0 8.75vw;
  }

  .welcome__logo svg:nth-child(1) {
    margin-right: 1.875vw;
    width: 21.875vw;
    height: 21.875vw;
  }

  .welcome__logo svg:nth-child(2) {
    margin-right: 1.563vw;
    width: 15.625vw;
    height: 21.25vw;
  }

  .welcome__logo svg:nth-child(3) {
    margin-right: 3.125vw;
    width: 17.813vw;
    height: 21.563vw;
  }

  .welcome__logo svg:nth-child(4) {
    width: 18.125vw;
    height: 21.25vw;
  }

  .welcome__logo-img {
    width: 40vw;
    height: 40vw;
  }

  .welcome__text {
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    padding: 0 16px;
  }
}

@media screen and (max-width: 480px) {
  .welcome-action {
    font-size: 12px;
  }
}

.header {
  width: 100vw;
  transition: background .4s var(--defaultTimingFunction);
  z-index: 2;
  position: relative;
}

.header.fixed {
  position: fixed;
  bottom: 100%;
  left: 0;
  background: none;
  z-index: 2;
  transition: transform .6s var(--defaultTimingFunction);
}

.fixed.header--shown {
  transform: translateY(100%);
}

.header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}

.header__logo {
  width: 115px;
  display: block;
  z-index: 1;
  position: relative;
}

.header-main .header__logo .img:last-child {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .4s ease;
}

.header-main.header--closed .header__logo .img:last-child {
  transition-delay: 1.2s;
}

.header-main .header__logo .img:first-child {
  opacity: 1;
}

.header-main.fixed .header__logo .img:first-child,
.header-main.header--opened .header__logo .img:first-child {
  opacity: 0;
}

.header-main.fixed .header__logo .img:last-child,
.header-main.header--opened .header__logo .img:last-child {
  opacity: 1;
  pointer-events: none;
  transition-delay: 0s;
}

.header-menu__btn {
  position: relative;
  background: var(--black);
  border-radius: 50%;
  overflow: hidden;
  -webkit-appearance: none;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  cursor: pointer;
  z-index: 1;
  outline: none;
}

.header-menu__btn-line {
  width: 20px;
  height: 1px;
  background: white;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  animation: .4s var(--defaultTimingFunction) both;
}

.header-menu__btn-line:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 100%;
  width: 25%;
  height: 100%;
  background: var(--black);
  transition: transform 1s var(--defaultTimingFunction);
}

.header-menu__btn-line:last-child:before {
  transition-delay: .2s;
}

.header-menu__btn-line:first-child {
  transform: translateY(-3.5px);
}

.header-menu__btn-line:last-child {
  transform: translateY(3.5px);
}

.header-menu__btn--shown .header-menu__btn-line:first-child {
  animation-name: menuOpenTop;
}

.header-menu__btn--shown .header-menu__btn-line:last-child {
  animation-name: menuOpenBot;
}

.header-menu__btn--hidden .header-menu__btn-line:first-child {
  animation-name: menuOpenTopBack;
}

.header-menu__btn--hidden .header-menu__btn-line:last-child {
  animation-name: menuOpenBotBack;
}

.menu {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100vw;
  min-height: 700px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: var(--gray200);
  padding: 120px 0 50px 16.667vw;
  overflow: hidden;
  transition: transform .4s 1s var(--defaultTimingFunction);
}

.header--opened .menu {
  transform: translateY(100%);
  transition-delay: 0s;
}

.nav-item {
  position: relative;
  width: 348px;
}

.nav-item:hover:before,
.nav-item--opened:before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  left: 348px;
  z-index: 1;
}

.nav__link-wrap {
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.nav__link {
  color: var(--black);
  font-weight: 600;
  font-size: 50px;
  line-height: 1.28;
  letter-spacing: -.04em;
  text-decoration: none;
  text-transform: capitalize;
  display: block;
}

span.nav__link {
  pointer-events: none;
}

.nav__link--active {
  -webkit-text-stroke: 1px var(--black);
  color: rgba(0, 0, 0, 0);
}

.nav-submenu {
  position: absolute;
  top: 14px;
  right: -60vw;
  z-index: 1;
  pointer-events: none;
}

.nav-submenu-item {
  opacity: 0;
  visibility: hidden;
  transform: translateX(0);
  transition: opacity .4s var(--defaultTimingFunction),
    transform .4s .4s var(--defaultTimingFunction);
  width: 250px;
  margin: 0 auto;
}

.nav-submenu__link {
  color: var(--black);
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: -.02em;
  text-decoration: none;
  white-space: nowrap;
  display: block;
}

.header--opened .nav-item:nth-child(1) .nav__link.animate {
  animation-delay: .4s;
}

.header--opened .nav-item:nth-child(2) .nav__link.animate {
  animation-delay: .5s;
}

.header--opened .nav-item:nth-child(3) .nav__link.animate {
  animation-delay: .6s;
}

.header--opened .nav-item:nth-child(4) .nav__link.animate {
  animation-delay: .7s;
}

.header--opened .nav-item:nth-child(5) .nav__link.animate {
  animation-delay: .8s;
}

.header--opened .nav-item:nth-child(6) .nav__link.animate {
  animation-delay: .9s;
}

.header--opened .nav-item:nth-child(7) .nav__link.animate {
  animation-delay: 1s;
}

.header--opened .nav-item:nth-child(8) .nav__link.animate {
  animation-delay: 1.1s;
}

.nav-item:hover .nav-submenu-item:nth-child(2) {
  transition-delay: .1s;
}

.nav-item:hover .nav-submenu-item:nth-child(3) {
  transition-delay: .2s;
}

.nav-item:hover .nav-submenu-item:nth-child(4) {
  transition-delay: .3s;
}

.nav-item:hover .nav-submenu-item:nth-child(5) {
  transition-delay: .4s;
}

.nav-item:hover .nav-submenu-item:nth-child(6) {
  transition-delay: .5s;
}

.nav-item:hover .nav-submenu-item:nth-child(7) {
  transition-delay: .6s;
}

.nav-item:hover .nav-submenu-item:nth-child(8) {
  transition-delay: .7s;
}

.nav-item:hover .nav-submenu-item:nth-child(9) {
  transition-delay: .8s;
}

.nav-item:hover .nav-submenu-item:nth-child(10) {
  transition-delay: .9s;
}

.nav-item:hover .nav-submenu {
  pointer-events: initial;
}

.nav-item:hover .nav-submenu-item {
  opacity: 1;
  visibility: visible;
  transform: translateX(-27.778vw);
  transition: opacity .4s var(--defaultTimingFunction), transform .4s var(--defaultTimingFunction);
}

@media screen and (min-width: 1441px) {
  .header-wrap {
    height: 5.556vw;
  }

  .header__logo {
    width: 7.986vw;
  }

  .header-menu__btn {
    width: 3.333vw;
    height: 3.333vw;
  }

  .header-menu__btn-line {
    width: 1.389vw;
    height: 0.069vw;
  }

  .header-menu__btn-line:first-child {
    transform: translateY(-0.243vw);
  }

  .header-menu__btn-line:last-child {
    transform: translateY(0.243vw);
  }

  .menu {
    padding: 8.333vw 0 3.472vw 16.667vw;
  }

  .nav-item {
    width: 24.167vw;
  }

  .nav-item:hover:before,
  .nav-item--opened:before {
    left: 24.167vw;
  }

  .nav__link {
    font-size: 3.472vw;
  }

  .nav-submenu {
    top: 0.972vw;
  }

  .nav-submenu__link {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 981px) {
  .header-menu__btn:not(.header-menu__btn--shown):hover .header-menu__btn-line:before {
    transform: translateX(500%);
  }
}

@media screen and (max-width: 1024px) {
  .menu {
    padding-left: 10.938vw;
  }

  .nav-submenu {
    right: -60vw;
  }
}

@media screen and (max-width: 900px) {
  .menu {
    padding: 128px 0 0;
  }

  .nav-item {
    width: 400px;
    margin: 0 auto;
  }

  .nav-item:before,
  .cursor-filter {
    display: none;
  }

  .nav__link {
    text-align: center;
  }

  span.nav__link {
    position: relative;
  }

  span.nav__link:before,
  span.nav__link:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 6px;
    background: var(--black);
    transition: transform .4s ease;
  }

  span.nav__link:after {
    transform: rotate(90deg);
  }

  .nav-item--opened span.nav__link {
    background: linear-gradient(225deg, #4CE199 0%, var(--blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
  }

  .nav-item--opened span.nav__link:before {
    transform: rotate(45deg);
    background: #4CE19A;
  }

  .nav-item--opened span.nav__link:after {
    transform: rotate(135deg);
    background: #4CE19A;
  }

  .nav-submenu {
    position: initial;
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease-out;
  }

  .nav-submenu-item {
    text-align: center;
    opacity: 1;
    transform: none !important;
    transition-delay: 0s !important;
  }

  .nav-submenu-item:first-child {
    margin-top: 16px;
  }

  .nav-submenu-item:last-child {
    margin-bottom: 16px;
  }

  .nav-item--opened .nav-submenu {
    max-height: 100vh;
    pointer-events: auto;
    transition: max-height .4s ease-in;
  }
}

@media screen and (max-width: 480px) {
  .header-wrap {
    height: 72px;
  }

  .header__logo {
    width: 92px;
  }

  .header-menu__btn {
    width: 40px;
    height: 40px;
  }

  .nav-item {
    width: calc(100% - 32px);
  }

  .nav__link {
    font-size: 30px;
  }

  span.nav__link:before,
  span.nav__link:after {
    width: 14px;
    height: 5px;
  }

  .nav-submenu__link {
    font-size: 16px;
    line-height: 2;
  }
}

.section-video {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  margin-top: -80px;
  position: relative;
}

.section-video .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

.section-video .section-video__title {
  font-weight: 600;
  color: white;
  font-size: 40px;
  letter-spacing: -0.04em;
  position: absolute;
  bottom: 120px;
  right: 60px;
  pointer-events: none;
}

.section-video .section-video__title span {
  display: inline-block;
  opacity: 0;
}

.section-video .section-video__title.animate span {
  animation: videoTitleAnim .4s both;
}

.section-video .section-video__title:nth-child(2).close {
  transform: translateY(300%);
  transition: transform .1s ease;
}

.section-video .section-video__title:nth-child(3).close {
  transform: translateX(-100vw);
  transition: transform .1s ease;
}

.section-video .section-video__title:nth-child(4).close {
  transform: translateX(60vw);
  transition: transform .1s ease;
}

.section-video .section-video__title:nth-child(5).close {
  opacity: 0;
  transition: opacity 1s ease;
}

.gears {
  display: flex;
  justify-content: center;
}

.gears-wrap {
  margin-top: 154px;
}

.gears__item {
  width: 22.222vw;
  height: 22.222vw;
  position: relative;
}

.gears__item-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gears__item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: rotation;
  pointer-events: none;
}

.gears__item-inner:before {
  content: '';
  position: absolute;
  top: 4.167vw;
  left: 4.167vw;
  width: 13.889vw;
  height: 13.889vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  pointer-events: none;
  transform: scale(0);
  opacity: 0;
  transition: transform .4s ease, opacity .4s ease;
}

.gears__item-text {
  font-size: 1.736vw;
  color: #212D3A;
  letter-spacing: -.04em;
  font-weight: 500;
  transition: color .2s ease .2s, font-size .4s ease .2s;
}

.gears__item:nth-child(even):before {
  animation-name: rotationRevert;
}

.gears__item:nth-child(1):before {
  background-image: url("../images/gear-1.svg");
}

.gears__item:nth-child(1) .gears__item-inner:before {
  background-image: url("../images/government.svg");
}

.gears__item:nth-child(2) {
  transform: translateY(-64px) rotate(22deg);
}

.gears__item:nth-child(2) .gears__item-inner {
  transform: rotate(-22deg);
}

.gears__item:nth-child(2):before {
  background-image: url("../images/gear-2.svg");
}

.gears__item:nth-child(2) .gears__item-inner:before {
  background-image: url("../images/society.svg");
}

.gears__item:nth-child(3) {
  transform: translateY(24px) rotate(22deg);
}

.gears__item:nth-child(3) .gears__item-inner {
  transform: rotate(-22deg);
}

.gears__item:nth-child(3):before {
  background-image: url("../images/gear-3.svg");
}

.gears__item:nth-child(3) .gears__item-inner:before {
  background-image: url("../images/healthcare.svg");
}

.gears__item:nth-child(4) {
  transform: translateY(-40px);
}

.gears__item:nth-child(4):before {
  background-image: url("../images/gear-4.svg");
}

.gears__item:nth-child(4) .gears__item-inner:before {
  background-image: url("../images/business.svg");
}

.gears_opened .gears__item-text {
  color: rgba(0, 0, 0, 0);
  font-size: 0px;
  transition: color .2s ease, font-size .4s ease;
}

.gears_opened .gears__item-inner:before {
  transform: scale(1);
  opacity: 1;
  transition: transform .4s ease .2s, opacity .4s ease .2s;
}

.gears__cont {
  margin: 114px 0 0;
  display: flex;
  width: 100%;
  gap: 4.167vw;
  justify-content: center;
}

.gears__cont .text {
  width: 100%;
  max-width: 38.889vw;
  margin-bottom: 0;
}

.section-sphere__desc {
  max-width: 38.889vw;
}

.section-sphere__desc>div:first-child {
  margin-bottom: 30px;
}

.sphere {
  margin-top: 80px;
}

.sphere-list {
  display: grid;
  grid-template-columns: minmax(288px, 1fr) minmax(288px, 1fr) minmax(288px, 1fr) minmax(288px, 1fr);
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.sphere-item {
  box-shadow: 8px 8px 30px 0 rgba(33, 45, 58, 0.15);
  border-radius: 16px;
  background: white;
  padding: 24px 32px 32px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--black);
}

.sphere-item__img {
  max-width: 200px;
  max-height: 200px;
  margin-bottom: 16px;
  object-fit: contain;
}

.sphere-item__title {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.8px;
  line-height: 30px;
  margin-bottom: 8px;
}

.sphere-item__text {
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 21px;
  max-height: 84px;
  max-width: 336px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 24px;
}

.sphere-item__button {
  margin-top: auto;
  padding: 0 32px;
  max-width: max-content;
  min-width: initial;
  height: 50px;
  line-height: 50px;
}

.section-sphere__bot {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 160px;
  margin-top: 240px;
  margin-bottom: 240px;
}

.section-sphere__bot-image {
  max-width: 400px;
  max-height: 400px;
}

.section-sphere__bot-cont {
  max-width: 640px;
}

.section-sphere__bot-button {
  margin-top: 56px;
}

.home .section-demo {
  min-height: 50vw;
}

@media screen and (min-width: 1441px) {
  .section-video {
    margin-top: -5.556vw;
  }

  .gears__item {
    width: 320px;
    height: 320px;
    font-size: 25px;
  }

  .gears__item-inner:before {
    top: 60px;
    left: 60px;
    max-width: 200px;
    max-height: 200px;
  }
}

@media screen and (max-width: 1360px) {
  .sphere-list {
    grid-template-columns: minmax(288px, 400px) minmax(288px, 400px);
  }
}

@media screen and (max-width: 1024px) {
  .section-sphere__bot {
    gap: 60px;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .gears-wrap {
    margin-top: 144px;
  }

  .gears__item {
    width: 23.047vw;
    height: 23.047vw;
  }

  .gears__item-text {
    font-size: 1.953vw;
  }

  .gears__item-inner:before {
    top: 4.321vw;
    left: 4.321vw;
    width: 14.404vw;
    height: 14.404vw;
  }
}

@media screen and (max-width: 980px) {
  .section-video .section-video__title {
    right: 16px;
    bottom: 80px;
    font-size: 27px;
    max-width: 324px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .section-video .section-video__title:nth-child(4).close {
    transform: translateX(100vw);
  }

  .section-sphere__desc {
    max-width: 100%;
  }

  .section-sphere__bot-image {
    max-width: 320px;
    max-height: 320px;
  }

  .gears__cont {
    margin: 80px 0 100px;
  }
}

@media screen and (max-width: 900px) {
  .gears {
    flex-wrap: wrap;
    width: 78vw;
    margin: 0 auto;
  }

  .gears__item {
    width: 38.542vw;
    height: 38.542vw;
  }

  .gears__item-text {
    font-size: 3.255vw;
  }

  .gears__item-inner:before {
    top: 7.227vw;
    left: 7.227vw;
    width: 24.089vw;
    height: 24.089vw;
  }

  .gears__item:nth-child(2) {
    transform: translateY(-64px) rotate(17deg);
  }

  .gears__item:nth-child(2) .gears__item-inner {
    transform: rotate(-17deg);
  }

  .gears__item:nth-child(3) {
    transform: rotate(17deg);
  }

  .gears__item:nth-child(3):before {
    animation-name: rotationRevert;
  }

  .gears__item:nth-child(3) .gears__item-inner {
    transform: rotate(-17deg);
  }

  .gears__item:nth-child(4) {
    transform: translateY(-64px);
  }

  .gears__item:nth-child(4):before {
    animation-name: rotation;
  }
}

@media screen and (max-width: 768px) {
  .gallery-list {
    margin-top: 80px;
  }

  .section-sphere__bot {
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 80px;
    gap: 16px;
  }

  .section-sphere__bot-image {
    max-width: 240px;
    max-height: 240px;
  }

  .section-sphere__bot-button {
    margin-top: 32px;
  }
}

@media screen and (max-width: 480px) {
  .section-video {
    margin-top: -72px;
  }

  .sphere {
    margin-top: 40px;
  }


  .gears-wrap {
    margin-top: 40px;
    overflow: hidden;
  }

  .gears {
    flex-direction: column;
    width: 100%;
    margin-bottom: -30vw;
  }

  .gears__item {
    width: 55vw;
    height: 55vw;
  }

  .gears__item-text {
    font-size: 5vw;
  }

  .gears__item-inner:before {
    top: 10.313vw;
    left: 10.313vw;
    width: 34.375vw;
    height: 34.375vw;
  }

  .gears__item:nth-child(2) {
    transform: translateY(-10vw);
    margin-left: auto;
  }

  .gears__item:nth-child(2) .gears__item-inner {
    transform: none;
  }

  .gears__item:nth-child(3) {
    transform: translateY(-20vw);
  }

  .gears__item:nth-child(3):before {
    animation-name: rotation;
  }

  .gears__item:nth-child(3) .gears__item-inner {
    transform: none;
  }

  .gears__item:nth-child(4) {
    transform: translateY(-30vw);
    margin-left: auto;
  }

  .gears__item:nth-child(4):before {
    animation-name: rotationRevert;
  }

  .home .section-demo {
    padding-bottom: 80px;
  }
}

.header+.author {
  margin-top: -80px !important;
}

.header.fixed+.author {
  margin-top: 0 !important;
}

.author-banner {
  background: var(--gray200);
  padding: 46px;
}

.author-banner__img {
  display: block;
  max-width: 968px;
  margin: 0 auto;
}

.author-content {
  max-width: 840px;
  margin: 0 auto;
}

.author-info {
  text-align: center;
  color: var(--black);
  margin-bottom: 90px;
}

.author-info__ava {
  width: 320px;
  height: 320px;
  display: block;
  clip-path: url("#ava");
  margin: -160px auto 0;
}

.author-info__name {
  margin-top: 40px;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.author-info__position {
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -.02em;
}

.author__text {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -.02em;
  margin-bottom: 1em;
}

.author__text:last-child {
  margin-bottom: 0;
}

.author-footer {
  margin-top: 120px;
}

.author-footer__title {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.04em;
  padding-bottom: 12px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--black10);
}

.card {
  cursor: pointer;
}

.card__photo {
  display: block;
}

.card-body {
  padding: 24px 0 0 0;
}

.card-info {
  margin-bottom: 20px;
}

.card-info__text {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--black);
}

.card__title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--black);
  text-decoration: none;
}

.card--horizontal .card__photo {
  height: 250px;
}

@media screen and (max-width: 1024px) {
  .author-info {
    margin-bottom: 80px;
  }

  .author-info__ava {
    width: 282px;
    height: 282px;
    margin-top: -141px;
  }

  .author-info__name {
    font-size: 30px;
    margin-top: 32px;
  }

  .author-info__position {
    margin-top: 12px;
  }

  .author-footer {
    margin-top: 100px;
  }
}

@media screen and (max-width: 980px) {
  .author-content {
    max-width: 100%;
    padding: 0 40px;
  }

  .author-info {
    margin-bottom: 40px;
  }

  .author-info__ava {
    width: 256px;
    height: 256px;
    margin-top: -128px;
  }

  .author-footer {
    margin-top: 80px;
  }
}

@media screen and (max-width: 580px) {
  .author-content {
    padding: 0 16px;
  }

  .author-info {
    margin-bottom: 40px;
  }

  .author-info__ava {
    width: 200px;
    height: 200px;
    margin-top: -100px;
  }

  .author-info__name {
    font-size: 25px;
  }

  .author-info__position {
    margin-top: 8px;
    font-size: 18px;
  }

  .author__text {
    font-size: 16px;
  }

  .author-footer {
    margin-top: 80px;
  }

  .author-footer__title {
    font-size: 20px;
  }
}

.blog .card-list {
  margin-top: 70px;
}

.blog~.footer .bg,
.blog~.footer .bg+canvas {
  background: none;
}

.grid-sizer,
.card {
  width: 30%;
  max-width: 384px;
}

.gutter-sizer {
  width: 5%;
}

.card {
  cursor: pointer;
  margin-bottom: 72px;
  width: 100%;
}

.card:last-child {
  margin-bottom: 0;
}

.card>a {
  text-decoration: none;
}

.card__photo {
  display: block;
}

.card-body {
  padding: 24px 0 0 0;
}

.card-info {
  margin-bottom: 20px;
}

.card-info__text {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--black);
}

.card__title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--black);
}

.card--horizontal .card__photo {
  height: 250px;
}

.card--vertical .card__photo {
  height: 500px;
}

@media screen and (max-width: 1100px) {

  .grid-sizer,
  .card {
    width: 47.09%;
    max-width: 47.09%;
  }

  .gutter-sizer {
    width: 5.81%;
  }

  .card--horizontal .card__photo {
    height: 188px;
  }

  .card--vertical .card__photo {
    height: 375px;
  }
}

@media screen and (max-width: 980px) {
  .card--horizontal .card__photo {
    height: 188px;
  }

  .card--vertical .card__photo {
    height: 375px;
  }
}

@media screen and (max-width: 650px) {

  .grid-sizer,
  .card {
    width: 100%;
    max-width: 100%;
  }

  .card {
    margin-bottom: 56px;
  }

  .gutter-sizer {
    width: 0;
  }

  .card-info {
    margin-bottom: 16px;
  }

  .card__title {
    font-size: 18px;
  }

  .card--horizontal .card__photo {
    height: 188px;
  }
}

.company {
  margin-bottom: 0;
  background: white;
}

.company .section-body .section-body-cont {
  margin-top: 80px;
}

.company .section-body-photo {
  width: 424px;
  height: 340px;
  clip-path: url("#companyPhoto");
}

.section-book {
  padding-top: 90px;
  padding-bottom: 40px;
  margin-top: 0;
  position: relative;
}

.section-book:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 50vw;
  background: white;
  clip-path: url("#bgShape");
  pointer-events: none;
}

.company~.footer .bg,
.company~.footer .bg+canvas {
  height: 1520px;
  max-height: initial;
}

.company~.footer .bg .bg-bubble-group {
  top: 194px;
}

.team-cards {
  display: none;
  position: relative;
  z-index: 1;
  padding-top: 312px;
  overflow: hidden;
}

.team-cards__btn {
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  outline: none;
  display: block;
  position: absolute;
  transition: top .4s ease, right .4s ease, bottom .4s ease, left .4s ease, opacity .4s ease, visibility .4s ease, transform .4s cubic-bezier(0.01, 0.01, 0.01, 1);
}

.team-cards__btn:before {
  content: '';
  display: block;
  margin: 0 auto;
  transition: width .4s ease, height .4s ease;
}

.team-cards__btn:nth-child(1) {
  top: 40px;
  left: 13.802vw;
}

.team-cards__btn:nth-child(1):before {
  width: 134px;
  height: 134px;
  background: #3EB7EA;
  clip-path: url("#btn1");
}

.team-cards__btn:nth-child(1).team-cards__btn--hidden {
  transform: translate(-40vw, -5vw);
}

.team-cards__btn:nth-child(2) {
  top: 106px;
  right: 22.396vw;
}

.team-cards__btn:nth-child(2):before {
  width: 96px;
  height: 96px;
  background: #46CFBC;
  clip-path: url("#btn2");
}

.team-cards__btn:nth-child(2).team-cards__btn--hidden {
  transform: translate(40vw, -15vw);
}

.team-cards__btn:nth-child(3) {
  top: 374px;
  left: 19.661vw;
}

.team-cards__btn:nth-child(3):before {
  width: 115px;
  height: 115px;
  background: #40BDDF;
  clip-path: url("#btn3");
}

.team-cards__btn:nth-child(3).team-cards__btn--hidden {
  transform: translate(-40vw, -12vw);
}

.team-cards__btn:nth-child(4) {
  top: 448px;
  right: 12.5vw;
}

.team-cards__btn:nth-child(4):before {
  width: 192px;
  height: 192px;
  background: #47D3B4;
  clip-path: url("#btn4");
}

.team-cards__btn:nth-child(4).team-cards__btn--hidden {
  transform: translate(50vw, 10vw);
}

.team-cards__btn-text {
  color: var(--black);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.02em;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: calc(100% + 24px);
  transform: translateX(-50%);
  transition: opacity .4s ease;
}

.team-cards__btn .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  opacity: 0;
  width: 32px;
  height: 32px;
}

.team-cards__btn--active {
  top: 80px !important;
}

.team-cards__btn--active:nth-child(odd) {
  left: calc(50vw - 104px / 2);
}

.team-cards__btn--active:nth-child(even) {
  right: calc(50vw - 104px / 2);
}

.team-cards__btn--active:before {
  width: 104px !important;
  height: 104px !important;
}

.team-cards__btn--active .icon {
  opacity: 1;
}

.team-cards__btn--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.team-cards__btn--hidden .team-cards__btn-text {
  opacity: 0;
}

.team-cards-list {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: opacity .4s ease, visibility .4s ease;
}

.team-cards-list--opened {
  opacity: 1;
  visibility: visible;
  height: initial;
}

.team-cards-list .slick-track {
  margin-left: 40px;
}

.team-cards-item {
  background: white;
  border-radius: 8px;
  padding: 32px 40px 4px;
  width: 240px;
  margin: 0 8px;
  outline: none;
  color: var(--black);
  transition: width .4s ease, margin .4s ease, transform .4s ease;
}

.team-cards-item.prev {
  margin-right: 32px;
  margin-left: -16px;
}

.team-cards-item__ava {
  width: 160px;
  height: 160px;
  display: block;
  margin: 0 auto;
}

.team-cards-item:nth-child(4n+1) .team-cards-item__ava {
  clip-path: url("#ava1");
}

.team-cards-item:nth-child(4n+2) .team-cards-item__ava {
  clip-path: url("#ava2");
}

.team-cards-item:nth-child(4n+3) .team-cards-item__ava {
  clip-path: url("#ava3");
}

.team-cards-item:nth-child(4n+4) .team-cards-item__ava {
  clip-path: url("#ava4");
}

.team-cards-item__name {
  margin-top: 24px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.333;
  letter-spacing: -0.02em;
  text-align: center;
}

.team-cards-item__position {
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.333;
  letter-spacing: -.02em;
  text-align: center;
}

.team-cards-item-cont {
  max-height: 0;
  transition: max-height .15s ease-out;
  overflow: hidden;
}

.team-cards-item-cont-wrap {
  margin: 40px 0 12px;
  width: calc(100vw - 160px);
  transform: translateY(72px);
  opacity: 0;
  transition: transform .6s .2s ease, opacity .6s .2s ease;
}

.team-cards-item-cont-wrap p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -.02em;
  margin-bottom: 1.5em;
}

.team-cards-item-cont-wrap p:last-child {
  margin-bottom: 0;
}

.team-cards-item__btn {
  -webkit-appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 20px auto 0;
  display: block;
  cursor: pointer;
  outline: none;
  width: 100%;
}

.team-cards-item__btn .icon {
  margin: 0 auto;
  transition: transform .4s ease;
}

.team-cards-item--expanded {
  width: calc(100vw - 80px);
  margin-right: 40px;
  margin-bottom: 80px;
}

.team-cards-item--expanded .team-cards-item-cont {
  max-height: 200vh;
  transition: max-height .25s ease-in;
}

.team-cards-item--expanded .team-cards-item-cont-wrap {
  transform: translateY(0);
  opacity: 1;
}

.team-cards-item--expanded .team-cards-item__btn .icon {
  transform: rotate(180deg);
}

@media screen and (max-width: 1024px) {
  .company .section-body .section-body-cont {
    margin: 56px 60px 0 0;
  }

  .company {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 1000px) {
  .team-cards {
    display: block;
  }

  .section-book {
    min-height: calc(100vw);
    padding-bottom: 0;
  }

  .team-cards__btn--sticky .team-cards__btn-text {
    display: none;
  }

  .team-cards__btn--sticky {
    position: fixed;
    z-index: 1;
    top: initial !important;
    right: 56px !important;
    bottom: 16px;
    left: initial !important;
    animation: var(--defaultDuration) moveFromRight both;
    transition: none;
  }

  .team-cards__btn--sticky:before {
    width: 56px !important;
    height: 56px !important;
    transition: none;
  }
}

@media screen and (max-width: 980px) {
  .company .section-body {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }

  .company .section-body .section-body-cont {
    margin: 0 0 40px;
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .sphere-list {
    grid-template-columns: minmax(288px, 400px);
  }

  .team-cards {
    padding-top: 136px;
  }

  .team-cards__btn:nth-child(1) {
    top: 20px;
  }

  .team-cards__btn:nth-child(1):before {
    width: 56px;
    height: 56px;
  }

  .team-cards__btn:nth-child(2) {
    top: 56px;
  }

  .team-cards__btn:nth-child(2):before {
    width: 40px;
    height: 40px;
  }

  .team-cards__btn:nth-child(3) {
    top: 167px;
  }

  .team-cards__btn:nth-child(3):before {
    width: 48px;
    height: 48px;
  }

  .team-cards__btn:nth-child(4) {
    top: 198px;
  }

  .team-cards__btn:nth-child(4):before {
    width: 80px;
    height: 80px;
  }

  .team-cards__btn--active {
    top: 24px !important;
  }

  .team-cards__btn--active:nth-child(odd) {
    left: calc(50vw - 56px / 2);
  }

  .team-cards__btn--active:nth-child(even) {
    right: calc(50vw - 56px / 2);
  }

  .team-cards__btn--active:before {
    width: 56px !important;
    height: 56px !important;
  }

  .team-cards__btn--sticky {
    top: initial !important;
  }

  .team-cards__btn .icon {
    width: 24px;
    height: 24px;
  }

  .team-cards__btn-text {
    font-size: 15px;
    top: calc(100% + 8px);
  }

  .team-cards-list .slick-track {
    margin-left: 16px;
  }

  .team-cards-item {
    padding: 24px 12px 4px;
    width: 180px;
  }

  .team-cards-item.prev {
    margin-right: 8px;
    margin-left: 8px;
  }

  .team-cards-item__ava {
    width: 116px;
    height: 116px;
  }

  .team-cards-item__name {
    margin-top: 14px;
    font-size: 15px;
  }

  .team-cards-item__position {
    font-size: 13px;
  }

  .team-cards-item-cont-wrap {
    margin-top: 24px;
    width: 100%;
  }

  .team-cards-item-cont-wrap p {
    font-size: 13px;
  }

  .team-cards-item--expanded {
    width: calc(100vw - 32px);
    margin-right: 16px;
  }

  .team-cards__btn--sticky {
    right: 16px !important;
    bottom: 16px;
  }
}

@media screen and (max-width: 480px) {
  .company .section-body {
    margin-top: 20px;
  }

  .company .section-body .section-body-cont .text {
    margin-top: 20px;
  }

  .company~.footer .bg,
  .company~.footer .bg+canvas {
    filter: none;
  }
}

.map-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.map {
  background: gray;
  width: 100%;
  height: 100vh;
  min-height: 700px;
}

.map-block {
  background: white;
  box-shadow: 0 0 20px 0 rgba(33, 45, 58, .20);
  border-radius: 16px;
  max-width: 448px;
  left: 80px;
  padding: 56px;
  position: absolute;
  z-index: 1;
}

.map-block-group {
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.map-block-group:last-child {
  margin-bottom: 0;
}

.map-block-group__title {
  font-weight: 600;
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: -.04em;
  margin-bottom: 8px;
  color: var(--black);
}

.map-block-group__link,
.map-block-group__text {
  color: var(--black);
  text-decoration: none;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.contacts-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 120px;
}

.contacts-form .form-group {
  margin: 0 24px 0 0;
  width: 320px;
  min-width: 168px;
}

.contacts-form .form-group:nth-child(1),
.contacts-form .form-group:nth-child(2) {
  min-width: 272px;
}

.contacts-form .form-actions {
  margin: 0;
}


@media screen and (max-width: 980px) {
  .map-wrap {
    flex-direction: column;
  }

  .map {
    height: 512px;
    min-height: 512px;
  }

  .map-block {
    position: static;
    box-shadow: none;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    padding: 10px 80px 80px;
  }

  .contacts-form {
    flex-direction: column;
    margin-top: 80px;
  }

  .contacts-form .form-group {
    width: 100%;
    min-width: initial !important;
    margin: 0 0 32px;
  }

  .contacts-form .form-actions {
    margin-top: 24px;
  }
}

@media screen and (max-width: 480px) {
  .contacts {
    margin-bottom: 80px;
  }

  .map {
    height: 284px;
    min-height: 284px;
  }

  .map-block {
    padding: 10px 16px 80px;
  }

  .map-block-group {
    margin-bottom: 24px;
  }

  .map-block-group__title {
    font-size: 22px;
  }

  .map-block-group__link,
  .map-block-group__text {
    font-size: 15px;
    line-height: 1.46;
  }
}

.demo {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.bubble {
  position: absolute;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

.bubble1 {
  width: 344px;
  height: auto;
  left: -160px;
  top: 50px;
}

.bubble2 {
  width: 244px;
  height: auto;
  top: -40px;
  left: 864px;
}

.bubble3 {
  width: 320px;
  height: auto;
  top: 440px;
  left: 300px;
}

.bubble4 {
  width: 564px;
  height: auto;
  right: -330px;
  top: 330px;
}

.demo .title-scrolling-wrap {
  position: relative;
  z-index: 1;
}

.form-wrap {
  margin-top: 60px;
}

.form-wrap:before {
  z-index: 0;
}

.form,
.form-success {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.form-success {
  text-align: center;
}

.form-success__photo {
  width: 320px;
  height: 240px;
  display: block;
  margin: 0 auto 16px;
}

.form-success__photo .video {
  width: 100%;
  height: 100%;
}

.form-success__title {
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: -1.6px;
  font-weight: 600;
  color: var(--black);
}

.form-success .button {
  margin-top: 56px;
}

@media screen and (max-width: 1024px) {
  .bubble1 {
    width: 305px;
    left: -110px;
    top: 128px;
  }

  .bubble2 {
    width: 174px;
    top: 57px;
    left: 529px;
  }

  .bubble3 {
    width: 180px;
    top: 464px;
    left: 232px;
  }

  .bubble4 {
    width: 400px;
    right: -290px;
    top: 426px;
  }

  .form-wrap {
    margin-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  .bubble1 {
    width: 230px;
    left: -70px;
    top: 168px;
  }

  .bubble2 {
    width: 130px;
    top: 80px;
    left: 492px;
  }

  .bubble3 {
    width: 134px;
    top: 498px;
    left: 166px;
  }

  .bubble4 {
    width: 300px;
    right: -158px;
    top: 655px;
  }
}

@media screen and (max-width: 480px) {

  .bubble1,
  .bubble2,
  .bubble3,
  .bubble4 {
    display: none;
  }

  .form-wrap {
    margin-top: 10px;
  }

  .form-success__photo {
    width: 256px;
    height: 192px;
  }

  .form-success__title {
    font-size: 30px;
  }

  .form-success .button {
    margin-top: 48px;
  }
}

.header+.post {
  margin-top: -80px !important;
}

.header.fixed+.post {
  margin-top: 0 !important;
}

.post~.footer .bg,
.post~.footer .bg+canvas {
  background: none;
}

.post__banner {
  width: 100%;
  height: 360px;
  display: block;
}

.post-wrap {
  margin-top: 90px;
  margin-bottom: 120px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.post-sidebar {
  position: sticky;
  top: 90px;
  max-width: 400px;
  min-width: 304px;
  margin-right: 40px;
}

.post-sidebar__link {
  color: var(--black);
  text-decoration: none;
  font-size: 13px;
  line-height: 1.4;
  padding: 6px 0;
  opacity: .5;
  display: block;
  position: relative;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: no-repeat;
  outline: none;
  cursor: pointer;
  transition: opacity .4s ease;
}

.post-sidebar__link:before {
  content: '•';
  position: absolute;
  left: -20px;
  margin-right: 12px;
  opacity: 0;
  transition: opacity .4s ease;
}

.post-sidebar__link--active,
.post-sidebar__link--active:before {
  opacity: 1;
}

.post-content {
  color: var(--black);
  max-width: 840px;
}

.post__title {
  font-size: 40px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.04em;
  margin-bottom: 72px;
}

.post-info {
  display: flex;
  justify-content: space-between;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--black10);
  margin-bottom: 90px;
}

.post-info__text {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--black);
}

.post__text {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -.02em;
  margin-bottom: 1em;
}

.post__text:last-child {
  margin-bottom: 0;
}

.post__subtitle {
  margin: 110px 0 44px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.04em;
}

.post-footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 72px 40px;
}

@media screen and (max-width: 1100px) {
  .post-wrap {
    width: calc(100% - 80px);
  }

  .post-sidebar {
    min-width: 250px;
  }
}

@media screen and (max-width: 980px) {
  .post-wrap {
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .post-sidebar {
    display: none;
  }

  .post-info {
    margin-bottom: 80px;
  }

  .post__subtitle {
    margin-top: 72px;
    margin-bottom: 40px;
  }

  .post-footer {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 480px) {
  .post__banner {
    height: 200px;
  }

  .post-wrap {
    margin-top: 40px;
    width: calc(100% - 32px);
  }

  .post__title {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 32px;
  }

  .post-info {
    margin-bottom: 40px;
  }

  .post__text {
    font-size: 16px;
  }

  .post__subtitle {
    margin-top: 48px;
    margin-bottom: 20px;
    font-size: 20px;
  }
}

@media screen and (max-width: 650px) {
  .post-footer {
    grid-template-columns: 1fr;
    grid-gap: 56px;
  }
}

.header {
  z-index: 3;
}

.products {
  background: var(--gray200);
  width: 100vw;
  height: 100vh;
  min-height: 700px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.products-welcome {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: var(--gray200);
}

.products-welcome:before,
.products-welcome:after {
  content: '';
  position: absolute;
}

.products-welcome:before {
  width: 307px;
  height: 163px;
  bottom: 40px;
  left: 19px;
  display: block;
  background: url("../images/products/bubble-1.svg") no-repeat center;
  background-size: contain;
}

.products .welcome {
  background: none;
}

.products .welcome__logo {
  -webkit-clip-path: url("#welcome-mask");
  clip-path: url("#welcome-mask");
}

.products-welcome__title {
  font-size: 40px;
  color: var(--black);
  text-transform: uppercase;
  position: absolute;
}

.products-welcome__title span {
  padding: 0 calc(40px / 2);
  display: inline-block;
  opacity: 0;
  transform: scale(1.2) translateX(-20px);
  transition: opacity .2s ease, transform .2s ease;
}

.products-welcome__title span:nth-child(2) {
  transition-delay: calc(var(--welcomeDelay) * 1);
}

.products-welcome__title span:nth-child(3) {
  transition-delay: calc(var(--welcomeDelay) * 2);
}

.products-welcome__title span:nth-child(4) {
  transition-delay: calc(var(--welcomeDelay) * 3);
}

.products-welcome__title span:nth-child(5) {
  transition-delay: calc(var(--welcomeDelay) * 4);
}

.products-welcome__title span:nth-child(6) {
  transition-delay: calc(var(--welcomeDelay) * 5);
}

.products-welcome__title span:nth-child(7) {
  transition-delay: calc(var(--welcomeDelay) * 6);
}

.products-welcome__title span:nth-child(8) {
  transition-delay: calc(var(--welcomeDelay) * 7);
}

.products-welcome__title_animated span {
  opacity: 1;
  transform: none;
}

.welcome-mask_animated path {
  d: path('M1,0.681 L1,1 L0,1 L0,0.681 L1,0.681 Z M1,0 L1,0.318 L0,0.318 L0,0 L1,0 Z');
  transition: d .8s ease;
}

.products-welcome__title_blured span {
  filter: blur(30px);
  transition: filter .6s ease;
}

.products-welcome__title_blured span:nth-child(3),
.products-welcome__title_blured span:nth-child(4),
.products-welcome__title_blured span:nth-child(6) {
  transition-delay: calc(var(--welcomeDelay) * 1);
}

.products-welcome__title_blured span:nth-child(2),
.products-welcome__title_blured span:nth-child(7) {
  transition-delay: calc(var(--welcomeDelay) * 2);
}

.products-welcome__title_blured span:nth-child(1),
.products-welcome__title_blured span:nth-child(5),
.products-welcome__title_blured span:nth-child(8) {
  transition-delay: calc(var(--welcomeDelay) * 3);
}

.products__list {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 700px;
  perspective: 700px;
  transform-style: preserve-3d;
  overflow: hidden;
  opacity: 0;
  transition: opacity .4s ease;
}

.products__list.shown {
  opacity: 1;
}

.products__cursor {
  position: absolute;
  left: -30px;
  top: -30px;
  width: 60px;
  height: 60px;
  background: url("../images/cursors/default.svg") no-repeat center;
  opacity: 0;
  pointer-events: none;
  will-change: transform;
  transition: transform .05s ease, opacity .2s ease;
}

.products__cursor_visible {
  opacity: 1;
}

.products__cursor_highlighted {
  background-image: url("../images/cursors/eye.svg");
}

.products__cursor_closed {
  background-image: url("../images/cursors/close.svg");
}

.products__item {
  position: absolute;
  width: 27.778vw;
  height: 27.778vw;
  opacity: 0;
  transition: transform .4s cubic-bezier(0, 0, .02, .2), opacity .4s cubic-bezier(0, 0, .02, .2);
}

.products__item:nth-child(1) {
  top: calc(100% - 27.778vw);
  left: 20.833vw;
}

.products__item:nth-child(2) {
  top: 0vw;
  left: 17.361vw;
}

.products__item:nth-child(3) {
  top: 3.472vw;
  left: calc(100% - 34.722vw);
}

.products__item:nth-child(4) {
  top: calc(100% - 20.833vw);
  left: calc(100% - 13.889vw);
}

.products__item_active {
  top: 7.778vw !important;
  left: calc(50vw - 13.889vw) !important;
  opacity: 1 !important;
  transform: translateZ(0);
  transition: transform .8s ease, left .8s ease, top .8s ease, opacity .8s ease;
}

.products__item_unactive {
  transform: translateZ(48.611vw) !important;
  transition: transform .8s ease;
}

.products__item_active .products__title {
  transform: translateY(5.833vw);
  font-size: 2.778vw;
}

.products__title {
  margin-top: -2em;
  font-size: 1.667vw;
  line-height: 1.1em;
  font-weight: 500;
  color: var(--black);
  letter-spacing: -.02em;
  text-align: center;
  transition: transform .8s ease, font-size .8s ease;
}

.products .product__body {
  margin-top: 0;
}

.products .section-demo {
  padding-bottom: 5.556vw;
}

.product {
  position: relative;
  margin: 0;
}

.product__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  min-height: 700px;
  width: 100vw;
  text-align: center;
  position: fixed;
  top: 0;
  background: var(--gray200);
}

.product__header-title {
  margin-top: 40px;
  font-size: 40px;
  line-height: 44px;
  font-weight: 500;
  color: var(--black);
  letter-spacing: -.02em;
  text-align: center;
}

.product__header-image {
  width: 400px;
  height: 400px;
  display: block;
}

.product-single {
  position: relative;
  z-index: 1;
  background: var(--gray200);
}

.product__body {
  margin-top: 100vh;
  padding: 1px 0;
  position: relative;
}

.products__body-bg .bg-bubble {
  width: 46.042vw;
  height: 24.444vw;
  top: 12.986vw;
  left: 23.125vw;
  transform: scaleX(-1);
}

.products__body-bg .bg-bubble-group {
  width: 102.639vw;
  height: 94.097vw;
  top: 41.944vw;
  left: -1.389vw;
}

.products__body-bg.bg_light .bg-bubble_light {
  width: 71.389vw;
  height: 66.944vw;
  top: 43.333vw;
  left: 36.286vw;
}

.product__block {
  margin-top: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100vw;
  padding: 0 5.556vw;
}

.product__block-img {
  position: relative;
  width: 31.111vw;
  height: 36.111vw;
}

.product__block-img>.img {
  -o-object-fit: contain;
  object-fit: contain;
}

.product__block-cont {
  width: 38.889vw;
}

.product__block-cont .title {
  font-size: 30px;
  margin-bottom: 48px;
}

.product-flow {
  background: var(--gray200) linear-gradient(180deg, white 21%, rgba(255, 255, 255, 0) 42%);
}

.product__block-img .flow-card {
  position: absolute;
}

.product__block-img .flow-card:first-child {
  top: 5vw;
  z-index: 1;
}

.product__block-img .flow-card:last-child {
  left: 11.111vw;
}

.product-flow .product__block-img {
  perspective: 2000px;
  perspective-origin: bottom;
}

.product-flow .product__block-cont {
  z-index: 1;
}

.product-flow .product__block-cont .text {
  white-space: pre-wrap;
}

.flow-card {
  width: 20vw;
  height: 31.111vw;
  box-shadow: .694vw .694vw 2.083vw 0 rgba(33, 45, 58, .2);
  border-radius: 2.778vw;
  background: white;
  padding: 5vw 1.111vw 1.111vw;
  text-align: center;
}

.flow-card.moving {
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.flow-card.moving:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: .694vw .694vw 2.083vw 0 rgba(33, 45, 58, .2);
  border-radius: 2.778vw;
  background: white;
  -webkit-transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}

.flow-card__icon {
  width: 8.333vw;
  height: 8.333vw;
  margin: 0 auto 3.333vw;
}

.flow-card__name {
  font-size: 1.528vw;
  color: var(--black);
  letter-spacing: -0.031vw;
  line-height: 1.806vw;
  font-weight: 500;
}

.flow-card__text {
  font-size: 1.111vw;
  line-height: 1.528vw;
  letter-spacing: -0.022vw;
  color: var(--black);
  margin-top: 1.667vw;
  white-space: pre-wrap;
}

.flow__slider {
  padding: 0 0 77vw 80px;
  overflow: hidden;
  position: sticky !important;
  top: 0;
}

.flow__slider .slider__list {
  height: 100vh;
  min-height: 700px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.product.product-flow .section-demo {
  overflow: hidden;
  background: none;
  z-index: 2;
}

.product.product-flow .footer {
  z-index: 1;
}

.product.product-flow .footer .bg .bg-bubble-group {
  top: 124px;
}

.slider {
  position: relative;
  margin: 0 auto;
}

.slider__list {
  max-width: 560px;
  position: relative;
  width: 100%;
}

.slider__item {
  max-width: 100%;
  color: var(--black);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
}

.slider__item-title,
.slider__item-cont,
.button-toggle {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: opacity .4s ease, visibility .4s ease, transform .4s ease;
}

.slider__item_closed {
  opacity: 0;
}

.slider__item_closing {
  position: static;
}

.slider__item_closing .slider__item-title,
.slider__item_closing .slider__item-cont,
.slider__item_closing .button-toggle {
  transform: translateY(-40px);
}

.slider__item-cont {
  transition-delay: .1s !important;
}

.slider__item-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -1.2px;
  margin-bottom: 48px;
}

.slider__item-cont>p {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -.02em;
  margin-bottom: 28px;
}

.slider .button-toggle {
  margin-top: 20px;
  display: none;
  transition-delay: .2s;
}

.slider__item-title:last-child {
  margin-bottom: 0;
}

.slider__item_active {
  position: static;
  pointer-events: auto;
  opacity: 1;
}

.slider__item_active .slider__item-title,
.slider__item_active .slider__item-cont,
.slider__item_active .button-toggle {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.flow__slider-cards .flow-card {
  position: absolute;
  transition: transform 1s ease;
  pointer-events: none;
}

.flow__slider-cards .flow-card:nth-child(1) {
  top: 20.417vw;
  left: 61.111vw;
}

.flow__slider-cards .flow-card:nth-child(2) {
  top: 8.333vw;
  left: 82.222vw;
}

.flow__slider-cards .flow-card:nth-child(3) {
  top: 88.889vw;
  left: -2.222vw;
}

.flow__slider-cards .flow-card:nth-child(4) {
  top: 76.806vw;
  left: 18.889vw;
}

.flow__slider-cards .flow-card:nth-child(5) {
  top: 64.722vw;
  left: 40vw;
}

.flow__slider-cards .flow-card:nth-child(6) {
  top: 52.639vw;
  left: 61.111vw;
}

.flow__slider-cards .flow-card:nth-child(7) {
  top: 40.556vw;
  left: 82.222vw;
}

.flow__slider-cards .card-clone-next-1 {
  top: calc(52.639vw + 31.111vw + 1.111vw);
  left: 61.111vw;
}

.flow__slider-cards .card-clone-next-2 {
  top: calc(52.639vw + (31.111vw + 1.111vw) * 2);
  left: 61.111vw;
}

.flow__slider-cards .card-clone-next-3 {
  top: calc(52.639vw + (31.111vw + 1.111vw) * 3);
  left: 61.111vw;
}

.flow__slider-cards .card-clone-next-4 {
  top: calc(52.639vw + (31.111vw + 1.111vw) * 4);
  left: 61.111vw;
}

.flow__slider-cards .card-clone-next-5 {
  top: calc(52.639vw + (31.111vw + 1.111vw) * 5);
  left: 61.111vw;
}

.flow__slider-cards .card-clone-next-6 {
  top: calc(52.639vw + (31.111vw + 1.111vw) * 6);
  left: 61.111vw;
}

.flow__slider-cards .card-clone-prev-1 {
  top: calc(8.333vw - 31.111vw - 1.111vw);
  left: 82.222vw;
}

.flow__slider-cards .card-clone-prev-2 {
  top: calc(8.333vw - (31.111vw + 1.111vw) * 2);
  left: 82.222vw;
}

.flow__slider-cards .card-clone-prev-3 {
  top: calc(8.333vw - (31.111vw + 1.111vw) * 3);
  left: 82.222vw;
}

.flow__slider-cards .card-clone-prev-4 {
  top: calc(8.333vw - (31.111vw + 1.111vw) * 4);
  left: 82.222vw;
}

.flow__slider.slide-0 .card-clone {
  opacity: 0;
  visibility: hidden;
  transition: transform 1s ease, opacity 0s 1s ease, visibility 0s 1s ease;
}

/* product-vicinity begin */

.product-vicinity {
  background: white;
}

.product-vicinity .product__part2 {
  padding: 0 8.333vw 0 11.111vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 700px;
}

.product-vicinity .product__part2-img {
  width: 41.667vw;
  min-width: 41.667vw;
  height: 41.667vw;
  margin: 0 -5.278vw 0 0;
  transform: translate(-5.278vw, 0);
}

.product-vicinity .product__part2-cont {
  max-width: 560px;
  margin-left: 2.5vw;
}

.product-vicinity .product__part2-circle-waves {
  width: 100vw;
  height: 100vh;
  min-height: 700px;
  position: absolute;
  top: 3.056vw;
  right: 0;
  overflow: hidden;
  pointer-events: none;
}

.circle-waves__inner {
  position: absolute;
  right: -32.778vw;
  width: 41.667vw;
  height: 41.667vw;
}

.circle-waves__wave {
  animation: 60s rotation linear infinite;
  position: absolute;
}

.circle-waves__wave>svg {
  width: 41.667vw;
  height: 41.667vw;
}

.circle-waves__wave-1 {
  animation-duration: 70s;
}

.circle-waves__wave-2 {
  animation-duration: 60s;
}

.circle-waves__wave-3 {
  animation-duration: 50s;
}

.circle-waves__wave-4 {
  animation-duration: 40s;
}

.segment {
  color: var(--black);
  font-size: 16px;
  line-height: 1.33;
  letter-spacing: -0.020em;
  border: 1px solid #46D0B8;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity .4s ease;
}

.segment:before {
  content: attr(data-value) ' px';
  display: inline-block;
  white-space: nowrap;
  transition: transform .4s ease;
}

.segment_top:before,
.segment_bottom:before {
  transform: translateX(2.222vw);
}

.segment_top:before {
  position: absolute;
  bottom: 2.778vw;
}

.segment_right:before,
.segment_left:before {
  transform: translateY(-2.222vw);
}

.segment_top,
.segment_bottom {
  left: 50%;
  transform: translateX(-50%);
  border-right: none;
  border-left: none;
  width: 16px;
  background: url("../images/products/line-vertical.svg") center repeat-y;
}

.segment_top {
  bottom: calc(100% - 8.611vw + 1.111vw);
  padding-bottom: 2.778vw;
}

.segment_right,
.segment_left {
  top: 50%;
  transform: translateY(-50%);
  border-top: none;
  border-bottom: none;
  height: 16px;
  background: url("../images/products/line-horizont.svg") center repeat-x;
}

.segment_right {
  left: calc(100% - 8.611vw + 1.111vw);
  padding-left: 2.778vw;
}

.segment_bottom {
  top: calc(100% - 8.611vw + 1.111vw);
  padding-top: 2.778vw;
}

.segment_left {
  right: calc(100% - 8.611vw + 1.111vw);
  padding-right: 2.778vw;
  text-align: right;
}

.segment.shown {
  opacity: 1;
}

.segment_top.shown:before,
.segment_bottom.shown:before {
  transform: translateX(16px);
}

.segment_right.shown:before,
.segment_left.shown:before {
  transform: translateY(-16px);
}

.product-vicinity .product__part3 {
  padding: 0 5.556vw;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 700px;
}

.product-vicinity .product__part3 .product__block-cont {
  margin-right: 8.333vw;
}

.product-vicinity .product__part3-wrap {
  width: 41.667vw;
  min-width: 41.667vw;
  height: 41.667vw;
  position: relative;
}

.product-vicinity .product__part3-img {
  width: 100%;
  height: 100%;
}

.product-vicinity .product__part3-img-skeleton {
  position: absolute;
  top: 0;
  left: 0;
}

.product-vicinity .product__part4 {
  position: sticky;
  width: 100vw;
  height: 100vh;
  margin-top: -100vh;
  top: 0;
}

.product-vicinity .product__part4-img {
  position: absolute;
  top: 45px;
  right: 0;
  left: 0;
  margin: auto;
  width: 100vw;
  pointer-events: none;
}

.product.product-vicinity .section-demo {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  transform: translateY(-35vh) scale(0.7);
  pointer-events: none;
}

/* product-vicinity end */

@media screen and (min-width: 1101px) {

  .flow__slider.slide-1 .flow-card:nth-child(1),
  .flow__slider.slide-1 .flow-card:nth-child(6),
  .flow__slider.slide-1 .flow-card[class*="card-clone-next"] {
    transform: translateY(calc((31.111vw + 1.111vw) * -2));
  }

  .flow__slider.slide-1 .flow-card:nth-child(2),
  .flow__slider.slide-1 .flow-card:nth-child(7),
  .flow__slider.slide-1 .flow-card[class*="card-clone-prev"] {
    transform: translateY(calc((31.111vw + 1.111vw) * 2));
  }

  .flow__slider.slide-2 .flow-card:nth-child(1),
  .flow__slider.slide-2 .flow-card:nth-child(6),
  .flow__slider.slide-2 .flow-card[class*="card-clone-next"] {
    transform: translateY(calc((31.111vw + 1.111vw) * -4));
  }

  .flow__slider.slide-2 .flow-card:nth-child(2),
  .flow__slider.slide-2 .flow-card:nth-child(7),
  .flow__slider.slide-2 .flow-card[class*="card-clone-prev"] {
    transform: translateY(calc((31.111vw + 1.111vw) * 4));
  }

  .flow__slider.slider_end .flow-card:nth-child(2),
  .flow__slider.slider_end .flow-card:nth-child(7),
  .flow__slider.slider_end .flow-card.card-clone-prev-1,
  .flow__slider.slider_end .flow-card.card-clone-prev-2 {
    opacity: 0;
    visibility: hidden;
  }
}

.product .section-demo {
  position: relative;
  background: var(--gray200);
  margin: 0;
}

.products__demo-bg .bg-bubble:first-child {
  width: 21.319vw;
  height: 11.319vw;
  top: 30.694vw;
  left: 11.111vw;
  opacity: 1;
}

.products__demo-bg .bg-bubble:last-child {
  width: 46.042vw;
  height: 24.444vw;
  top: 12.292vw;
  left: 50vw;
  opacity: 1;
}

.product .section-demo-content {
  margin-top: 0;
}

.product-access {
  background: linear-gradient(180deg, white 21%, rgba(255, 255, 255, 0) 42%);
}

.product-access__code {
  margin: 8.333vw 0;
  height: 36.111vw;
  position: sticky;
  top: 8.333vw;
}

.product-access__code-animation {
  width: 53.333vw;
  height: 53.333vw;
  margin: 0 auto;
  display: block;
  transform: translateY(-8.611vw);
  position: absolute;
  left: 0;
  right: 0;
  will-change: transform;
}

.product-access__code-point {
  position: absolute;
  z-index: 1;
}

.product-access__code-point:nth-child(1) {
  top: 9.236vw;
  left: 60.417vw;
}

.product-access__code-point:nth-child(2) {
  top: 14.167vw;
  left: 38.75vw;
}

.product-access__code-point:nth-child(3) {
  top: 24.583vw;
  left: 37.5vw;
}

.point {
  width: 1.111vw;
  height: 1.111vw;
  border-radius: 50%;
  background: var(--black);
  opacity: var(--pointOpacity);
  transition: opacity .2s ease;
}

.point__line {
  position: absolute;
  height: 1px;
  background: linear-gradient(90deg, var(--black) 0%, var(--black) 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 200%;
}

.point__line_slant {
  top: 50%;
  left: 50%;
  width: 7.778vw;
  transform-origin: 0 50%;
  background-position: var(--pointLineSlantPos);
}

.point__line_horizont {
  width: 22.222vw;
  top: 0;
  right: 0;
  transform-origin: 100% 50%;
  background-image: linear-gradient(90deg, var(--black) 0%, var(--black) 50%, rgba(255, 255, 255, 0) 50%);
  background-position: var(--pointLineHorizontPos);
}

.point__text {
  font-size: 1.736vw;
  font-weight: 500;
  color: var(--black);
  letter-spacing: -.04em;
  line-height: 2.083vw;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  opacity: var(--pointTextOpacity);
}

.point.invisible {
  transition: opacity .4s ease, visibility .4s ease;
  opacity: 0;
}

.point_left .point__line_slant {
  transform: rotate(-120deg);
}

.point_right .point__line_slant {
  transform: rotate(-60deg);
}

.point_left .point__line_horizont {
  transform: rotate(120deg);
}

.point_left .point__text {
  bottom: calc(100% + 0.347vw);
}

.point_right .point__line_horizont {
  transform: rotate(60deg) scaleX(-1);
}

.point_right .point__text {
  transform: rotate(180deg) scaleY(-1);
  bottom: calc(100% + 0.347vw);
}

.product-access .product__block-img {
  width: 30.556vw;
  height: 30.556vw;
  margin: 0;
}

.access__slider {
  height: 100vh;
  min-height: 700px;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
}

.access__slider .slider__list {
  padding-top: 1.667vw;
}

.access__slider .slider__img-wrap {
  width: 27.778vw;
  height: 27.778vw;
  position: absolute;
  perspective: 277.778vw;
  right: 4.444vw;
}

.access__slider .slider__img {
  width: 53.333vw;
  height: 53.333vw;
  background-size: 53.333vw;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../animations/accessCodeScroll/2x/Yentry_01109.png");
  opacity: 0;
  transform: translate(-12.778vw, -12.986vw);
}

.access__slider .slider__img_turned {
  animation: .8s linear accessImageTurning both;
}

.access__slider .slider__img_turned-reverse {
  animation: .8s linear accessImageTurningReverse both;
}

.access__slider .slider__img_scrolling {
  background-image: url("../images/products/access-code-turned.png");
  position: relative;
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.access__slider .slider__img_scrolling:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../images/products/access-code-turned-2.png") no-repeat center;
  background-size: 53.333vw;
  -webkit-transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}

.access__slider .slider__img_visible {
  opacity: 1;
}

.product-access__scan {
  height: calc(var(--vh, 1vh) * 100);
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-access__scan-img {
  width: 30.556vw;
  height: 30.556vw;
  transition: transform 2s ease, opacity 1s .2s ease;
}

.product-access__scan-img_scaled {
  transform: rotate(1turn) scale(4);
  opacity: 0;
}

.product-access .section-demo {
  background: none;
}

.product-valet.product__body {
  padding-bottom: calc(28.472vw + 115.2vw);
}

.product-valet.product__body:before {
  content: '';
  position: absolute;
  bottom: calc(8.472vw + 115.2vw);
  width: 100%;
  height: calc(100% - (8.472vw + 115.2vw));
  background: var(--gray200);
  background-image: linear-gradient(180deg, white 21%, var(--gray200) 42%);
  pointer-events: none;
}

.product-valet .img {
  position: relative;
  z-index: 1;
}

.product-valet .tubes .product__block-img {
  width: 31.111vw;
  height: 31.111vw;
}

.product-valet .tubes .product__block-cont {
  z-index: 1;
}

.product-valet .tube {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.833vw;
  height: 31.111vw;
  transform: translate(11.667vw, -7.15vw);
}

.product-valet .tube-flask-wrap {
  margin-top: 0;
  padding: 0;
  position: sticky;
  top: 0;
  height: 100vh;
  will-change: transform;
}

.product-valet .tube-flask-wrap .product__block-cont {
  z-index: 2;
}

.product-valet .tube-flask-wrap .product__block-img {
  width: 41.667vw;
  min-width: 41.667vw;
  height: 41.667vw;
  transform: translateX(5.556vw);
  position: absolute;
  right: 0;
  bottom: 10vw;
  z-index: 1;
}

.product-valet .tube-flask-wrap .tube-up {
  width: 20.833vw;
  height: 31.111vw;
  min-width: initial;
  transform: translate(-10.514vw, -12.725vw);
}

.product-valet .tube-flask-wrap .flask-down {
  width: 31.389vw;
  height: 28.472vw;
  min-width: initial;
  transform: translate(5.556vw, 0);
  z-index: 0;
  will-change: transform;
}

.product-valet .flask-down-end {
  width: 31.389vw;
  height: 28.472vw;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate(8.611vw, -78.403vw);
}

.product-valet .drop {
  width: 100vw;
  height: 131.111vw;
  position: absolute;
  background: var(--gray200);
  top: 24.25vw;
  left: -42.917vw;
  clip-path: url("#drop");
  transform-origin: 50% 0;
  transform: scale(0);
  z-index: 1;
}

.product-valet .drop:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(86, 207, 238, 0.40) 0%, rgba(86, 207, 238, 0.20) 90%, rgba(86, 207, 238, 0.50) 100%), radial-gradient(ellipse 55% 52%, rgba(86, 207, 238, 0.00) 45%, rgba(86, 207, 238, 0.00) 95%, rgb(115 130 202 / 40%) 100%), radial-gradient(ellipse 52% 49% at 50% 50%, rgba(86, 207, 238, 0.00) 31%, rgba(86, 207, 238, 0.00) 81%, rgba(100, 170, 221, 0.24) 94%, rgb(115 130 202 / 40%) 100%), linear-gradient(180deg, rgba(86, 207, 238, 0.20) 0%, rgba(86, 207, 238, 0.00) 50%);
  z-index: -1;
}

.product-valet .drop__wave {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #57CFEE 0%, #A6E1E1 47%, rgb(226 233 246 / 0%) 100%);
  clip-path: url("#wave");
  transition: height 6s linear;
}

.product-valet .drop__wave.active {
  height: 140%;
}

.product-valet .drop .section-demo {
  background: none;
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media screen and (min-width: 1441px) {
  .product__header-title {
    margin-top: 2.778vw;
    font-size: 2.778vw;
    line-height: 3.056vw;
  }

  .product__header-image {
    width: 27.778vw;
    height: 27.778vw;
  }

  .product__block {
    margin-top: 8.333vw;
  }

  .product__block-cont .text {
    font-size: 1.25vw;
    line-height: 1.33;
  }

  .slider {
    padding-left: 5.556vw;
  }

  .slider__list {
    max-width: 38.889vw;
  }

  .slider__item-title,
  .slider__item-cont>p {
    transform: translateY(2.778vw);
  }

  .slider__item_closing .slider__item-title,
  .slider__item_closing .slider__item-cont>p {
    transform: translateY(-2.778vw);
  }

  .slider__item-title {
    font-size: 2.083vw;
    line-height: 2.361vw;
    margin-bottom: 3.333vw;
  }

  .slider__item-cont>p {
    font-size: 1.25vw;
    line-height: 1.944vw;
    margin-bottom: 1.944vw;
  }

  .slider .button-toggle {
    margin-top: 1.389vw;
  }
}

@media screen and (max-width: 1200px) {
  .slider__list {
    max-width: 500px;
  }

  .slider__item-cont>p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    letter-spacing: -.32px;
  }
}

@media screen and (max-width: 1100px) {
  .product__header-image {
    width: 320px;
    height: 320px;
  }

  .product__header-title {
    font-size: 30px;
  }

  .product__block {
    margin-top: 100px;
    justify-content: space-between;
    padding: 0;
    width: calc(100% - 80px);
  }

  .product__block-img {
    width: 41.797vw;
    height: 44.922vw;
  }

  .product__block-cont {
    width: 44.531vw;
  }

  .product__block-cont .text {
    font-size: 16px;
  }

  .slider__list {
    max-width: 420px;
  }

  .flow__slider-cards .flow-card:nth-child(1) {
    top: 22.266vw;
    left: 50.781vw;
  }

  .flow__slider-cards .flow-card:nth-child(2) {
    top: 9.766vw;
    left: 77.734vw;
  }

  .flow__slider-cards .flow-card:nth-child(3) {
    display: none;
  }

  .flow__slider-cards .flow-card:nth-child(4) {
    top: 88.281vw;
    left: -3.125vw;
  }

  .flow__slider-cards .flow-card:nth-child(5) {
    top: 75.781vw;
    left: 23.828vw;
  }

  .flow__slider-cards .flow-card:nth-child(6) {
    top: 63.281vw;
    left: 50.781vw;
  }

  .flow__slider-cards .flow-card:nth-child(7) {
    top: 50.781vw;
    left: 77.734vw;
  }

  .flow__slider-cards .card-clone-next-1 {
    top: calc(63.281vw + 39.608vw + 1.111vw);
    left: 50.781vw;
  }

  .flow__slider-cards .card-clone-next-2 {
    top: calc(63.281vw + (39.608vw + 1.111vw) * 2);
    left: 50.781vw;
  }

  .flow__slider-cards .card-clone-next-3 {
    top: calc(63.281vw + (39.608vw + 1.111vw) * 3);
    left: 50.781vw;
  }

  .flow__slider-cards .card-clone-next-4 {
    top: calc(9.766vw - (39.608vw + 1.111vw) * 2);
    left: 50.781vw;
  }

  .flow__slider-cards .card-clone-next-5 {
    top: calc(52.639vw + (39.608vw + 1.111vw) * 5);
    left: 61.111vw;
  }

  .flow__slider-cards .card-clone-next-6 {
    top: calc(52.639vw + (39.608vw + 1.111vw) * 6);
    left: 61.111vw;
  }

  .flow__slider-cards .card-clone-prev-1 {
    top: calc(9.766vw - 39.608vw - 1.111vw);
    left: 77.734vw;
  }

  .flow__slider-cards .card-clone-prev-2 {
    top: calc(9.766vw - (39.608vw + 1.111vw) * 2);
    left: 77.734vw;
  }

  .flow__slider-cards .card-clone-prev-3 {
    top: calc(9.766vw - (39.608vw + 1.111vw) * 3);
    left: 77.734vw;
  }

  .flow__slider-cards .card-clone-prev-4 {
    top: calc(9.766vw - (39.608vw + 1.111vw) * 4);
    left: 77.734vw;
  }

  .product__block-img .flow-card:first-child {
    top: 5.469vw;
  }

  .product__block-img .flow-card:last-child {
    left: 16.406vw;
  }

  .slider {
    padding: 27.051vw 0 71vw 40px;
  }

  .flow-card {
    width: 25.391vw;
    height: 39.608vw;
    padding: 5.882vw 1.373vw 1.373vw;
    border-radius: 3.529vw;
  }

  .flow-card__icon {
    width: 10.98vw;
    height: 10.98vw;
    margin-bottom: 3.922vw;
  }

  .flow-card__name {
    font-size: 1.961vw;
    line-height: 2.353vw;
    letter-spacing: -0.078vw;
  }

  .flow-card__text {
    font-size: 1.569vw;
    line-height: 2.157vw;
    letter-spacing: -0.031vw;
    margin-top: 1.961vw;
  }

  .product-access__code {
    height: 40.625vw;
    margin-top: 9.766vw;
    margin-bottom: 9.766vw;
  }

  .access__slider {
    padding: 0;
  }

  .access__slider .slider__list {
    max-width: 460px;
    padding-top: 0;
  }

  .access__slider .slider__img-wrap {
    width: 28vw;
    height: 28vw;
    right: 0;
  }

  .product-valet.product__body {
    padding-bottom: calc(28.472vw + 117vw);
  }

  .product-valet.product__body:before {
    bottom: calc(28.472vw + 117vw);
    height: calc(100% - (28.472vw + 117vw));
  }

  .product-valet .drop .section-demo {
    height: initial;
    min-height: initial;
    bottom: 20.833vw;
  }

  .product-vicinity .product__part2-circle-waves {
    top: 20px;
  }

  .circle-waves__inner {
    width: 480px;
    height: 480px;
    right: -418px;
  }

  .circle-waves__wave>svg {
    width: 480px;
    height: 480px;
  }

  .product-vicinity .product__part2 {
    padding: 9.766vw 3.906vw;
    min-height: initial;
  }

  .product-vicinity .product__part2-cont .text,
  .product-vicinity .product__block-cont .text {
    font-size: 16px;
  }

  .product-vicinity .product__part3 {
    padding: 0 0 0 3.906vw;
    min-height: initial;
  }

  .product-vicinity .product__part3 .product__block-cont {
    margin-right: 4.297vw;
  }

  .product-vicinity .product__block-cont .title {
    margin-bottom: 40px;
  }

  .product-vicinity .product__part3-wrap {
    width: 46.875vw;
    min-width: 46.875vw;
    height: 46.875vw;
  }
}

@media screen and (max-width: 1100px) and (min-width: 981px) {

  .flow__slider.slide-1 .flow-card:nth-child(1),
  .flow__slider.slide-1 .flow-card:nth-child(6),
  .flow__slider.slide-1 .flow-card[class*="card-clone-next"] {
    transform: translateY(calc((39.608vw + 1.111vw) * -2));
  }

  .flow__slider.slide-1 .flow-card:nth-child(2),
  .flow__slider.slide-1 .flow-card:nth-child(7),
  .flow__slider.slide-1 .flow-card[class*="card-clone-prev"] {
    transform: translateY(calc((39.608vw + 1.111vw) * 2));
  }

  .flow__slider.slide-2 .flow-card:nth-child(1),
  .flow__slider.slide-2 .flow-card:nth-child(6),
  .flow__slider.slide-2 .flow-card[class*="card-clone-next"] {
    transform: translateY(calc((39.608vw + 1.111vw) * -4));
  }

  .flow__slider.slide-2 .flow-card:nth-child(2),
  .flow__slider.slide-2 .flow-card:nth-child(7),
  .flow__slider.slide-2 .flow-card[class*="card-clone-prev"] {
    transform: translateY(calc((39.608vw + 1.111vw) * 4));
  }
}

@media screen and (max-width: 1024px) {
  .product-access__code {
    height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
  }

  .product-access__code-animation {
    transform: none;
  }

  .product-access__code-point:nth-child(1) {
    top: 59.236vw;
    left: 60.417vw;
  }

  .product-access__code-point:nth-child(2) {
    top: 64.167vw;
    left: 38.75vw;
  }

  .product-access__code-point:nth-child(3) {
    top: 74.583vw;
    left: 37.5vw;
  }

  .product-access__scan {
    min-height: initial;
  }

  .product-vicinity .product__part2-img {
    width: 46.875vw;
    min-width: 46.875vw;
    height: 46.875vw;
    margin-right: -9.766vw;
    transform: translate(-9.766vw, 0);
  }

  .product-vicinity .product__part2-cont {
    margin-left: 0;
  }

  .products-welcome__title {
    font-size: 3.229vw;
  }

  .products-welcome__title span {
    padding: 0 calc(28.4px / 2);
  }

  .product-vicinity .product__part4-img {
    top: 420px;
  }
}

@media screen and (max-width: 980px) {
  .product__block {
    margin-top: 80px;
    flex-direction: column;
  }

  .product__block-img {
    width: 56.25vw;
    height: 60.417vw;
  }

  .product__block-cont+.product__block-img,
  .product__block-img+.product__block-cont {
    margin-top: 80px;
  }

  .product__block-img .flow-card:first-child {
    top: 7.292vw;
  }

  .product__block-img .flow-card:last-child {
    left: 21.875vw;
  }

  .product__block-cont {
    width: 100%;
  }

  .product__block-cont .text {
    font-size: 18px;
    line-height: 28px;
  }

  .products__body-bg .bg-bubble {
    width: 61.328vw;
    height: 32.552vw;
    top: 17.188vw;
    left: 14.063vw;
  }

  .products__body-bg .bg-bubble-group {
    width: 102.474vw;
    height: 94.01vw;
    top: 79.427vw;
    left: -1.432vw;
  }

  .products__body-bg.bg_light .bg-bubble_light {
    width: 71.354vw;
    height: 66.797vw;
    top: 67.318vw;
    left: 29.948vw;
  }

  .products__demo-bg .bg-bubble:first-child {
    width: 218px;
    height: 116px;
    top: 52.344vw;
    left: 5.208vw;
  }

  .products__demo-bg .bg-bubble:last-child {
    width: 61.328vw;
    height: 32.552vw;
    top: 20.313vw;
    left: 38.672vw;
  }

  .flow-card {
    width: 34.375vw;
    height: 53.125vw;
    padding: 8.073vw 2.083vw 2.083vw;
    border-radius: 4.688vw;
  }

  .flow-card__icon {
    width: 14.583vw;
    height: 14.583vw;
    margin-bottom: 5.208vw;
  }

  .flow-card__name {
    font-size: 2.604vw;
    line-height: 3.125vw;
    letter-spacing: -0.104vw;
  }

  .flow-card__text {
    font-size: 2.083vw;
    line-height: 2.865vw;
    letter-spacing: -0.042vw;
    margin-top: 2.604vw;
  }

  .slider {
    padding: 7.813vw 40px 20.573vw;
  }

  .slider__list {
    min-height: 334px;
  }

  .slider__item-cont>p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.36px;
    margin-bottom: 28px;
  }

  .flow__slider .slider__list {
    max-width: 100%;
    height: initial;
    min-height: initial;
  }

  .flow__slider-cards {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 34.375vw);
    grid-gap: 2.604vw;
    margin-top: 10.417vw;
    width: 100vw;
    margin-left: -9.375vw;
  }

  .flow__slider-cards .flow-card {
    position: static;
    transition: transform 1s ease, opacity .4s ease;
  }

  .flow__slider.slide-prev .flow-card {
    position: static;
    transition: transform 1s ease, opacity .4s .2s ease;
  }

  .flow__slider-cards .flow-card:nth-child(2),
  .flow__slider-cards .flow-card:nth-child(3),
  .flow__slider-cards .flow-card:nth-child(4),
  .flow__slider-cards .flow-card:nth-child(6),
  .flow__slider-cards .flow-card:nth-child(8),
  .flow__slider-cards .flow-card:nth-child(10),
  .flow__slider-cards .flow-card:nth-child(11),
  .flow__slider-cards .flow-card:nth-child(13) {
    transform: translateY(16.667vw);
  }

  .flow__slider-cards .flow-card {
    order: 2;
  }

  .flow__slider-cards .flow-card:nth-child(1) {
    order: 1;
  }

  .flow__slider-cards .flow-card:nth-child(2) {
    order: 0;
  }

  .flow__slider-cards .flow-card:nth-child(3) {
    display: block;
  }

  .flow__slider-cards .flow-card:nth-child(7) {
    display: none;
  }

  .flow__slider.slide-1 {
    margin-bottom: -53.125vw;
  }

  .flow__slider.slide-1 .flow-card {
    transform: translateY(-53.125vw);
  }

  .flow__slider.slide-1 .flow-card:nth-child(2),
  .flow__slider.slide-1 .flow-card:nth-child(3),
  .flow__slider.slide-1 .flow-card:nth-child(4),
  .flow__slider.slide-1 .flow-card:nth-child(6),
  .flow__slider.slide-1 .flow-card:nth-child(8),
  .flow__slider.slide-1 .flow-card:nth-child(10),
  .flow__slider.slide-1 .flow-card:nth-child(11),
  .flow__slider.slide-1 .flow-card:nth-child(13) {
    transform: translateY(calc(-100% + 16.667vw));
  }

  .flow__slider.slide-2 {
    margin-bottom: calc(-53.125vw * 2);
  }

  .flow__slider.slide-2 .flow-card {
    transform: translateY(calc(-53.125vw * 2));
  }

  .flow__slider.slide-2 .flow-card:nth-child(2),
  .flow__slider.slide-2 .flow-card:nth-child(3),
  .flow__slider.slide-2 .flow-card:nth-child(4),
  .flow__slider.slide-2 .flow-card:nth-child(6),
  .flow__slider.slide-2 .flow-card:nth-child(8),
  .flow__slider.slide-2 .flow-card:nth-child(10),
  .flow__slider.slide-2 .flow-card:nth-child(11),
  .flow__slider.slide-2 .flow-card:nth-child(13) {
    transform: translateY(calc(-200% + 16.667vw));
  }

  .flow__slider.slide-1 .flow-card:nth-child(1),
  .flow__slider.slide-1 .flow-card:nth-child(2),
  .flow__slider.slide-1 .flow-card:nth-child(3),
  .flow__slider.slide-2 .flow-card:nth-child(1),
  .flow__slider.slide-2 .flow-card:nth-child(2),
  .flow__slider.slide-2 .flow-card:nth-child(3),
  .flow__slider.slide-2 .flow-card:nth-child(4),
  .flow__slider.slide-2 .flow-card:nth-child(5),
  .flow__slider.slide-2 .flow-card:nth-child(6) {
    opacity: 0;
  }

  .product-access__code {
    margin: 10vw 0;
  }

  .product-access .product__block-img {
    order: -1;
    width: 36.719vw;
    height: 36.719vw;
    margin-top: 0;
    margin-bottom: 80px;
  }

  .access__slider {
    padding: 0;
    flex-direction: column-reverse;
    justify-content: center;
    min-height: initial;
    margin-top: 15.104vw;
    margin-bottom: 10.417vw;
  }

  .access__slider .slider__list {
    max-width: 100%;
  }

  .access__slider .slider__img-wrap {
    position: static;
  }

  .access__slider .slider__img {
    transform: translate(-12.778vw, -7vw);
  }



  .product-access__scan-img {
    width: 45.833vw;
    height: 45.833vw;
  }

  /* product valet */

  .product-valet.product__body {
    padding-bottom: calc(28.472vw + 162.2vw);
  }

  .product-valet.product__body:before {
    bottom: calc(28.472vw + 162.2vw);
    height: calc(100% - (28.472vw + 162.2vw));
  }

  .product-valet .tubes .product__block-img {
    width: 46.875vw;
    height: 46.875vw;
  }

  .product-valet .tube {
    width: 31.380vw;
    height: 46.875vw;
    transform: translate(17.6vw, -10.8vw);
  }

  .product-valet .tube-flask-wrap {
    height: 47.222vw;
  }

  .product-valet .tube-flask-wrap .product__block-cont {
    margin-top: 13.889vw;
  }

  .product-valet .tube-flask-wrap .tube-flask {
    transform: translate(-14.444vw, 61vw);
    width: 62.500vw;
    min-width: 62.500vw;
    height: 62.500vw;
    margin: 0;
    bottom: -8.163vw;
  }

  .product-valet .tube-flask-wrap .tube-up {
    transform: translate(-38.8vw, 50.45vw);
    width: 31.380vw;
    height: 46.875vw;
  }

  .product-valet .tube-flask-wrap .flask-down,
  .product-valet .flask-down-end {
    width: 47.005vw;
    height: 42.708vw;
    transform: translate(-14.444vw, 69.094vw);
  }

  .product-valet .flask-down-end {
    transform: translate(12.611vw, -44.806vw);
  }

  .product-valet .drop {
    top: 37vw;
    left: -39vw;
  }

  .product-vicinity .product__part2 {
    flex-direction: column;
    padding: 80px 40px;
    height: initial;
  }

  .product-vicinity .product__part2-img {
    width: 480px;
    min-width: initial;
    height: 480px;
    margin: 0 0 -100px;
    transform: translate(0, -100px);
  }

  .product-vicinity .product__part2-cont {
    max-width: 100%;
  }

  .product-vicinity .product__part3 {
    height: initial;
    flex-direction: column;
    padding: 0 40px;
  }

  .product-vicinity .product__part3 .product__block-cont {
    margin: 0 0 80px;
  }

  .product-vicinity .product__part3-wrap {
    width: 480px;
    min-width: initial;
    height: 480px;
  }

  .product-vicinity .product__part4-img {
    top: 30px;
  }
}

@media screen and (max-width: 800px) {
  .point__text {
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 680px) {
  .product-access__code {
    margin: 10vw 0;
  }

  .product-access__code-animation {
    transform: translateY(-8.611vw) scale(1.2);
  }

  .access__slider .slider__img {
    transform: translate(-12.778vw, -7vw) scale(1.2);
  }

  .products-welcome__title {
    font-size: 4vw;
  }

  .products-welcome__title span {
    padding: 0 calc(12.8px / 2);
  }
}

@media screen and (max-width: 480px) {
  .products__item {
    width: 75vw;
    height: 75vw;
  }

  .products__item:nth-child(1) {
    top: calc(100% - 80vw);
    left: 10vw;
  }

  .products__item:nth-child(2) {
    top: 10vw;
    left: -10vw;
  }

  .products__item:nth-child(3) {
    top: 70vw;
    left: calc(100% - 60vw);
  }

  .products__item:nth-child(4) {
    top: calc(100% - 50vw);
    left: calc(100% - 15vw);
  }

  .products__item_unactive {
    transform: translateZ(218.75vw) !important;
  }

  .products__item_active {
    left: calc(50vw - 37.5vw) !important;
    top: 60vw !important;
  }

  .products__item_active .products__title,
  .products__title {
    font-size: 5vw;
    margin-top: -1.5em;
  }

  .product__header {
    min-height: initial;
  }

  .product__header-image {
    width: 240px;
    height: 240px;
  }

  .product__header-title {
    font-size: 25px;
    letter-spacing: -1px;
    margin-top: 20px;
  }

  .point {
    width: 8px;
    height: 8px;
  }

  .products__body-bg .bg-bubble {
    width: 147.188vw;
    height: 78.125vw;
    top: 40vw;
    left: -23.75vw;
  }

  .products__body-bg .bg-bubble-group {
    width: 147.5vw;
    height: 135.313vw;
    top: 223.125vw;
    left: -24.375vw;
  }

  .products__body-bg.bg_light .bg-bubble_light {
    width: 102.5vw;
    height: 96.25vw;
    top: 125vw;
    left: 6.250vw;
  }

  .products__demo-bg .bg-bubble:first-child {
    top: 78.125vw;
    left: 0;
  }

  .products__demo-bg .bg-bubble:last-child {
    width: 114.375vw;
    height: 60.625vw;
    top: 28.75vw;
    left: 0;
  }

  .product-access__code-point:nth-child(1) {
    top: 95vw;
    left: 52vw;
  }

  .product-access__code-point:nth-child(2) {
    top: 100vw;
    left: 48vw;
  }

  .product-access__code-point:nth-child(3) {
    top: 120vw;
    left: 30vw;
  }

  .point__line_horizont {
    width: 40vw;
  }

  .point__line_slant {
    width: 12vw;
  }

  .flow-card {
    width: 65vw;
    height: 101.25vw;
    padding: 16.25vw 3.75vw 3.75vw;
    border-radius: 8.75vw;
  }

  .flow-card__icon {
    width: 27.5vw;
    height: 27.5vw;
    margin-bottom: 10vw;
  }

  .flow-card__name {
    font-size: 5vw;
    line-height: 7.5vw;
    letter-spacing: -.2.5vw;
  }

  .flow-card__text {
    font-size: 4.063vw;
    line-height: 5vw;
    letter-spacing: 0;
    margin-top: 5vw;
  }

  .product__block {
    margin-top: 40px;
  }

  .product__block-img {
    width: 90vw;
    height: 118.75vw;
  }

  .product__block-img .flow-card:first-child {
    top: 56px;
  }

  .product__block-img .flow-card:last-child {
    left: 80px;
  }

  .product__block-cont {
    margin-top: 40px;
  }

  .product__block-cont .text {
    font-size: 16px;
    line-height: 24px;
  }

  .slider {
    padding: 80px 16px 30px;
  }

  .slider__item-cont {
    max-height: 96px;
    overflow: hidden;
    transition: max-height .15s ease-out, opacity .4s ease, visibility .4s ease, transform .4s ease;
  }

  .slider__item-cont.expanded {
    max-height: 200vh;
    transition: max-height .25s ease-in;
  }

  .slider__item-title {
    margin-bottom: 20px;
  }

  .slider .button-toggle {
    display: flex;
  }

  .slider__item-cont>p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    letter-spacing: -.32px;
  }

  .product .section-demo {
    min-height: initial;
    height: initial;
    padding: 25vw 0 0;
  }

  .slider__list {
    min-height: 214px;
  }

  .flow__slider-cards {
    grid-template-columns: repeat(3, 65vw);
    grid-gap: 3.75vw;
    margin-left: calc(-5vw - 51.25vw);
    margin-top: 10vw;
  }

  .flow__slider-cards .card-clone-next-4,
  .flow__slider-cards .card-clone-prev-4 {
    display: none;
  }

  .flow__slider.slide-1 {
    margin-bottom: calc(-101.25vw + 3.75vw);
  }

  .flow__slider.slide-1 .flow-card {
    transform: translateY(calc(-101.25vw - 3.75vw));
  }

  .flow__slider.slide-2 {
    margin-bottom: calc((-101.25vw + 3.75vw * 2) * 2);
  }

  .flow__slider.slide-2 .flow-card {
    transform: translateY(calc((-101.25vw - 3.75vw) * 2));
  }

  .product-flow .section-demo {
    padding-bottom: 25vw;
  }

  .product-access__code-animation {
    transform: translateY(0) scale(1.7);
  }

  .access__slider .slider__img {
    transform: translate(-12.778vw, -7vw) scale(1.7);
  }

  .product-access .product__block-img {
    width: 60.313vw;
    height: 60.313vw;
  }

  .product-access .product__block-cont {
    margin-top: 25vw;
  }

  .access__slider {
    padding-top: 16.875vw;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .access__slider .slider__img-wrap {
    margin-bottom: 30vw;
  }



  .product-access__scan-img {
    width: 75vw;
    height: 75vw;
  }

  .product-access__scan-img_scaled {
    transform: rotate(1turn) translateY(calc((100vh - 75vw) / 2)) scale(4);
  }

  .product-access .section-demo {
    padding: 0;
    margin: 0;
    height: 100vh;
  }

  /* product valet */

  .product-valet.product__body {
    overflow: hidden;
    padding-bottom: calc(28.472vw + 282vw);
  }

  .product-valet.product__body:before {
    bottom: calc(28.472vw + 282vw);
    height: calc(100% - (28.472vw + 282vw));
  }

  .product-valet .tubes .product__block-img {
    width: 57.971vw;
    height: 57.971vw;
  }

  .product-valet .tube {
    width: 38.647vw;
    height: 57.971vw;
    transform: translate(21.739vw, -13.382vw);
  }

  .product-valet .tube-flask-wrap {
    height: initial;
    position: relative;
  }

  .product-valet .tube-flask-wrap .tube-flask {
    bottom: -15vw;
    width: 77.295vw;
    height: 77.295vw;
    transform: translate(0, 100%);
  }

  .product-valet .tube-flask-wrap .tube-up {
    width: 38.647vw;
    height: 57.971vw;
    transform: translate(-29.855vw, 71.329vw);
  }

  .product-valet .tube-flask-wrap .flask-down,
  .product-valet .flask-down-end {
    width: 77.295vw;
    height: 53.140vw;
    transform: translate(9.541vw, 92.536vw);
  }

  .product-valet .tube-flask-wrap .flask-down {
    bottom: 0;
  }

  .product-valet .flask-down-end {
    transform: translate(16.304vw, 66.473vw);
  }

  .product-valet .drop {
    top: 46vw;
    left: initial;
    right: -20.2vw;
    width: 150vw;
    height: 196.875vw;
  }

  .product-valet .drop__wave {
    display: flex;
    justify-content: center;
  }

  .product-valet .drop .section-demo {
    width: 100vw;
    bottom: 25vw;
    padding: 0 16px;
  }

  .product-vicinity .product__part2-circle-waves {
    top: 8px;
  }

  .circle-waves__inner {
    width: 302px;
    height: 302px;
    right: -238px;
  }

  .circle-waves__wave>svg {
    width: 302px;
    height: 302px;
  }

  .segment {
    font-size: 14px;
  }

  .segment_top {
    bottom: calc(100% - 56px + 8px);
  }

  .segment_right {
    left: calc(100% - 56px + 8px);
  }

  .segment_bottom {
    top: calc(100% - 56px + 8px);
  }

  .segment_left {
    right: calc(100% - 56px + 8px);
  }

  .product-vicinity .product__part2 {
    padding: 72px 16px;
  }

  .product-vicinity .product__part2-img {
    width: 288px;
    height: 288px;
    margin-bottom: -56px;
    transform: translate(0, -56px);
  }

  .product-vicinity .product__part3 {
    padding: 0 16px;
  }

  .product-vicinity .product__part3-wrap {
    width: 288px;
    height: 288px;
  }

  .product-vicinity .product__part4-img {
    top: 258px;
  }

  .product-vicinity .section-demo {
    padding: 80px 0;
    overflow: hidden;
  }

  .product.product-vicinity .section-demo {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 0;
  }
}

.solution .footer .bg,
.solution .footer .bg+canvas {
  background: white;
}

.solution .footer .bg .bg-bubble-group {
  top: 124px;
}

.solution-menu__main-bubble {
  position: absolute;
  z-index: -1;
  transform: scale(0);
  transition: transform 1s ease 1s;
}

.solution-menu__main-bubble_shown {
  transform: scale(1) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble {
  pointer-events: auto;
  z-index: 1;
  cursor: pointer;
}

.solution-menu__bubble {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.333vw;
  height: 3.333vw;
  clip-path: url("#bubble-1");
  background-image: linear-gradient(225deg, var(--color-start) 0%, var(--color-end) 100%);
  transform: translate(-1.806vw, -4.861vw) translate3d(0, 0, 0);
  transition: transform 1s ease, opacity 1s ease;
  will-change: transform;
  z-index: -1;
  pointer-events: none;
}

.solution-menu__bubble-text {
  position: absolute;
  font-size: 15px;
  color: var(--black);
  letter-spacing: -.02em;
  text-align: center;
  line-height: 1.2;
  font-weight: 500;
  cursor: pointer;
  transition: opacity .4s ease, visibility .4s ease, transform 1s ease;
}

.solution-menu__bubble-text:before {
  content: '';
  position: absolute;
  bottom: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  height: 80px;
}

.solution[data-name="menu"] .solution-menu__bubble {
  transition: transform 1s ease;
}

.solution-menu__bubble.exploded,
.solution-menu__bubble-text.exploded {
  transition: transform .4s ease, opacity .3s ease;
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="universities"],
.solution-menu__bubble[data-name="universities"]:not(.prev):not(.next):not(.current).exploded {
  width: 2.222vw;
  height: 2.222vw;
  transform: translate(-31.111vw, -3.056vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="universities"] {
  transform: translate(-31.111vw, calc(-3.056vw + 2.1vw));
}

.solution-menu__bubble[data-name="universities"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="universities"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(-31.111vw * 2), calc(-3.056vw * -2)) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="government"],
.solution-menu__bubble[data-name="government"]:not(.prev):not(.next):not(.current).exploded {
  width: 3.333vw;
  height: 3.333vw;
  transform: translate(-15.625vw, -16.806vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="government"] {
  transform: translate(-15.625vw, calc(-16.806vw + 2.7vw));
}

.solution-menu__bubble[data-name="government"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="government"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(-15.625vw * 1.5), calc(-16.806vw * 2)) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="travel-industry"],
.solution-menu__bubble[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded {
  width: 1.111vw;
  height: 1.111vw;
  transform: translate(10.972vw, -15.556vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="travel-industry"] {
  transform: translate(10.972vw, calc(-15.556vw + 1.7vw));
}

.solution-menu__bubble[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(10.972vw * 1.5), calc(-15.556vw * 2)) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="healtcare"],
.solution-menu__bubble[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded {
  width: 2.778vw;
  height: 2.778vw;
  transform: translate(28.333vw, -12.917vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="healtcare"] {
  transform: translate(28.333vw, calc(-12.917vw + 2.5vw));
}

.solution-menu__bubble[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(28.333vw * 2), calc(-12.917vw * 1.5)) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="organizations"],
.solution-menu__bubble[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded {
  width: 5.556vw;
  height: 5.556vw;
  transform: translate(28.264vw, 3.611vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="organizations"] {
  transform: translate(28.264vw, calc(3.611vw + 3.9vw));
}

.solution-menu__bubble[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(28.264vw * 2), calc(3.611vw * 1.5)) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="faith"],
.solution-menu__bubble[data-name="faith"]:not(.prev):not(.next):not(.current).exploded {
  width: 1.667vw;
  height: 1.667vw;
  transform: translate(22.083vw, 14.167vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="faith"] {
  transform: translate(22.083vw, calc(14.167vw + 1.9vw));
}

.solution-menu__bubble[data-name="faith"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="faith"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(22.083vw * 1.5), calc(14.167vw * 2)) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="insurance"],
.solution-menu__bubble[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded {
  width: 0.833vw;
  height: 0.833vw;
  transform: translate(2.639vw, 11.944vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="insurance"] {
  transform: translate(2.639vw, calc(11.944vw + 1.5vw));
}

.solution-menu__bubble[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(2.639vw * 1.5), calc(11.944vw * 2)) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="small-business"],
.solution-menu__bubble[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded {
  width: 1.667vw;
  height: 1.667vw;
  transform: translate(-14.167vw, 11.25vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="small-business"] {
  transform: translate(-14.167vw, calc(11.25vw + 1.9vw));
}

.solution-menu__bubble[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(-14.167vw * 1.5), calc(11.25vw * 2)) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble[data-name="enterprise"],
.solution-menu__bubble[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded {
  width: 3.889vw;
  height: 3.889vw;
  transform: translate(-28.542vw, 13.681vw) translate3d(0, 0, 0);
}

.solution[data-name="menu"] .solution-menu__bubble-text[data-name="enterprise"] {
  transform: translate(-28.542vw, calc(13.681vw + 3vw));
}

.solution-menu__bubble[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded,
.solution-menu__bubble-text[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded {
  transform: translate(calc(-28.542vw * 1.5), calc(13.681vw * 2)) translate3d(0, 0, 0);
}

.solution-menu__bubble.prev {
  transform: translate(calc(((100vw - 100%) / 2 - 5.556vw) * -1), 0) translate3d(0, 0, 0);
}

.solution-menu__bubble.prev-hidden,
.solution-menu__bubble-text.prev-hidden {
  transform: translate(calc(((100vw - 100%) / 2 + 100%) * -1), 0) translate3d(0, 0, 0);
  opacity: 0;
}

.solution-menu__bubble.current {
  transform: translate(-1.806vw, -4.861vw) scale(6.3) translate3d(0, 0, 0);
}

.solution-menu__bubble.next {
  transform: translate(calc(((100vw - 100%) / 2 - 5.556vw)), 0) translate3d(0, 0, 0);
}

.solution-menu__bubble.next-hidden,
.solution-menu__bubble-text.next-hidden {
  transform: translate(calc(((100vw - 100%) / 2 + 100%)), 0) translate3d(0, 0, 0);
  opacity: 0;
}

.solution-menu__bubble-text.prev {
  transform: translate(calc(((100vw - 100%) / 2 - 6.656vw) * -1), 0);
}

.solution-menu__bubble-text.current {
  opacity: 0;
  visibility: hidden;
}

.solution-menu__bubble-text.next {
  transform: translate(calc(((100vw - 100%) / 2 - 6.656vw)), 0);
}

.solution-menu__btn {
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  font-size: 15px;
  color: var(--black);
  letter-spacing: -.022em;
  font-weight: 500;
  line-height: 3.333vw;
  height: 3.333vw;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
  cursor: pointer;
}

.solution-menu__btn:empty {
  pointer-events: none;
}

.solution-menu__btn.changed_left {
  animation: solutionChangeBtnNameLeft 1s both ease;
}

.solution-menu__btn.changed_right {
  animation: solutionChangeBtnNameRight 1s both ease;
}

.solution-menu__btn_prev {
  left: 6.667vw;
}

.solution-menu__btn_next {
  right: 6.667vw;
}

.solution-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 700px;
  width: 100vw;
  text-align: center;
  position: fixed;
  top: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 21%, white 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 37%, white 100%), linear-gradient(140deg, white 0%, rgba(255, 255, 255, 0) 62%), linear-gradient(90deg, var(--color-start) 0%, var(--color-end) 100%);
}

.solution-menu:before,
.solution-menu:after {
  content: '';
  position: absolute;
  z-index: -1;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
  pointer-events: none;
}

.solution-menu:before {
  top: -13.75vw;
  right: 11.597vw;
  width: 62.639vw;
  height: 60.417vw;
  opacity: 0.25;
  transform: rotate(6deg);
  clip-path: url("#header-bg-bubble");
}

.solution-menu:after {
  top: 3.958vw;
  right: 16.528vw;
  width: 21.181vw;
  height: 21.181vw;
  border-radius: 50%;
  opacity: 0.2;
  transform: rotate(37deg);
}

.solution-menu__cont {
  max-width: 640px;
  color: var(--black);
  transform: translateY(100px);
  opacity: 0;
  transition: transform 1s ease 1s, opacity 1s ease 1s;
}

.solution-menu__cont_shown {
  transform: translateY(0);
  opacity: 1;
}

.solution-menu__title {
  font-size: 50px;
  letter-spacing: -.04em;
  line-height: 56px;
  font-weight: 500;
}

.solution-menu__text {
  font-size: 18px;
  letter-spacing: -.02em;
  line-height: 24px;
  margin-top: 40px;
}

.solution-menu__cont_hidden {
  animation: solutionMenuContHide .3s ease both;
}

.solution-menu__back {
  color: var(--black);
  text-decoration: none;
  font-size: 16px;
  letter-spacing: -.022em;
  line-height: 20px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 72px;
  left: 5.556vw;
}

.solution-menu__back:before {
  content: '';
  display: inline-block;
  background: url("../images/icons/arrow-back-black.svg") no-repeat center;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}

.solution-single__media {
  width: initial;
  height: 27.778vw;
  object-fit: contain;
}

.solution-single__title {
  margin-top: 32px;
  font-size: 40px;
  line-height: 44px;
  font-weight: 500;
  color: var(--black);
  letter-spacing: -.02em;
  text-align: center;
}

.solution-single__media.changed {
  animation: solutionChangeImg 1s both ease;
}

.solution-single__title.changed {
  animation: solutionChangeTitle 1s both ease;
}

.solution-single__body {
  margin-top: 100vh;
  padding: 1px 0;
  position: relative;
  background: white;
  overflow: hidden;
  z-index: 1;
}

.solution-single__stub {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

.solution-single__desc {
  text-align: center;
  max-width: 58.333vw;
  margin: 120px auto 0;
  position: relative;
  z-index: 1;
}

.solution-single-benefits {
  display: flex;
  flex-direction: column;
  margin-top: 120px;
  margin-bottom: 120px;
  gap: 48px;
  padding: 0 40px;
}

.solution-single-benefits__item {
  display: flex;
  gap: 32px;
  color: var(--black);
}

.solution-single-benefits__item:nth-child(2n) {
  margin-left: auto;
}

.solution-single-benefits__icon {
  width: 120px;
  height: 120px;
  object-fit: contain;
}

.solution-single-benefits__title {
  max-width: 440px;
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 16px;
  line-height: 1.1;
  letter-spacing: -.040em;
}

.solution-single-benefits__text {
  max-width: 440px;
  font-size: 18px;
  letter-spacing: -.02em;
  line-height: 28px;
  white-space: pre-line;
}

.solution-single__try {
  margin-top: 120px;
  position: relative;
}

.solution-single__try:before {
  content: '';
  position: absolute;
  top: 276px;
  left: 0;
  width: 100%;
  height: 918px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.98) 69%, white 100%);
  z-index: -1;
  opacity: 0;
  transition: opacity 3s;
}

.solution-single__try.animate:before {
  opacity: 1;
}

.solution .action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 120px 11.111vw;
  position: relative;
}

.solution .action:before,
.solution .action:after {
  content: '';
  position: absolute;
  z-index: -2;
  pointer-events: none;
  opacity: 0;
  transform: translateY(100vh);
  transition: transform 2s ease, opacity 2s ease;
}

.solution .action:before {
  width: 129.583vw;
  height: 61.667vw;
  left: -22.222vw;
  bottom: -5.556vw;
  clip-path: url("#try-shape-1");
  background: var(--color-start);
  transform: translateY(100vh);
}

.solution .action:after {
  width: 136.806vw;
  height: 52.361vw;
  left: -14.722vw;
  bottom: -7.639vw;
  clip-path: url("#try-shape-2");
  background: var(--color-end);
  transition-delay: .3s;
}

.animate+.action:before {
  opacity: .1;
  transform: translateY(0) translate3d(0, 0, 0);
}

.animate+.action:after {
  opacity: .2;
  transform: translateY(0) translate3d(0, 0, 0);
}

.solution[data-name="universities"] .solution-single__try:before,
.solution[data-name="organizations"] .solution-single__try:before {
  background-color: #FFEFD4;
}

.solution[data-name="universities"] .animate+.action:before,
.solution[data-name="organizations"] .animate+.action:before,
.solution[data-name="insurance"] .animate+.action:before {
  opacity: .2;
}

.solution[data-name="universities"] .animate+.action:after,
.solution[data-name="organizations"] .animate+.action:after {
  opacity: .1;
}

.solution[data-name="government"] .solution-single__try:before,
.solution[data-name="faith"] .solution-single__try:before {
  background-color: #D1F1F2;
  height: 918px;
}

.solution[data-name="travel-industry"] .solution-single__try:before {
  background-color: #D1EAF7;
}

.solution[data-name="travel-industry"] .action:before,
.solution[data-name="enterprise"] .action:before {
  background: var(--color-end);
}

.solution[data-name="travel-industry"] .action:after,
.solution[data-name="enterprise"] .action:after {
  background: var(--color-start);
}

.solution[data-name="healtcare"] .solution-single__try:before,
.solution[data-name="small-business"] .solution-single__try:before {
  background-color: #E9E2F1;
}

.solution[data-name="healtcare"] .action:before,
.solution[data-name="small-business"] .action:before {
  background: #F262AE;
}

.solution[data-name="healtcare"] .action:after,
.solution[data-name="small-business"] .action:after {
  background: var(--color-end);
}

.solution[data-name="healtcare"] .animate+.action:before,
.solution[data-name="small-business"] .animate+.action:before,
.solution[data-name="enterprise"] .animate+.action:before {
  opacity: .08;
}

.solution[data-name="healtcare"] .animate+.action:after,
.solution[data-name="small-business"] .animate+.action:after,
.solution[data-name="enterprise"] .animate+.action:after {
  opacity: .15;
}

.solution[data-name="insurance"] .solution-single__try:before {
  background-color: #E3F2D1;
}

.solution[data-name="enterprise"] .solution-single__try:before {
  background-color: #FEE2E1;
}

.solution .action__title {
  font-size: 72px;
  color: #212D3A;
  letter-spacing: -.04em;
  font-weight: 500;
}

.solution .action__link {
  width: 21.667vw;
  height: 21.667vw;
  background: url("../images/logo-icon.svg") no-repeat center;
  background-size: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-.5turn);
  transition: background-size .4s ease, transform .4s ease;
}

.solution .action__link:before,
.solution .action__link:after {
  content: '';
  position: absolute;
  opacity: 0;
}

.solution .action__link:before {
  width: 2.222vw;
  height: 4.028vw;
  background: url("../images/icons/arrow-black.svg") no-repeat center;
  background-size: 100%;
  transform: translate(-1.111vw, -0.417vw);
}

.solution .action__link:after {
  width: 4.444vw;
  height: 0.556vw;
  background: var(--black);
  border-radius: 4px;
  transform: translate(0, -0.417vw);
}

.solution .action__link.animate {
  background-size: 100%;
  transform: rotate(0);
}

.solution .action__link.animate:before {
  animation: arrowPart1 2s infinite;
  animation-delay: .4s;
}

.solution .action__link.animate:after {
  animation: arrowPart2 2s infinite;
  animation-delay: 0.45s;
}

.solution .action__link:hover {
  background-size: 90%;
}

.solution .action__link:hover:before {
  animation: arrowHoverPart1 .4s forwards;
  transform-origin: 100% 50%;
  opacity: 1;
}

.solution .action__link:hover:after {
  animation: arrowHoverPart2 .4s forwards;
  opacity: 1;
}

.solution .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 120px 8.333vw 80px;
}

.solution .block__img {
  width: 27.778vw;
  min-width: 27.778vw;
  height: 27.778vw;
  object-fit: contain;
}

.solution .block__cont {
  max-width: 44.444vw;
}

.solution .section-demo {
  margin: 0;
  height: 100vh;
  min-height: 700px;
}

.solution .section-demo-content {
  margin-top: 0;
}

@media screen and (min-width: 981px) and (max-width: 1270px) {
  .solution-menu__main-bubble>svg {
    transform: scale(1.2) translate3d(0px, 0px, 0px) !important;
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="universities"],
  .solution-menu__bubble[data-name="universities"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(-37.3vw, -3.65vw) scale(1.2) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="universities"] {
    transform: translate(-37.3vw, calc(-3.65vw + 3.1vw));
  }

  .solution-menu__bubble[data-name="universities"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="universities"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-37.3vw * 2), calc(-3.65vw * -2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="government"],
  .solution-menu__bubble[data-name="government"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(-18.8vw, -20.2vw) scale(1.2)translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="government"] {
    transform: translate(-18.8vw, calc(-20.2vw + 3.8vw));
  }

  .solution-menu__bubble[data-name="government"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="government"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-18.8vw * 1.5), calc(-20.2vw * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="travel-industry"],
  .solution-menu__bubble[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(13.15vw, -18.67vw) scale(1.2) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="travel-industry"] {
    transform: translate(13.15vw, calc(-18.67vw + 2.3vw));
  }

  .solution-menu__bubble[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(13.15vw * 1.5), calc(-18.67vw * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="healtcare"],
  .solution-menu__bubble[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(34vw, -15.5vw) scale(1.2) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="healtcare"] {
    transform: translate(34vw, calc(-15.5vw + 3.5vw));
  }

  .solution-menu__bubble[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(34vw * 2), calc(-15.5vw * 1.5)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="organizations"],
  .solution-menu__bubble[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(33.9vw, 4.35vw) scale(1.2) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="organizations"] {
    transform: translate(33.9vw, calc(4.35vw + 5.3vw));
  }

  .solution-menu__bubble[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(33.9vw * 2), calc(4.35vw * 1.5)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="faith"],
  .solution-menu__bubble[data-name="faith"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(26.54vw, 17.05vw) scale(1.2) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="faith"] {
    transform: translate(26.54vw, calc(17.05vw + 2.7vw));
  }

  .solution-menu__bubble[data-name="faith"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="faith"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(26.54vw * 1.5), calc(17.05vw * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="insurance"],
  .solution-menu__bubble[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(3.17vw, 14.32vw) scale(1.2) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="insurance"] {
    transform: translate(3.17vw, calc(14.32vw + 2.2vw));
  }

  .solution-menu__bubble[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(3.17vw * 1.5), calc(14.32vw * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="small-business"],
  .solution-menu__bubble[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(-17vw, 13.5vw) scale(1.2) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="small-business"] {
    transform: translate(-17vw, calc(13.5vw + 2.5vw));
  }

  .solution-menu__bubble[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-17vw * 1.5), calc(13.5vw * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="enterprise"],
  .solution-menu__bubble[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(-34.3vw, 16.4vw) scale(1.2) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="enterprise"] {
    transform: translate(-34.3vw, calc(16.4vw + 4vw));
  }

  .solution-menu__bubble[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-34.3vw * 1.5), calc(16.4vw * 2)) translate3d(0, 0, 0);
  }
}

@media screen and (max-width: 1100px) {
  .solution-menu__cont {
    max-width: 560px;
  }

  .solution-menu__title {
    font-size: 40px;
    line-height: 44px;
  }

  .solution-menu__text {
    margin-top: 32px;
  }

  .solution-menu__bubble.current {
    transform: translate(-1.806vw, -4.861vw) scale(5) translate3d(0, 0, 0);
  }

  .solution-menu__bubble.prev {
    transform: translate(calc(((100vw - 100%) / 2 - 40px) * -1), 0) translate3d(0, 0, 0);
  }

  .solution-menu__bubble.next {
    transform: translate(calc(((100vw - 100%) / 2 - 40px)), 0) translate3d(0, 0, 0);
  }

  .solution-menu__bubble {
    width: 48px;
    height: 48px;
  }

  .solution-single__media {
    height: 320px;
  }

  .solution-single__title {
    font-size: 30px;
  }

  .solution-menu__btn_prev {
    left: 56px;
  }

  .solution-menu__btn_next {
    right: 56px;
  }

  .solution-menu__back {
    left: 40px;
  }

  .solution-single__desc {
    max-width: 100%;
    padding: 0 92px;
    margin-top: 100px;
  }

  .solution-single__try {
    margin-top: 100px;
  }

  .solution .action {
    padding: 100px 120px;
  }

  .solution .action__title {
    font-size: 50px;
  }

  .solution .block {
    padding: 100px 80px;
  }

  .solution .block__img {
    width: 320px;
    height: 320px;
  }

  .solution .block__cont {
    max-width: 464px;
  }
}

@media screen and (max-width: 980px) {
  .solution-single__title {
    margin-top: 40px;
  }

  .solution-single__desc {
    padding: 0 40px;
    margin-top: 80px;
  }

  .solution-single__try {
    margin-top: 80px;
  }

  .solution .action {
    padding: 80px;
  }

  .solution .action__title {
    font-size: 40px;
  }

  .solution .action__link {
    width: 176px;
    height: 176px;
  }

  .solution .block {
    padding: 80px 40px;
    flex-direction: column;
    align-items: flex-start;
  }

  .solution .block__img {
    margin-bottom: 48px;
    order: -1;
  }

  .solution .block__cont {
    max-width: 100%;
  }

  .solution .block__cont .title {
    font-size: 30px;
  }

  .solution .block__cont .title+.text {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 980px) {

  .solution[data-name="menu"] .solution-menu__bubble[data-name="universities"],
  .solution-menu__bubble[data-name="universities"]:not(.prev):not(.next):not(.current).exploded {
    width: 32px;
    height: 32px;
    transform: translate(-308px, -200px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="universities"] {
    transform: translate(-308px, calc(-200px + 36px));
  }

  .solution-menu__bubble[data-name="universities"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="universities"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-308px * 2), calc(-21.95vw * -2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="government"],
  .solution-menu__bubble[data-name="government"]:not(.prev):not(.next):not(.current).exploded {
    width: 48px;
    height: 48px;
    transform: translate(-117px, -311px)translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="government"] {
    transform: translate(-117px, calc(-311px + 44px));
  }

  .solution-menu__bubble[data-name="government"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="government"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-117px * 1.5), calc(-311px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="travel-industry"],
  .solution-menu__bubble[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded {
    width: 16px;
    height: 16px;
    transform: translate(90px, -282px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="travel-industry"] {
    transform: translate(90px, calc(-282px + 28px));
  }

  .solution-menu__bubble[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(90px * 1.5), calc(-282px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="healtcare"],
  .solution-menu__bubble[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded {
    width: 40px;
    height: 40px;
    transform: translate(280px, -225px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="healtcare"] {
    transform: translate(280px, calc(-225px + 40px));
  }

  .solution-menu__bubble[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(280px * 2), calc(-225px * 1.5)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="organizations"],
  .solution-menu__bubble[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded {
    width: 80px;
    height: 80px;
    transform: translate(295px, 154px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="organizations"] {
    transform: translate(295px, calc(154px + 61px));
  }

  .solution-menu__bubble[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(295px * 2), calc(154px * 1.5)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="faith"],
  .solution-menu__bubble[data-name="faith"]:not(.prev):not(.next):not(.current).exploded {
    width: 24px;
    height: 24px;
    transform: translate(170px, 295px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="faith"] {
    transform: translate(170px, calc(295px + 32px));
  }

  .solution-menu__bubble[data-name="faith"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="faith"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(170px * 1.5), calc(295px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="insurance"],
  .solution-menu__bubble[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded {
    width: 12px;
    height: 12px;
    transform: translate(36px, 193px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="insurance"] {
    transform: translate(36px, calc(193px + 26px));
  }

  .solution-menu__bubble[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(36px * 1.5), calc(193px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="small-business"],
  .solution-menu__bubble[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded {
    width: 24px;
    height: 24px;
    transform: translate(-115px, 265px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="small-business"] {
    transform: translate(-115px, calc(265px + 32px));
  }

  .solution-menu__bubble[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-115px * 1.5), calc(265px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="enterprise"],
  .solution-menu__bubble[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded {
    width: 56px;
    height: 56px;
    transform: translate(-284px, 175px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="enterprise"] {
    transform: translate(-284px, calc(175px + 47px));
  }

  .solution-menu__bubble[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-284px * 1.5), calc(175px * 2)) translate3d(0, 0, 0);
  }

  .solution-single-benefits__item:nth-child(2n) {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .solution-menu__main-bubble {
    width: 320px;
    height: 571px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .solution-menu__bubble-text {
    font-size: 14px;
    max-width: 160px;
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="universities"],
  .solution-menu__bubble[data-name="universities"]:not(.prev):not(.next):not(.current).exploded {
    width: 32px;
    height: 32px;
    transform: translate(-103px, -98px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="universities"] {
    transform: translate(-103px, calc(-98px + 36px));
  }

  .solution-menu__bubble[data-name="universities"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="universities"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-103px * 2), calc(-98px * -2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="government"],
  .solution-menu__bubble[data-name="government"]:not(.prev):not(.next):not(.current).exploded {
    width: 48px;
    height: 48px;
    transform: translate(-31px, -182px)translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="government"] {
    transform: translate(-31px, calc(-182px + 44px));
  }

  .solution-menu__bubble[data-name="government"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="government"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-31px * 1.5), calc(-182px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="travel-industry"],
  .solution-menu__bubble[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded {
    width: 16px;
    height: 16px;
    transform: translate(92px, -145px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="travel-industry"] {
    transform: translate(92px, calc(-145px + 28px));
  }

  .solution-menu__bubble[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="travel-industry"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(92px * 1.5), calc(-145px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="healtcare"],
  .solution-menu__bubble[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded {
    width: 40px;
    height: 40px;
    transform: translate(8px, -62px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="healtcare"] {
    transform: translate(8px, calc(-62px + 40px));
  }

  .solution-menu__bubble[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="healtcare"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(8px * 2), calc(-62px * 1.5)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="organizations"],
  .solution-menu__bubble[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded {
    width: 56px;
    height: 56px;
    transform: translate(95px, 18px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="organizations"] {
    transform: translate(95px, calc(18px + 48px));
  }

  .solution-menu__bubble[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="organizations"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(95px * 2), calc(18px * 1.5)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="faith"],
  .solution-menu__bubble[data-name="faith"]:not(.prev):not(.next):not(.current).exploded {
    width: 24px;
    height: 24px;
    transform: translate(55px, 181px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="faith"] {
    transform: translate(55px, calc(181px + 32px));
  }

  .solution-menu__bubble[data-name="faith"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="faith"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(55px * 1.5), calc(181px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="insurance"],
  .solution-menu__bubble[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded {
    width: 12px;
    height: 12px;
    transform: translate(-7px, 74px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="insurance"] {
    transform: translate(-7px, calc(74px + 26px));
  }

  .solution-menu__bubble[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="insurance"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-7px * 1.5), calc(74px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="small-business"],
  .solution-menu__bubble[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded {
    width: 24px;
    height: 24px;
    transform: translate(-88px, 137px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="small-business"] {
    transform: translate(-88px, calc(137px + 32px));
  }

  .solution-menu__bubble[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="small-business"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-88px * 1.5), calc(137px * 2)) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble[data-name="enterprise"],
  .solution-menu__bubble[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded {
    width: 48px;
    height: 48px;
    transform: translate(-110px, 9px) translate3d(0, 0, 0);
  }

  .solution[data-name="menu"] .solution-menu__bubble-text[data-name="enterprise"] {
    transform: translate(-110px, calc(9px + 44px));
  }

  .solution-menu__bubble[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded,
  .solution-menu__bubble-text[data-name="enterprise"]:not(.prev):not(.next):not(.current).exploded {
    transform: translate(calc(-110px * 1.5), calc(9px * 2)) translate3d(0, 0, 0);
  }
}

@media screen and (max-width: 700px) {
  .solution-menu__cont {
    max-width: 288px;
  }

  .solution-menu__title {
    font-size: 25px;
    line-height: 30px;
  }

  .solution-menu__text {
    font-size: 16px;
    margin-top: 20px;
  }

  .solution-menu {
    min-height: initial;
  }

  .solution-menu__bubble.current {
    transform: translate(-4vw, -15vw) scale(3.8) translate3d(0, 0, 0);
  }

  .solution-menu__bubble.prev {
    transform: translate(calc(((100vw - 100%) / 2 + 24px) * -1), 0) translate3d(0, 0, 0);
  }

  .solution-menu__bubble.next {
    transform: translate(calc(((100vw - 100%) / 2 + 24px)), 0) translate3d(0, 0, 0);
  }

  .solution-single__media {
    height: 240px;
  }

  .solution-single__title {
    font-size: 25px;
    margin-top: 20px;
  }

  .solution-menu__btn_prev,
  .solution-menu__btn_next {
    color: transparent;
    width: 48px;
    height: 48px;
    overflow: hidden;
  }

  .solution-menu__btn_prev {
    left: 0;
  }

  .solution-menu__btn_next {
    right: 0;
  }

  .solution-menu__back {
    left: 16px;
    bottom: 16px;
  }

  .solution-single__desc {
    padding: 0 16px;
    margin-top: 40px;
  }

  .solution-single-benefits {
    padding: 0;
    margin-top: 80px;
  }

  .solution-single__try {
    margin-top: 40px;
  }

  .solution-single__try:before {
    top: 130px;
  }

  .solution .action {
    flex-direction: column;
    padding: 60px 16px 40px;
  }

  .solution .action:before {
    bottom: 140px;
  }

  .solution .action:after {
    bottom: 140px;
  }

  .solution .action__title {
    font-size: 30px;
  }

  .solution .action__link {
    width: 160px;
    height: 160px;
    margin-top: 40px;
  }

  .solution .action__link:before {
    width: 14px;
    height: 26px;
    transform: translate(-2.6vw, -0.5vw);
  }

  .solution .action__link:after {
    width: 32px;
    height: 4px;
  }

  .solution .block {
    align-items: center;
    padding: 80px 16px 0;
  }

  .solution .block__img {
    width: 288px;
    height: 288px;
    margin-bottom: 40px;
  }

  .solution .section-demo {
    min-height: initial;
    height: initial;
    padding: 80px 0;
  }
}

@media screen and (max-width: 480px) {
  .solution-single-benefits__item {
    flex-direction: column;
    gap: 16px;
    align-items: center;
    text-align: center;
  }

  .solution-single-benefits__icon {
    width: 80px;
    height: 80px;
  }

  .solution-single-benefits__title {
    font-size: 25px;
  }

  .solution-single-benefits__text {
    font-size: 16px;
    line-height: 24px;
  }
}

.footer {
  padding: 48px 0 24px;
  position: relative;
}

.footer .bg,
.footer .bg+canvas {
  z-index: -1;
  top: initial;
  bottom: 0;
  overflow: hidden;
  background: var(--gray200);
}

.footer .bg {
  height: 63.681vw;
}

.footer .bg+canvas {
  height: initial;
}

.footer .bg .bg-bubble-group {
  top: 74px;
  object-fit: initial;
}

.footer-body {
  display: flex;
  margin-bottom: 48px;
}

.footer-block {
  width: 20.972vw;
  margin: 0 24px 0 0;
}

.footer-block:first-child {
  max-width: 102px;
  margin-right: auto;
}

.footer-block:last-child {
  margin-right: 0;
}

.footer__logo {
  width: 92px;
  height: 32px;
  display: block;
}

.footer__text {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -.02em;
  position: relative;
  margin-bottom: 24px;
  padding-left: 40px;
}

.footer__text:last-child {
  margin-bottom: 0;
}

.footer__text .icon {
  position: absolute;
  left: 0;
}

.footer__link {
  color: inherit;
  text-decoration: none;
  display: block;
}

.footer-bottom .text {
  font-size: 13px;
  line-height: 1.23;
}

@media screen and (max-width: 1024px) {
  .footer-body {
    margin-bottom: 24px;
  }

  .footer-block {
    width: 25vw;
  }

  .footer__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 980px) {
  .footer-body {
    flex-wrap: wrap;
  }

  .footer-block {
    width: calc(33.333% - 16px);
  }

  .footer-block:first-child {
    max-width: 100%;
    width: 100%;
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 680px) {
  .footer-body {
    display: block;
  }

  .footer-block {
    width: 100%;
    margin: 0 0 24px;
  }

  .footer__text {
    font-size: 15px;
  }

  .footer .bg,
  .footer .bg+canvas {
    height: 600px;
  }
}