:root {
  --bg-color: #030000;
  --main-color: white;
  --text-menu: .8vw;
  --btn-menu-color: #aef21e;
  --btn-menu-text-size: .9vw;
  --simple-text-colorcolor: black;
  --btn-app-text-size: 1vw;
  --h1-color: #a2a2a2;
  --h1: 1.5vw;
  --h2: 4.7vw;
  --h2-big: 4.7vw;
  --h3: 2.4vw;
  --text-decor: 6.3vw;
  --h4: 2.4vw;
  --p: 1.2vw;
  --text-simple: .8vw;
}

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

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

.body {
  background-color: var(--bg-color);
  font-family: Inter, sans-serif;
}

.section {
  justify-content: center;
  align-items: stretch;
  height: 100vh;
}

.section.section-anim-video {
  height: 340vh;
}

.menu {
  z-index: 999;
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.menu.menu-doc {
  padding-bottom: 8vw;
  position: static;
}

.menu-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 2.3vw;
  padding-left: 3.75vw;
  padding-right: 3.75vw;
  display: flex;
}

.logo-conteiner {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.logo {
  width: 9.2vw;
}

.nav-link {
  align-items: center;
  height: 1.1vw;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.nav-link.last {
  padding-left: 1.6vw;
}

.link {
  color: var(--main-color);
  font-size: var(--text-menu);
  line-height: 130%;
  text-decoration: none;
}

.link.link-doc {
  color: var(--bg-color);
}

.link.link-doc.en {
  display: none;
}

.link.colirait {
  opacity: .65;
}

.link.en {
  display: none;
}

.link.link-btn-form {
  color: var(--bg-color);
}

  .form-conteiner .btn-wrapper.en {
    padding-top: 0.4vw;
  }
  .form-conteiner a.social {
    opacity: .65;
    transition: all 0.3s;
  }
  .form-conteiner a.social:hover {
    opacity: 1;
  }

.btn-wrapper.en {
 /* opacity: 0;
  pointer-events: none;*/
    display: flex;
    align-items: center;
    gap: 8px;
}

img.social-icon {
   width: 0.9vw;
}

.btn-menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--btn-menu-color);
  color: var(--bg-color);
  font-size: var(--btn-menu-text-size);
  border-radius: 100px;
  align-items: center;
  margin-left: 3.1vw;
  margin-right: 1.6vw;
  padding: .8vw 1.6vw;
  font-weight: 500;
  text-decoration: none;
  display: none;
}

.arrow-icon {
  width: auto;
  height: .8vw;
}

.text-btn-yellow {
  color: var(--simple-text-colorcolor);
  line-height: 90%;
}

.text-wrapper.h2-container {
  padding-top: 1.6vw;
  padding-bottom: 2.6vw;
}

.text-wrapper.text-margin-bottom {
  border-bottom: 1px solid #4d4d4d;
  width: 23vw;
  margin-bottom: 2.1vw;
  padding-bottom: 2.4vw;
}

.container {
  z-index: 99;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 13.5vw;
  position: relative;
}

.btn-container {
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.btn-app {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  background-color: var(--main-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 11.2vw;
  padding-top: .8vw;
  padding-bottom: .8vw;
  text-decoration: none;
  display: flex;
}

.btn-menu-btn-app {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--btn-menu-color);
  color: var(--bg-color);
  font-size: var(--btn-menu-text-size);
  border-radius: 100px;
  align-items: center;
  margin-left: 3.1vw;
  margin-right: 1.6vw;
  padding: .8vw 1.6vw;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.text-btn-app {
  color: var(--simple-text-colorcolor);
  font-size: var(--btn-app-text-size);
  font-weight: 500;
  line-height: 130%;
}

.app-icon-g-play {
  height: 1.4vw;
}

.app-icon-store {
  height: 1.7vw;
}

.heading {
  color: var(--h1-color);
  font-size: var(--h1);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 130%;
}

.heading-2 {
  color: var(--main-color);
  font-size: var(--h2);
  text-align: center;
  letter-spacing: -.1vw;
  width: 60vw;
  margin: 0 auto;
  font-weight: 600;
  line-height: 100%;
}

.heading-2.h2big {
  font-size: var(--h2-big);
}

.video-wrapper {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 56.3vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -45vh 0% 0%;
}

.video {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: none;
}

.video.old {
  width: auto;
  display: none;
}

.container-animation {
  position: sticky;
  top: 100vh;
}

.container-anim-h2 {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -14vh;
}

.img-mobile {
  width: 21.9vw;
  height: auto;
  position: absolute;
}

.body-2 {
  background-color: var(--bg-color);
}

.lottie {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.div-block {
  position: sticky;
  top: 0;
}

.container-anim-img {
  z-index: 106;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 90vh;
  display: flex;
  position: absolute;
}

.img-data {
  z-index: 999;
  width: 30vw;
  margin-top: -.8vw;
  margin-right: 2.8vw;
}

.container-anim-decor-text {
  z-index: 999;
}

.heading-3 {
  color: var(--main-color);
  font-size: var(--h3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
}

.text-decor {
  font-size: var(--text-decor);
  letter-spacing: -.3vw;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 32% 38%, #aef21e, #007179);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
  line-height: 100%;
}

.img-data-wrapper {
  z-index: 9999;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.text-decor-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding-left: 14.4vw;
  display: flex;
}

.text-decor-wrapper.decor-mobile {
  display: none;
}

.footer {
  z-index: 99;
  position: relative;
}

.div-block-2 {
  height: 20vw;
}

.body-doc {
  background-color: var(--main-color);
  padding-bottom: 6vw;
  padding-left: 3.75vw;
  padding-right: 3.75vw;
  font-family: Inter, sans-serif;
}

.title-doc {
  padding-bottom: 6vw;
}

.h1-doc {
  font-size: var(--h2);
  margin-top: 0;
  margin-bottom: 2vw;
  line-height: 110%;
}

.textpage-container {
  max-width: 60vw;
  margin-left: auto;
  margin-right: auto;
}

.heading-4 {
  font-size: var(--h4);
  margin-top: 0;
  margin-bottom: 2vw;
  line-height: 100%;
}

.paragraph {
  color: var(--bg-color);
  font-size: var(--p);
  line-height: 130%;
}

.text-page-item {
  margin-bottom: 4vw;
}

.list {
  color: var(--bg-color);
  font-size: var(--p);
  margin-bottom: 20px;
  padding-left: 60px;
  line-height: 130%;
}

.list-item {
  margin-bottom: 10px;
}

.text-link {
  color: var(--bg-color);
  text-decoration: underline;
}

.text-link.contact-link {
  opacity: .65;
  color: var(--main-color);
  font-size: var(--text-simple);
  line-height: 130%;
  text-decoration: none;
}

.footer-container {
  border-top: 1px solid #4d4d4d;
  justify-content: space-between;
  padding-top: 4.4vw;
  padding-bottom: 4.4vw;
  display: flex;
}

.footer-section {
  width: 50%;
  display: flex;
}

.logo-fab4 {
  width: 3vw;
}

.footer-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  display: flex;
}

.btn-footer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--btn-menu-color);
  color: var(--bg-color);
  font-size: var(--btn-menu-text-size);
  border-radius: 100px;
  align-items: center;
  padding: .8vw 1.6vw;
  font-weight: 500;
  text-decoration: none;
  /*display: flex;*/
  display: none;
}

.menu-wrapper-doc {
  justify-content: space-between;
  align-items: center;
  padding-top: 2.3vw;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.form-conteiner {
  justify-content: space-between;
  align-items: flex-start;
  padding: 10.4vw 12.5vw 9.4vw 18.8vw;
  display: flex;
}

.menu-contact {
  width: 100%;
  position: static;
  inset: 0% 0% auto;
}

.menu-contact.menu-doc {
  padding-bottom: 8vw;
  position: static;
}

.heading-contact {
  color: var(--main-color);
  font-size: var(--h3);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 2.1vw;
  font-weight: 600;
  line-height: 120%;
}

.form-block {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-4 {
  min-width: 37.5vw;
}

.text-field {
  color: #6c6c6c;
  font-size: var(--text-simple);
  background-color: #2a2a2a;
  border: 0 #2a2a2a;
  border-radius: 1vw;
  height: 3.6vw;
  margin-bottom: .6vw;
  padding: 1.3vw 1.7vw;
  line-height: 130%;
}

.text-field:focus {
  border-style: none;
}

.text-field::placeholder {
  color: #6c6c6c;
  background-color: #2a2a2a;
}

.text-field.text-reauest {
  align-items: flex-start;
  height: 10.4vw;
  margin-bottom: 2.1vw;
}

.submit-button {
  z-index: 99;
  background-color: var(--btn-menu-color);
  color: var(--bg-color);
  font-size: var(--text-simple);
  border-radius: 360px;
  padding: 1.1vw 3.4vw;
  line-height: 100%;
  position: relative;
}

.form {
  width: 100%;
  position: relative;
}

.img-data-mobile {
  display: none;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-footer {
  padding-left: 3.75vw;
  padding-right: 3.75vw;
}

.footer-bnt {
  padding-top: 3.4vw;
  padding-bottom: 7.9vw;
}

.list-item-dot {
  margin-bottom: 10px;
  list-style-type: disc;
}

.preloader {
  z-index: 9999;
  background-color: var(--bg-color);
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.link-copirair {
  color: var(--main-color);
  font-size: var(--text-menu);
  line-height: 130%;
  text-decoration: none;
}

.link-copirair.link-doc {
  color: var(--bg-color);
}

.link-copirair.link-doc.en {
  display: none;
}

.link-copirair.copyright {
  opacity: .65;
}

.link-copirair.en {
  display: none;
}

.wrapper-btn-app {
  height: 1.2vw;
  overflow: hidden;
}

.submit-button-anim {
  z-index: 0;
  background-color: var(--btn-menu-color);
  pointer-events: none;
  color: var(--simple-text-colorcolor);
  font-size: var(--text-simple);
  border-radius: 360px;
  max-width: 9vw;
  padding: 1.1vw 3.4vw;
  line-height: 100%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.nav-link-form {
  align-items: center;
  height: 1.1vw;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.nav-link-form.last {
  padding-left: 1.6vw;
}

.success-message {
  background-color: #2a2a2a;
  border-radius: 1vw;
  padding: 1.9vw 1.7vw;
}

.text-block {
  color: var(--main-color);
  font-size: var(--p);
  text-align: left;
}

.text-block-2 {
  font-size: var(--p);
}

.error-message {
  border-radius: 1vw;
  margin-top: 1.9vw;
  padding: 1.9vw 1.7vw;
}

.body-3 {
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .textpage-container {
    max-width: 70vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    --bg-color: #030000;
    --main-color: white;
    --text-menu: 3.6vw;
    --btn-menu-color: #aef21e;
    --btn-menu-text-size: 3.6vw;
    --simple-text-colorcolor: black;
    --btn-app-text-size: 4.4vw;
    --h1-color: #a2a2a2;
    --h1: 4.4vw;
    --h2: 8.9vw;
    --h2-big: 11.7vw;
    --h3: 8.9vw;
    --text-decor: 14.7vw;
    --h4: 7vw;
    --p: 3.6vw;
    --text-simple: 4.4vw;
  }

  .menu.menu-doc {
    padding-bottom: 27.8vw;
  }

  .menu-wrapper {
    padding-top: 4.7vw;
  }

  .logo-conteiner {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .logo {
    width: 27.8vw;
  }

  .nav-link {
    height: 5vw;
    display: block;
  }

  .nav-link.w--current {
    height: 5.4vw;
  }

  .nav-link.maillink {
    height: 5.5vw;
  }

  .text-wrapper {
    max-width: 93.3vw;
    margin-left: auto;
    margin-right: auto;
  }

  .text-wrapper.h2-container {
    padding-top: 5.6vw;
    padding-bottom: 13.9vw;
  }

  .text-wrapper.text-margin-bottom {
    text-align: center;
    width: 78vw;
    margin-bottom: 5.6vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6.1vw;
  }

  .container {
    padding-top: 35vw;
  }

  .btn-container {
    grid-column-gap: 2.8vw;
    grid-row-gap: 2.8vw;
  }

  .btn-app {
    grid-column-gap: 1.7vw;
    grid-row-gap: 1.7vw;
    width: 41.7vw;
    padding-top: 3.9vw;
    padding-bottom: 3.9vw;
  }

  .app-icon-g-play {
    height: 5.3vw;
  }

  .app-icon-store {
    height: 6.4vw;
  }

  .heading {
    max-width: 62.2vw;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-2 {
    letter-spacing: -.2vw;
    width: auto;
  }

  .video-wrapper {
    width: 140%;
    height: auto;
    margin-left: -20vw;
    top: 5vh;
  }

  .video {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .img-mobile {
    width: auto;
    max-width: 66.7vw;
    height: 90vh;
    position: static;
  }

  .container-anim-img {
    flex-flow: column;
  }

  .img-data {
    width: 92vw;
    max-width: none;
    margin-top: auto;
    margin-right: auto;
    display: none;
  }

  .container-anim-decor-text.container-anim-decor-text-mobile {
    margin-left: auto;
    margin-right: auto;
  }

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

  .img-data-wrapper {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .text-decor-wrapper {
    width: auto;
    padding-top: 7.5vw;
    padding-bottom: 41.7vw;
    padding-left: 0;
  }

  .text-decor-wrapper.decor-pc {
    display: none;
  }

  .text-decor-wrapper.decor-mobile {
    padding-bottom: 22vw;
    display: flex;
  }

  .body-doc {
    padding-bottom: 16vw;
  }

  .title-doc {
    padding-bottom: 10vw;
  }

  .textpage-container {
    max-width: none;
  }

  .heading-4, .paragraph {
    margin-bottom: 3vw;
  }

  .text-page-item {
    margin-bottom: 10vw;
  }

  .list {
    margin-bottom: 3vw;
  }

  .footer-container {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    flex-flow: row;
    padding-top: 10vw;
  }

  .footer-section {
    width: 50%;
  }

  .footer-section.last-footer-section {
    flex-flow: column;
    width: 50%;
  }

  .logo-fab4 {
    width: 12vw;
  }

  .footer-wrapper {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column;
    align-items: stretch;
  }

  .div-block-3 {
    flex-flow: column;
  }

  .menu-wrapper-doc {
    padding-top: 4.7vw;
  }

  .form-conteiner {
    padding: 27.8vw 3.3vw 23.3vw;
    display: block;
  }

  .heading-contact {
    letter-spacing: -.2vw;
    padding-bottom: 5.6vw;
    line-height: 100%;
  }

  .text-field {
    border-radius: 3.6vw;
    height: auto;
    margin-bottom: 2.2vw;
    padding: 4.4vw 5.8vw;
  }

  .text-field.text-reauest {
    height: 36.1vw;
    margin-bottom: 7.2vw;
  }

  .submit-button {
    padding: 4.2vw 10vw;
  }

  .div-block-5 {
    padding-bottom: 8.3vw;
  }

  .img-data-mobile {
    object-fit: cover;
    height: 62vh;
    display: block;
    position: relative;
  }

  .footer-bnt {
    padding-top: 0;
    padding-bottom: 22vw;
  }

  .wrapper-btn-app {
    height: 5.5vw;
  }

  .submit-button-anim {
    padding: 4.2vw 10vw;
    display: none;
  }

  .nav-link-form {
    height: 5vw;
    display: block;
  }

  .success-message {
    border-radius: 3.6vw;
    padding: 6vw 4vw;
  }

  .text-block-2 {
    line-height: 120%;
  }

  .error-message {
    margin-top: 6vw;
    padding: 6vw 4vw;
  }

  img.social-icon {
      width: 3.4vw;
  }

  .form-conteiner img.social-icon {
        width: 3.8vw;
    }
  .form-conteiner .btn-wrapper.en {
      padding-top: 2vw;
  }

}

@media screen and (max-width: 479px) {
  .section {
    height: auto;
    min-height: 100svh;
  }

  .section.section-anim-video {
    position: relative;
  }

  .nav-link.w--current {
    height: 5vw;
  }

  .text-wrapper {
    z-index: 0;
    pointer-events: none;
    position: relative;
  }

  .container {
    padding-top: 45vw;
  }

  .heading-2 {
    z-index: 9;
  }

  .video-wrapper {
    width: auto;
    height: auto;
    margin-top: 20vh;
    margin-left: auto;
    position: static;
    top: 0;
    overflow: hidden;
  }

  .video {
    width: auto;
    height: 60vh;
  }

  .container-animation {
    height: 100vh;
    margin-top: -50vh;
    top: 0;
  }

  .container-anim-h2 {
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
  }

  .img-mobile {
    z-index: 99;
    max-width: none;
    height: 72vh;
  }

  .container-anim-img {
    height: auto;
    margin-top: 75vh;
    position: relative;
  }

  .text-decor-wrapper {
    padding-top: 0;
  }

  .text-decor-wrapper.decor-mobile {
    margin-top: -5vh;
  }

  .h1-doc {
    margin-bottom: 3vw;
  }

  .list {
    padding-left: 30px;
  }

  .footer-container {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .form-block {
    margin-bottom: 0;
  }

  .img-data-mobile {
    z-index: 999;
    object-fit: contain;
    max-width: none;
    height: 48vh;
  }

  .container-wrapper-animation {
    flex-flow: column;
    justify-content: center;
    height: 100vh;
    display: flex;
  }

  .link-copirair {
    font-size: 3vw;
     max-width: 80%;
  }

}