@font-face {
  font-family: Prompt;
  font-display: swap;
  src: url("../fonts/Prompt-Bold-8c1dc8957099f676c9725cebb234b518.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Prompt;
  font-display: swap;
  src: url("../fonts/Prompt-Medium-d068308601861c98940bf07aa8c2bf36.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Prompt;
  font-display: swap;
  src: url("../fonts/Prompt-Regular-06a52ddd65454120d4cd77bb5fbb6969.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Prompt;
  font-display: swap;
  src: url("../fonts/Prompt-SemiBold-be247dc31cb06a65cc8a07ccc80aa9c5.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: stan0751;
  font-display: swap;
  src: url("../fonts/stan0751-6026bd3b20a1b4a711004e226e6a3e75.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  line-height: 1;
  font-family: "Prompt";
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: "Prompt";
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

body.lock {
  overflow: hidden;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 1 100%;
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1072px;
  padding: 0 24px;
}

.circle {
  position: absolute;
  border-radius: 50%;
  border: 48.5px solid #F4E614;
}
@media (max-width: 1024.98px) {
  .circle {
    border: 23.55px solid #F4E614;
  }
}
.circle_small {
  width: 184px;
  height: 184px;
}
@media (max-width: 1024.98px) {
  .circle_small {
    width: 90px;
    height: 90px;
  }
}
.circle_big {
  width: 494px;
  height: 494px;
}
@media (max-width: 1024.98px) {
  .circle_big {
    width: 243px;
    height: 243px;
  }
}

.dots {
  position: absolute;
  width: 545px;
  height: 544px;
  background: url("../img/dots-cea494a276e8633e67902cc332ba0575.png") center no-repeat;
  background-size: contain;
}
@media (max-width: 1024.98px) {
  .dots {
    width: 272.5px;
    height: 272px;
  }
}

.fomre {
  position: absolute;
  width: 580px;
  height: 292px;
  background: url("../img/forme-9f2fd775f017eb60a2f34f0c02b71f6f.svg") center no-repeat;
  background-size: contain;
}
@media (max-width: 1024.98px) {
  .fomre {
    width: 290px;
    height: 146px;
  }
}

.robot-medium {
  width: 245px;
  height: 339px;
  position: absolute;
}
.robot-medium img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .robot-medium {
    width: 171px;
    height: 231px;
  }
}
.robot-medium__image {
  overflow: hidden;
}
.robot-medium__circle {
  border-radius: 50%;
}
.robot-medium__circle_1 {
  width: 235px;
  height: 235px;
  border: 4.08px solid #124BDF;
  position: absolute;
  bottom: 0;
}
@media (max-width: 1024.98px) {
  .robot-medium__circle_1 {
    width: 171px;
    height: 171px;
    border: 2.86px solid #124BDF;
  }
}
.robot-medium__circle_2 {
  width: 203px;
  height: 203px;
  bottom: 16px;
  position: absolute;
  background: #124BDF;
}
@media (max-width: 1024.98px) {
  .robot-medium__circle_2 {
    width: 142px;
    height: 142px;
  }
}

.robot-big {
  position: absolute;
  width: 256px;
  height: 185px;
}
.robot-big img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .robot-big {
    width: 179.2px;
    height: 129.5px;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  border: 2px solid #003466;
  border-radius: 56px;
  padding: 5px 42px;
  background: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: #003466;
  box-shadow: 8px 8px 0px 0px #003466;
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover {
    transform: translate(0, -3px);
    box-shadow: 9px 9px 0px 0px #003466;
  }
}
.btn:active {
  transform: translate(0, 3px);
  box-shadow: 3px 3px 0px 0px #003466;
}
.btn__icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 10px;
}

.btn-small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 40px;
  border-radius: 56px;
  border: 2px solid #003466;
  background: transparent;
  padding: 5px 20px;
  color: #003466;
  transition: all 0.3s ease-out;
  font-weight: 500;
  font-size: 20px;
}
@media (hover: hover) and (pointer: fine) {
  .btn-small:hover {
    color: #FFFFFF;
    background: #003466;
  }
}
@media (max-width: 1024.98px) {
  .btn-small {
    height: 50px;
  }
}

.bulle {
  padding: 15.31px;
  background: #FD40FE;
  border: 3px solid #003466;
  box-shadow: 4px 4px 0px 0px #003466;
  position: relative;
  transform: rotate(-5.63deg);
}
.bulle::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 16px;
  background: url("../img/bulle-triangle-76014a167d19109c3ce05933115d744e.svg") center no-repeat;
  background-size: contain;
  bottom: -20px;
  right: 40px;
}
.bulle span {
  position: relative;
  z-index: 1;
}
@media (max-width: 1024.98px) {
  .bulle {
    padding: 10.71px;
    border: 2.4px solid #003466;
    box-shadow: 3.2px 3.2px 0px 0px #003466;
  }
  .bulle::before {
    width: 25.6px;
    height: 12.8px;
    bottom: -16px;
    right: 31px;
  }
}

.popup-timer {
  background: rgba(0, 0, 0, 0.4);
}
.popup-timer .loading {
  flex: 1 1 100%;
}
.popup-timer .popup__inner {
  width: 100%;
  max-width: 500px;
}
.popup-timer .top-popup {
  padding: 10px 20px 0 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background: #00fe30;
}
.popup-timer .top-popup .top-popup__close {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #003466;
  border-radius: 50%;
  transition: all 0.3s ease-out;
}
.popup-timer .top-popup .top-popup__close svg {
  width: 18px;
  height: 18px;
  fill: #003466;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .popup-timer .top-popup .top-popup__close:hover {
    background: #003466;
  }
  .popup-timer .top-popup .top-popup__close:hover svg {
    fill: #fff;
  }
}
.popup-timer .top-popup .top-popup__title {
  flex: 1 1 100%;
  font-weight: 700;
  font-size: 40px;
  line-height: 94%;
  color: #003466;
  text-align: center;
  margin: 20px 0 0 0;
}
.popup-timer .top-popup .top-popup__title span {
  display: inline-flex;
  background: #FAF030;
  padding: 7px 36.7px 6px 26.5px;
  transform: rotate(-1.34deg);
}
.popup-timer .top-popup .top-popup__title_desktop {
  font-size: 40px;
}
@media (max-width: 550px) {
  .popup-timer .top-popup .top-popup__title_desktop {
    display: none;
  }
}
.popup-timer .top-popup .top-popup__title_mobile {
  display: none;
}
.popup-timer .top-popup .top-popup__title_mobile span:last-child {
  transform: translate(0, -1px) rotate(-1.34deg);
}
@media (max-width: 550px) {
  .popup-timer .top-popup .top-popup__title_mobile {
    font-size: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.popup-timer .popup__content {
  padding: 36px 16px 16px 24px;
  background: #00fe30;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.popup-timer.open .timer:before {
  animation: mask_left 5s steps(1, end) forwards;
}
.popup-timer.open .timer:after {
  animation: mask_right 5s steps(1, end) forwards;
}
.popup-timer.open .timer__line {
  animation: line 5s linear forwards;
}
.popup-timer.open .timer__counter {
  animation: counter 5s steps(4, end) forwards;
}
.popup-timer__timer {
  margin: 5px 0 0 0;
}
.popup-timer__timer:not(:last-child) {
  margin: 5px 0 41px 0;
}
.popup-timer__btns {
  width: 100%;
  display: flex;
}
@media (max-width: 550px) {
  .popup-timer__btns {
    flex-direction: column;
  }
}
.popup-timer__btn {
  flex: 0 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  padding: 10px 22px;
  height: 60px;
  font-weight: 500;
  font-size: 17px;
  margin: 0 0 20px 0;
}
.popup-timer__btn:not(:last-child) {
  margin: 0 20px 20px 0;
}
@media (max-width: 550px) {
  .popup-timer__btn {
    height: 64px;
    font-size: 20px;
  }
  .popup-timer__btn:not(:last-child) {
    margin: 0 0 20px 0;
  }
}

.timer {
  flex: 0 0 123px;
  width: 123px;
  height: 123px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: url("../img/icons/timer-points-6419f09d387524d1188560a0ba98f3f2.svg") 1px 1px no-repeat;
  background-size: cover;
  background-size: calc(100% - 2px);
}
.timer:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../img/icons/timer-points-6419f09d387524d1188560a0ba98f3f2.svg") 1px 1px no-repeat;
  background-size: cover;
  background-color: #00fe30;
  z-index: 3;
}
.timer:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #003466;
  z-index: 3;
}
.timer__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.timer__line:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #003466;
  z-index: 2;
}
.timer__inner {
  position: absolute;
  width: 117px;
  height: 117px;
  background-color: #00fe30;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.timer__body {
  position: relative;
  height: 40px;
  overflow: hidden;
  z-index: 4;
  margin: 0 10px 0 0;
}
.timer__counter {
  display: inline-block;
}
.timer__counter span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  overflow: hidden;
  text-align: center;
}

.timer-span {
  display: inline-flex !important;
  align-items: flex-end;
}

@keyframes counter {
  100% {
    transform: translateY(-160px);
  }
}
@keyframes line {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes mask_left {
  0% {
    visibility: visible;
  }
  50%, 100% {
    visibility: hidden;
  }
}
@keyframes mask_right {
  0% {
    visibility: hidden;
  }
  50%, 100% {
    visibility: visible;
  }
}
.ibg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ibg img {
  display: none;
}

.welcome {
  display: flex;
  flex-direction: column;
}
.hero-welcome {
  flex: 1 1 100%;
  background: #124BDF;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.hero-welcome__video-desctop {
  width: 100%;
  flex: 1 1 100%;
}
.hero-welcome__video-desctop video {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024.98px) {
  .hero-welcome__video-desctop {
    display: none;
  }
}
.hero-welcome__video-mobile {
  display: none;
  width: 100%;
  flex: 1 1 100%;
}
.hero-welcome__video-mobile video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024.98px) {
  .hero-welcome__video-mobile {
    display: block;
    min-height: 767px;
  }
}
@media (max-width: 480.98px) {
  .hero-welcome__video-mobile video {
    object-fit: cover;
  }
}
.hero-welcome__btn {
  position: absolute;
  z-index: 1;
  bottom: 11dvh;
  width: 100%;
  max-width: 351px;
  font-family: Prompt;
  font-weight: 700;
  font-size: 30px;
  line-height: 110%;
}
@media (max-width: 1180.98px) {
  .hero-welcome__btn {
    bottom: 10dvh;
  }
}
@media (max-width: 480.98px) {
  .hero-welcome__btn {
    bottom: 7dvh;
  }
}
.hero-welcome__circles .circle_small {
  left: 59.72px;
  top: -119.56px;
}
@media (max-width: 1024.98px) {
  .hero-welcome__circles .circle_small {
    left: -47.51px;
    top: -46.53px;
  }
}
.hero-welcome__circles .circle_big {
  left: -95.26px;
  top: -274.54px;
}
@media (max-width: 1024.98px) {
  .hero-welcome__circles .circle_big {
    left: -121px;
    top: -120px;
  }
}
.hero-welcome__dots {
  top: -186px;
  right: -300px;
}
@media (max-width: 1024.98px) {
  .hero-welcome__dots {
    display: none;
  }
}
.hero-welcome__fomre {
  left: 1095px;
  bottom: -139px;
}
@media (max-width: 1600.98px) {
  .hero-welcome__fomre {
    left: auto;
    right: 61.4px;
  }
}
@media (max-width: 1300.98px) {
  .hero-welcome__fomre {
    right: -198.6px;
  }
}
@media (max-width: 1024.98px) {
  .hero-welcome__fomre {
    right: -132.7px;
    bottom: -70px;
  }
}
.hero-welcome__logo {
  position: absolute;
  width: 187px;
  height: 187px;
  top: 13.5px;
  left: 53px;
}
.hero-welcome__logo img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .hero-welcome__logo {
    position: relative;
    margin: 0 0 -38px 0;
    top: auto;
    left: auto;
  }
}
.hero-welcome__body {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hero-welcome__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.hero-welcome__content {
  flex: 1 1 100%;
  padding: 8.5px 0 147px 0;
  align-items: center;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1180.98px) {
  .hero-welcome__content {
    padding: 8.5px 0 97px 0;
  }
}
@media (max-width: 1024.98px) {
  .hero-welcome__content {
    justify-content: flex-start;
    padding: 8.5px 0 171.43px 0;
  }
}
.hero-welcome__image {
  position: relative;
  z-index: 1;
  width: 453px;
  height: 241px;
}
@media (max-width: 1024.98px) {
  .hero-welcome__image {
    width: 285.39px;
    height: 151.83px;
  }
}
.hero-welcome__image img {
  display: inline-flex;
  position: absolute;
  height: 100%;
}
.hero-welcome__image img:nth-child(1) {
  left: 1%;
  opacity: 0;
}
.hero-welcome__image img:nth-child(2) {
  left: 50%;
  transform: translate(-45%, 0);
  z-index: 1;
  opacity: 0;
}
.hero-welcome__image img:nth-child(3) {
  right: 1%;
  opacity: 0;
}
.hero-welcome__title {
  margin: -41.3px 0 0 0;
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 55px;
  line-height: 105.6166666667%;
  color: #003466;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.hero-welcome__title span {
  position: relative;
}
.hero-welcome__title span:nth-child(1) {
  background: #FAF030;
  padding: 7px 36.7px 6px 26.5px;
  transform: rotate(-100deg);
  top: 1000px;
  opacity: 0;
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
.hero-welcome__title span:nth-child(2) {
  background: #00FE30;
  padding: 6.3px 23.4px 5.6px 22px;
  transform: rotate(75deg);
  top: 1000px;
  opacity: 0;
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
.hero-welcome__title span:nth-child(3) {
  background: #FAF030;
  padding: 7px 24.4px 6px 21.2px;
  transform: rotate(-125deg);
  top: 1000px;
  opacity: 0;
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
@media (max-width: 1024.98px) {
  .hero-welcome__title {
    font-size: 38px;
  }
  .hero-welcome__title span:nth-child(1) {
    padding: 4.47px 22.8px 4.24px 16.6px;
  }
  .hero-welcome__title span:nth-child(2) {
    padding: 3.94px 14.1px 3.85px 13.9px;
  }
  .hero-welcome__title span:nth-child(3) {
    padding: 2.61px 15.04px 0px 13.39px;
  }
}
.started-hero-welcome {
  flex: 0 0 199px;
  height: 199px;
  background: #16EF3F;
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024.98px) {
  .started-hero-welcome {
    flex: 0 0 173px;
    height: 173px;
  }
}
.started-hero-welcome__dots {
  top: -155px;
  left: -220px;
}
@media (max-width: 1180.98px) {
  .started-hero-welcome__dots {
    top: 49px;
  }
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__dots {
    top: 39px;
    left: -137px;
  }
}
.started-hero-welcome__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
}
.started-hero-welcome__content {
  flex: 1 1 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.started-hero-welcome__robot {
  bottom: -51px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.started-hero-welcome__robot .robot-medium__circle_1 {
  opacity: 0;
  transform: scale(0.6);
}
.started-hero-welcome__robot .robot-medium__circle_2 {
  opacity: 0;
  transform: scale(0.2);
}
.started-hero-welcome__robot .robot-medium__image {
  width: 135px;
  height: 385px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-200px);
}
.started-hero-welcome__robot .robot-medium__image .robot-medium__head {
  width: 135px;
  height: 185px;
  position: absolute;
  bottom: 25px;
  transform: translateY(110%);
}
.started-hero-welcome__robot .robot-medium__image .robot-medium__head img:nth-child(1) {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateY(0);
  bottom: 0;
}
.started-hero-welcome__robot .robot-medium__image .robot-medium__head img:nth-child(2) {
  width: auto;
  height: auto;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  bottom: auto;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__robot .robot-medium__image .robot-medium__head img:nth-child(2) {
    transform: translateX(-50%) translateY(0) scale(0.7);
    top: 33px;
  }
}
.started-hero-welcome__robot .robot-medium__image .robot-medium__head img:nth-child(3) {
  width: auto;
  height: auto;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  bottom: auto;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__robot .robot-medium__image .robot-medium__head img:nth-child(3) {
    transform: translateX(-50%) translateY(0) scale(0.7);
    top: 33px;
  }
}
.started-hero-welcome__robot .robot-medium__image .robot-medium__head img:nth-child(4) {
  width: auto;
  height: auto;
  position: absolute;
  top: 58px;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  bottom: auto;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__robot .robot-medium__image .robot-medium__head img:nth-child(4) {
    transform: translateX(-50%) translateY(0) scale(0.7);
    top: 41px;
  }
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__robot .robot-medium__image .robot-medium__head {
    width: 93px;
    height: 129px;
    bottom: 18px;
  }
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__robot .robot-medium__image {
    width: 93px;
    height: 329px;
  }
}
.started-hero-welcome__robot img {
  width: 135px;
  height: 185px;
  position: absolute;
  bottom: 0;
  transform: translateY(110%);
}
@media (max-width: 1180.98px) {
  .started-hero-welcome__robot {
    bottom: -53px;
  }
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__robot {
    bottom: -15px;
  }
  .started-hero-welcome__robot img {
    width: 93px;
    height: 129px;
  }
}
.started-hero-welcome__btn {
  z-index: 1;
  margin: 0 0 46px 0;
  width: 100%;
  max-width: 351px;
  font-family: Prompt;
  font-weight: 700;
  font-size: 30px;
  line-height: 110%;
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__btn {
    margin: 0 0 33px 0;
  }
}
.started-hero-welcome__bulle {
  position: absolute;
  top: -66px;
  left: 50%;
  transform: translateX(calc(-50% - 218px));
  max-width: 210px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.started-hero-welcome__bulle::before {
  display: none;
}
@media (max-width: 1180.98px) {
  .started-hero-welcome__bulle {
    top: -38px;
  }
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__bulle {
    top: -127.27px;
    max-width: 151.2px;
    transform: translateX(calc(-50% - 48.5px));
  }
}
.started-hero-welcome__bulle .bulle__body {
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 15px;
  line-height: 107%;
  letter-spacing: -0.02em;
  color: #003466;
  opacity: 0;
  padding: 15.31px;
  background: #FD40FE;
  border: 3px solid #003466;
  box-shadow: 4px 4px 0px 0px #003466;
}
.started-hero-welcome__bulle .bulle__body::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 16px;
  background: url("../img/bulle-triangle-76014a167d19109c3ce05933115d744e.svg") center no-repeat;
  background-size: contain;
  bottom: -20px;
  right: 40px;
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__bulle .bulle__body {
    font-family: Prompt;
    font-size: 12px;
    padding: 11.95px 12.21px;
    border: 2.4px solid #003466;
    box-shadow: 3.2px 3.2px 0px 0px #003466;
  }
  .started-hero-welcome__bulle .bulle__body::before {
    width: 25.6px;
    height: 12.8px;
    bottom: -16px;
    right: 31px;
  }
}
.started-hero-welcome__bulle .bulle__icon {
  display: inline-flex;
  position: absolute;
  width: 73px;
  height: 68.42px;
  background: url("../img/ai-icon-904b66fee4ecbc273514245b0e7dae81.svg") center no-repeat;
  background-size: contain;
  right: -16.46px;
  top: -16px;
  transform: rotate(5.63deg) translateY(40px);
  filter: blur(3px);
  -webkit-filter: blur(3px);
  opacity: 0;
}
@media (max-width: 1024.98px) {
  .started-hero-welcome__bulle .bulle__icon {
    width: 58.4px;
    height: 54.74px;
    top: -12.2px;
    right: -15.17px;
  }
}

.welcome .dots {
  animation: dotes_rotate 30s linear 0s infinite;
}
.welcome .hero-welcome__title.animation span:nth-child(1) {
  animation: title_line_1 0.7s ease 0s forwards, title_line_1_2 5s ease 5s infinite, title_line_1_3 1s ease 30.2s forwards;
}
.welcome .hero-welcome__title.animation span:nth-child(2) {
  animation: title_line_2 0.7s ease 0.175s forwards, title_line_2_2 5s ease 5.2s infinite, title_line_2_3 1s ease 30.1s forwards;
}
.welcome .hero-welcome__title.animation span:nth-child(3) {
  animation: title_line_3 0.7s ease 0.35s forwards, title_line_3_2 5s ease 5.4s infinite, title_line_3_3 1s ease 30s forwards;
}
.welcome .started-hero-welcome__bulle.animation .bulle__body {
  animation: quote_transform_desctop 0.35s ease 1.5s forwards, quote_transform_desctop_2 0.4s ease 30.4s forwards;
}
@media (max-width: 1024.98px) {
  .welcome .started-hero-welcome__bulle.animation .bulle__body {
    animation: quote_transform_mobile 0.35s ease 1.5s forwards, quote_transform_mobile_2 0.4s ease 30.4s forwards;
  }
}
.welcome .started-hero-welcome__bulle.animation .bulle__icon {
  animation: quote_icon 0.35s ease 1.5s forwards, quote_icon_desctop_2 0.4s ease 30.6s forwards;
}
@media (max-width: 1024.98px) {
  .welcome .started-hero-welcome__bulle.animation .bulle__icon {
    animation: quote_icon 0.35s ease 1.5s forwards, quote_icon_mobile_2 0.4s ease 30.6s forwards;
  }
}
.welcome .hero-welcome__image.animation img:nth-child(1) {
  animation: person_1 0.3s ease 0.8s forwards, persons 5.2s ease 5.4s infinite, person_1_3 0.3s ease 30.4s forwards;
}
.welcome .hero-welcome__image.animation img:nth-child(2) {
  animation: person_2 0.3s ease 0.5s forwards, persons 5.2s ease 5.2s infinite, person_2_3 0.3s ease 30.2s forwards;
}
.welcome .hero-welcome__image.animation img:nth-child(3) {
  animation: person_3 0.3s ease 0.8s forwards, persons 5.2s ease 5.3s infinite, person_3_3 0.3s ease 30.3s forwards;
}
.welcome .started-hero-welcome__robot.animation .robot-medium__circle_1 {
  animation: robot_circle_1 0.6s ease 1s forwards, robot_circle_1_2 0.6s ease 30.4s forwards;
}
.welcome .started-hero-welcome__robot.animation .robot-medium__circle_2 {
  animation: robot_circle_2 0.5s ease 1.1s forwards, robot_circle_1_2 0.5s ease 30.4s forwards;
}
.welcome .started-hero-welcome__robot.animation .robot-medium__image img:nth-child(1) {
  animation: robot_img_1 0.6s ease-out 1.3s forwards, robot_img_1_3 0.7s ease 30.4s forwards;
}
.welcome .started-hero-welcome__robot.animation .robot-medium__image .robot-medium__head {
  z-index: 1;
  animation: robot_img_2 0.6s ease-out 1.3s forwards, robot_img_2_2 10s ease-out 10s infinite, robot_img_2_3 0.8s ease 30.35s forwards;
}
.welcome .started-hero-welcome__robot.animation .robot-medium__image .robot-medium__head img:nth-child(2) {
  animation: robot_eyes_open 0.01s ease 3.6s forwards, robot_eyes_close 0.01s ease 6s forwards, robot_eyes_open 0.01s ease 6.2s forwards, robot_eyes_close 0.01s ease 6.4s forwards, robot_eyes_open 0.01s ease 6.6s forwards, robot_eyes_close 0.01s ease 12s forwards, robot_eyes_open 0.01s ease 12.2s forwards, robot_eyes_close 0.01s ease 12.4s forwards, robot_eyes_open 0.01s ease 12.6s forwards, robot_eyes_close 0.01s ease 17s forwards, robot_eyes_open 0.01s ease 17.2s forwards, robot_eyes_close 0.01s ease 17.4s forwards, robot_eyes_open 0.01s ease 17.6s forwards, robot_eyes_close 0.01s ease 22s forwards, robot_eyes_open 0.01s ease 22.2s forwards, robot_eyes_close 0.01s ease 22.4s forwards, robot_eyes_open 0.01s ease 22.6s forwards, robot_eyes_close 0.01s ease 27s forwards, robot_eyes_open 0.01s ease 27.2s forwards, robot_eyes_close 0.01s ease 27.4s forwards, robot_eyes_open 0.01s ease 27.6s forwards;
}
.welcome .started-hero-welcome__robot.animation .robot-medium__image .robot-medium__head img:nth-child(3) {
  animation: robot_eyes_open 0.01s ease 3.4s forwards, robot_eyes_close 0.01s ease 3.6s forwards;
}
.welcome .started-hero-welcome__robot.animation .robot-medium__image .robot-medium__head img:nth-child(4) {
  animation: robot_eyes_open 0.01s ease 3s forwards, robot_eyes_close 0.01s ease 3.4s forwards, robot_eyes_open 0.01s ease 6s forwards, robot_eyes_close 0.01s ease 6.2s forwards, robot_eyes_open 0.01s ease 6.4s forwards, robot_eyes_close 0.01s ease 6.6s forwards, robot_eyes_open 0.01s ease 12s forwards, robot_eyes_close 0.01s ease 12.2s forwards, robot_eyes_open 0.01s ease 12.4s forwards, robot_eyes_close 0.01s ease 12.6s forwards, robot_eyes_open 0.01s ease 17s forwards, robot_eyes_close 0.01s ease 17.2s forwards, robot_eyes_open 0.01s ease 17.4s forwards, robot_eyes_close 0.01s ease 17.6s forwards, robot_eyes_open 0.01s ease 22s forwards, robot_eyes_close 0.01s ease 22.2s forwards, robot_eyes_open 0.01s ease 22.4s forwards, robot_eyes_close 0.01s ease 22.6s forwards, robot_eyes_open 0.01s ease 27s forwards, robot_eyes_close 0.01s ease 27.2s forwards, robot_eyes_open 0.01s ease 27.4s forwards, robot_eyes_close 0.01s ease 27.6s forwards;
}

@keyframes robot_eyes_open {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes robot_eyes_close {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes dotes_rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes title_line_1 {
  0% {
    transform: rotate(-100deg);
    top: 1000px;
    opacity: 0;
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
  25% {
    opacity: 0;
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
  75% {
    opacity: 1;
    transform: rotate(2deg);
    top: -30px;
    filter: blur(1px);
    -webkit-filter: blur(1px);
  }
  100% {
    transform: rotate(-1.34deg);
    top: 0px;
    opacity: 1;
    filter: blur(0px);
    -webkit-filter: blur(0px);
  }
}
@keyframes title_line_2 {
  0% {
    transform: rotate(75deg);
    top: 1000px;
    opacity: 0;
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
  25% {
    opacity: 0;
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
  90% {
    opacity: 1;
    transform: rotate(-2deg);
    top: -10px;
    filter: blur(1px);
    -webkit-filter: blur(1px);
  }
  100% {
    transform: rotate(0.39deg);
    top: 0px;
    opacity: 1;
    filter: blur(0px);
    -webkit-filter: blur(0px);
  }
}
@keyframes title_line_3 {
  0% {
    transform: rotate(-125deg);
    top: 1000px;
    opacity: 0;
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
  25% {
    opacity: 0;
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
  75% {
    opacity: 1;
    transform: rotate(0deg);
    top: -30px;
    filter: blur(1px);
    -webkit-filter: blur(1px);
  }
  100% {
    transform: rotate(2.36deg);
    top: 0;
    opacity: 1;
    filter: blur(0px);
    -webkit-filter: blur(0px);
  }
}
@keyframes title_line_1_2 {
  0% {
    transform: rotate(-1.34deg) translateY(0px);
  }
  4% {
    transform: rotate(-5.34deg) translateY(-10px);
  }
  8% {
    transform: rotate(-3.34deg) translateY(10px);
  }
  12% {
    transform: rotate(-1.34deg) translateY(0px);
  }
  100% {
    transform: rotate(-1.34deg) translateY(0px);
  }
}
@keyframes title_line_2_2 {
  0% {
    transform: rotate(0.39deg) translateY(0px);
  }
  4% {
    transform: rotate(4.39deg) translateY(-10px);
  }
  8% {
    transform: rotate(2.39deg) translateY(10px);
  }
  12% {
    transform: rotate(0.39deg) translateY(0px);
  }
  100% {
    transform: rotate(0.39deg) translateY(0px);
  }
}
@keyframes title_line_3_2 {
  0% {
    transform: rotate(2.36deg) translateY(0px);
  }
  4% {
    transform: rotate(6.36deg) translateY(-10px);
  }
  8% {
    transform: rotate(4.36deg) translateY(10px);
  }
  12% {
    transform: rotate(2.36deg) translateY(0px);
  }
  100% {
    transform: rotate(2.36deg) translateY(0px);
  }
}
@keyframes title_line_1_3 {
  0% {
    transform: rotate(-1.34deg);
    top: 0px;
    opacity: 1;
  }
  10% {
    transform: rotate(-1.34deg);
    top: -15px;
    opacity: 1;
  }
  20% {
    transform: rotate(-6deg);
    top: 0px;
    opacity: 0.8;
  }
  100% {
    transform: rotate(-15deg);
    top: 1000px;
  }
}
@keyframes title_line_2_3 {
  0% {
    transform: rotate(0.39deg);
    top: 0px;
    opacity: 1;
  }
  10% {
    transform: rotate(0.39deg);
    top: -15px;
    opacity: 1;
  }
  20% {
    transform: rotate(5deg);
    top: 0px;
    opacity: 0.8;
  }
  100% {
    transform: rotate(15deg);
    top: 1000px;
    opacity: 0;
  }
}
@keyframes title_line_3_3 {
  0% {
    transform: rotate(2.36deg);
    top: 0px;
    opacity: 1;
  }
  10% {
    transform: rotate(2.36deg);
    top: -20px;
    opacity: 1;
  }
  20% {
    transform: rotate(-5deg);
    top: 0px;
    opacity: 0.8;
  }
  100% {
    transform: rotate(-15deg);
    top: 1000px;
    opacity: 0;
  }
}
@keyframes quote_transform_desctop {
  0% {
    opacity: 0;
    transform: rotate(15deg) translateY(100px);
  }
  95% {
    opacity: 1;
    transform: rotate(-6.63deg) translateY(-3px);
  }
  100% {
    opacity: 1;
    transform: rotate(-5.63deg) translateY(0);
  }
}
@keyframes quote_transform_mobile {
  0% {
    opacity: 0;
    transform: rotate(15deg) translateY(100px);
  }
  95% {
    opacity: 1;
    transform: rotate(-6.63deg) translateY(-3px);
  }
  100% {
    opacity: 1;
    transform: rotate(-5.63deg) translateY(0);
  }
}
@keyframes quote_icon {
  0% {
    transform: rotate(500.63deg) translateY(40px);
    filter: blur(3px);
    -webkit-filter: blur(3px);
    opacity: 0;
  }
  90% {
    transform: rotate(5.63deg) translateY(-15px) translateX(3px);
    filter: blur(0px);
    -webkit-filter: blur(0px);
    opacity: 1;
  }
  100% {
    transform: rotate(5.63deg) translateY(0) translateX(0);
    filter: blur(0px);
    -webkit-filter: blur(0px);
    opacity: 1;
  }
}
@keyframes quote_transform_desctop_2 {
  0% {
    opacity: 1;
    transform: rotate(-5.63deg) translateY(0);
  }
  10% {
    opacity: 1;
    transform: rotate(-6.63deg) translateY(-5px);
  }
  100% {
    opacity: 0;
    transform: rotate(15deg) translateY(100px);
  }
}
@keyframes quote_transform_mobile_2 {
  0% {
    opacity: 1;
    transform: rotate(-5.63deg) translateY(0);
  }
  10% {
    opacity: 1;
    transform: rotate(-6.63deg) translateY(-5px);
  }
  100% {
    opacity: 0;
    transform: rotate(15deg) translateY(100px);
  }
}
@keyframes quote_icon_desctop_2 {
  0% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    opacity: 1;
    transform: rotate(5.63deg) translateY(0) translateX(0);
    top: -16px;
  }
  10% {
    transform: rotate(5.63deg) translateY(0) translateX(0);
    filter: blur(0px);
    -webkit-filter: blur(0px);
    opacity: 1;
    top: -20px;
  }
  100% {
    transform: rotate(500.63deg) translateY(0) translateX(0);
    filter: blur(3px);
    -webkit-filter: blur(3px);
    top: 100px;
    opacity: 0;
  }
}
@keyframes quote_icon_mobile_2 {
  0% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    opacity: 1;
    transform: rotate(5.63deg) translateY(0) translateX(0);
    top: -12.2px;
  }
  10% {
    transform: rotate(5.63deg) translateY(0) translateX(0);
    filter: blur(0px);
    -webkit-filter: blur(0px);
    opacity: 1;
    top: -16px;
  }
  100% {
    transform: rotate(500.63deg) translateY(0) translateX(0);
    filter: blur(3px);
    -webkit-filter: blur(3px);
    top: 100px;
    opacity: 0;
  }
}
@keyframes robot_circle_1 {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes robot_circle_2 {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes robot_circle_1_2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.6;
  }
  100% {
    transform: scale(0.6);
    opacity: 0;
  }
}
@keyframes robot_circle_2_2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.8;
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes robot_img_1 {
  0% {
    transform: translateY(110%);
  }
  80% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes robot_img_2 {
  0% {
    transform: translateY(110%);
  }
  70% {
    transform: translateY(-35px);
  }
  80% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes robot_img_2_2 {
  0% {
    transform: translateY(0);
  }
  3% {
    transform: translateY(4px);
  }
  6% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes robot_img_1_3 {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(110%);
  }
}
@keyframes robot_img_2_3 {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-35px);
  }
  100% {
    transform: translateY(110%);
  }
}
@keyframes person_1 {
  0% {
    opacity: 0;
    left: 30%;
  }
  75% {
    opacity: 1;
    left: -3%;
  }
  100% {
    opacity: 1;
    left: 1%;
  }
}
@keyframes person_2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes person_3 {
  0% {
    opacity: 0;
    right: 30%;
  }
  75% {
    opacity: 1;
    right: -3%;
  }
  100% {
    opacity: 1;
    right: 1%;
  }
}
@keyframes persons {
  0% {
    top: 0%;
  }
  6% {
    top: 8%;
  }
  12% {
    top: 0%;
  }
  100% {
    top: 0%;
  }
}
@keyframes person_1_3 {
  0% {
    opacity: 1;
    left: 1%;
  }
  100% {
    opacity: 0;
    left: -100px;
  }
}
@keyframes person_2_3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes person_3_3 {
  0% {
    opacity: 1;
    right: 1%;
  }
  100% {
    opacity: 0;
    right: -100px;
  }
}
.instructions {
  display: flex;
  flex-direction: column;
}
.hero-instructions {
  flex: 1 1 100%;
  background: #124BDF;
  display: flex;
  flex-direction: column;
}
.hero-instructions__body {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.hero-instructions__circles .circle_small {
  left: 59.72px;
  top: -119.56px;
}
@media (max-width: 1024.98px) {
  .hero-instructions__circles .circle_small {
    left: -47.51px;
    top: -46.53px;
  }
}
.hero-instructions__circles .circle_big {
  left: -95.26px;
  top: -274.54px;
}
@media (max-width: 1024.98px) {
  .hero-instructions__circles .circle_big {
    left: -121px;
    top: -120px;
  }
}
.hero-instructions__dots {
  top: -186px;
  right: -300px;
}
@media (max-width: 1024.98px) {
  .hero-instructions__dots {
    display: none;
  }
}
.hero-instructions__fomre {
  bottom: -139.14px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (max-width: 1600.98px) {
  .hero-instructions__fomre {
    left: 425px;
    transform: translate(0, 0);
  }
}
.hero-instructions__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}
@media (max-width: 1024.98px) {
  .hero-instructions__container {
    padding: 0 18.34px 0 10.81px;
  }
}
.hero-instructions__content {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 44.49px 0 88.49px 0;
}
@media (max-width: 1180.98px) {
  .hero-instructions__content {
    padding: 1px 0 88.49px 0;
    justify-content: flex-end;
  }
}
@media (max-width: 1024.98px) {
  .hero-instructions__content {
    padding: 1px 0 79.54px 0;
  }
}
.hero-instructions__image {
  width: 269px;
  height: 143px;
  flex: 0 0 143px;
  margin: 0 0 -22.31px 0;
  position: relative;
  z-index: 1;
}
.hero-instructions__image img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .hero-instructions__image {
    width: 247px;
    height: 149px;
    margin: 0 0 -32.51px 0;
  }
}
.hero-instructions__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 37.8px;
  text-align: center;
  color: #003466;
  margin: 0 0 -19.17px 0;
  position: relative;
  z-index: 3;
}
.hero-instructions__title span {
  display: block;
  padding: 8px 12px;
  background: #00FE30;
}
@media (max-width: 1024.98px) {
  .hero-instructions__title {
    font-size: 24px;
    margin: 0 0 -14.69px 0;
  }
  .hero-instructions__title span {
    padding: 0 8px;
  }
}
.hero-instructions__text-block {
  background: #003466;
  padding: 33px 54px 33px 50.5px;
  text-align: center;
  max-width: 775.83px;
  position: relative;
  z-index: 2;
  transform: rotate(-1.11deg);
}
@media (max-width: 1024.98px) {
  .hero-instructions__text-block {
    padding: 24.23px 14.16px 48.23px 14.16px;
  }
}
.hero-instructions__subtitle {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #F5E82C;
}
.hero-instructions__subtitle:not(:last-child) {
  margin: 0 0 10.87px 0;
}
@media (max-width: 1024.98px) {
  .hero-instructions__subtitle {
    font-size: 16px;
  }
  .hero-instructions__subtitle:not(:last-child) {
    margin: 0 0 9.93px 0;
  }
}
.hero-instructions__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.hero-instructions__text:not(:last-child) {
  margin: 0 0 10.87px 0;
}
.hero-instructions__text p:not(:last-child) {
  margin: 0 0 10.87px 0;
}
@media (max-width: 1024.98px) {
  .hero-instructions__text {
    font-size: 16px;
  }
  .hero-instructions__text:not(:last-child) {
    margin: 0 0 9.93px 0;
  }
  .hero-instructions__text p:not(:last-child) {
    margin: 0 0 9.93px 0;
  }
}
.hero-instructions__bottom-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #FFFFFF;
}
.hero-instructions__bottom-text:not(:last-child) {
  margin: 0 0 10.87px 0;
}
@media (max-width: 1024.98px) {
  .hero-instructions__bottom-text {
    font-size: 16px;
  }
  .hero-instructions__bottom-text:not(:last-child) {
    margin: 0 0 9.93px 0;
  }
}

.footer-instructions {
  position: relative;
  z-index: 5;
}
.footer-instructions__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  background: #00FE30;
  height: 100px;
}
@media (max-width: 1024.98px) {
  .footer-instructions__row {
    height: auto;
    flex-direction: column;
    padding: 24px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1024.98px) {
  .footer-instructions__btn-restart {
    order: 2;
  }
}
@media (max-width: 480.98px) {
  .footer-instructions__btn-restart {
    width: 100%;
  }
}
.footer-instructions__btn-start {
  margin: 0 20px 0 91px;
}
@media (max-width: 1024.98px) {
  .footer-instructions__btn-start {
    margin: 0 0 24px 0;
    order: 1;
  }
}
@media (max-width: 480.98px) {
  .footer-instructions__btn-start {
    width: 100%;
  }
}
.footer-instructions__robot-block {
  height: 100px;
  flex: 0 0 249px;
  width: 249px;
  position: relative;
}
@media (max-width: 1024.98px) {
  .footer-instructions__robot-block {
    position: absolute;
    width: 171px;
    flex: 0 0 171px;
    height: 231px;
    right: 33px;
    top: -102px;
  }
}
@media (max-width: 480.98px) {
  .footer-instructions__robot-block {
    right: 8.8dvw;
  }
}
@media (max-width: 360px) {
  .footer-instructions__robot-block {
    right: -2.2dvw;
  }
}
.footer-instructions__bulle {
  position: absolute;
  right: calc(100% - 37px);
  top: calc(-100% + 14px);
  width: 100%;
  max-width: 263px;
  font-weight: 600;
  font-size: 15px;
  line-height: 130%;
}
@media (max-width: 1024.98px) {
  .footer-instructions__bulle {
    font-size: 10.5px;
    top: -15px;
    right: calc(100% - 26px);
    max-width: 184px;
  }
}
.footer-instructions__robot {
  position: absolute;
  left: 0;
  top: -85px;
}
@media (max-width: 1024.98px) {
  .footer-instructions__robot {
    top: 0;
  }
}

.loading {
  display: flex;
  flex-direction: column;
}
.loading__hero {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background: #00FE30;
}
.loading__confettis {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0;
  height: 989px;
  min-width: 100%;
  opacity: 0;
}
.loading__confettis svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024.98px) {
  .loading__confettis {
    width: 993px;
    height: 353px;
  }
}
@media (max-width: 1024.98px) {
  .loading__circles .circle {
    border: 30.27px solid #F4E614;
  }
}
.loading__circles .circle_small {
  width: 200.4px;
  height: 200.4px;
  right: -80.2px;
  top: -67.9px;
}
@media (max-width: 1024.98px) {
  .loading__circles .circle_small {
    width: 126.25px;
    height: 126.25px;
    right: -72.13px;
    top: -67.9px;
  }
}
.loading__circles .circle_big {
  width: 538px;
  height: 538px;
  right: -249px;
  top: -224.7px;
}
@media (max-width: 1024.98px) {
  .loading__circles .circle_big {
    width: 337.55px;
    height: 337.55px;
    right: -177.77px;
    top: -173.48px;
  }
}
.loading__dots {
  width: 472px;
  height: 471px;
  left: -128px;
  bottom: -192px;
  background: url("../img/dots-yellow-de160194d3dfd1d83880f17371a646f5.png") center no-repeat;
  background-size: contain;
}
@media (max-width: 1024.98px) {
  .loading__dots {
    width: 330px;
    height: 330px;
    left: -167.2px;
    bottom: -189.35px;
  }
}
.loading__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.loading__body {
  flex: 1 1 100%;
  width: 100%;
  max-width: 1094px;
  max-height: 820px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 41.5px 0 10px 0;
  margin: 0 auto;
}
@media (max-width: 1024.98px) {
  .loading__body {
    padding: 10px 0 51.6px 0;
  }
}
.loading__image {
  position: absolute;
  width: 1094px;
  height: 820px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.loading__image img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .loading__image {
    width: 765px;
    height: 574px;
    top: 70px;
  }
}
@media (max-width: 400px) {
  .loading__image {
    width: 700px;
    height: 522px;
    top: 64px;
  }
}
@media (max-width: 400px) and (max-height: 750px) {
  .loading__image {
    top: 32px;
  }
}
.loading__content {
  padding: 434px 24px 0 24px;
  text-align: center;
}
@media (max-width: 1024.98px) {
  .loading__content {
    padding: 400px 10px 0 10px;
  }
}
@media (max-width: 400px) and (max-height: 750px) {
  .loading__content {
    padding: 320px 10px 0 10px;
  }
}
.loading__label {
  display: inline-flex;
  background: #124BDF;
  margin: 0 auto -5.51px auto;
  position: relative;
  z-index: 1;
  transform: rotate(-2.01deg);
}
.loading__label span {
  display: flex;
  padding: 2.35px 10.06px;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  color: #FFFFFF;
}
.loading__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 41.24px;
  line-height: 43.78px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #003466;
  margin: 0 auto;
}
@media (max-width: 1024.98px) {
  .loading__text {
    font-size: 24px;
    line-height: 158%;
  }
}
@media (max-width: 480.98px) {
  .loading__text_desctop {
    display: none;
  }
}
.loading__text_mobile {
  display: none;
}
@media (max-width: 480.98px) {
  .loading__text_mobile {
    display: flex;
  }
}
.loading__info {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #003466;
  margin: 32px 5px 0 5px;
}
.loading__icon {
  display: inline-flex;
  margin: 34px auto 0 auto;
  width: 56px;
  height: 56px;
  animation: rotateLinear 1s linear infinite;
  transform-origin: center;
}
.loading__icon img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .loading__icon {
    margin: 25px auto 0 auto;
  }
}

.lines {
  text-align: center;
}
.lines .line {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.line {
  display: inline-block;
  padding: 12px;
  background: #F5E82C;
  margin: 0 0 -10px 0;
  white-space: nowrap;
}
.line:last-child {
  margin: 0;
}
@media (max-width: 1024.98px) {
  .line {
    padding: 0 10.5px;
    margin: 0 0 -8px 0;
  }
}

@keyframes rotateLinear {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ai-working .loading__text {
  max-width: 800px;
}

.loading-questions .loading__text {
  max-width: 740px;
}

.ai-indentified .loading__text {
  max-width: 750px;
}
@media (max-width: 480.98px) {
  .ai-indentified .loading__text .line {
    padding: 0 4px;
  }
}

.quiz {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hero-quiz {
  flex: 1 1 100%;
  background: #124BDF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.hero-quiz__body {
  padding: 36px 0;
}
@media (max-width: 1024.98px) {
  .hero-quiz__body {
    padding: 36px 0 180px 0;
  }
}
.hero-quiz__circles .circle_small {
  left: 59.72px;
  top: -119.56px;
}
@media (max-width: 1024.98px) {
  .hero-quiz__circles .circle_small {
    left: -47.51px;
    top: -46.53px;
  }
}
.hero-quiz__circles .circle_big {
  left: -95.26px;
  top: -274.54px;
}
@media (max-width: 1024.98px) {
  .hero-quiz__circles .circle_big {
    left: -121px;
    top: -120px;
  }
}
.hero-quiz__dots {
  top: -186px;
  right: -300px;
}
@media (max-width: 1024.98px) {
  .hero-quiz__dots {
    top: auto;
    right: auto;
    left: -157px;
    bottom: -191px;
  }
}
.hero-quiz__fomre {
  bottom: -160px;
  left: 50%;
}
@media (max-width: 1600.98px) {
  .hero-quiz__fomre {
    left: auto;
    right: 206.4px;
  }
}
@media (max-width: 1180.98px) {
  .hero-quiz__fomre {
    right: auto;
    left: 50%;
    transform: translate(calc(-50% + 77px), 0);
  }
}
@media (max-width: 1024.98px) {
  .hero-quiz__fomre {
    bottom: -115px;
    left: auto;
    transform: translate(0, 0);
    right: -133px;
  }
}
.hero-quiz__container {
  flex: 1 1 100%;
  position: relative;
  padding: 0 12px;
  margin: 0 auto;
}
.hero-quiz__content {
  max-width: 846px;
  margin: 0 auto;
  text-align: center;
}
.hero-quiz__label {
  display: inline-flex;
  font-weight: 700;
  font-size: 22px;
  color: #003466;
  transform: rotate(-2.01deg);
  position: relative;
  z-index: 2;
  margin: 0 auto -9.74px auto;
}
.hero-quiz__label span {
  padding: 2.35px 10.06px;
  background: #F5E82C;
}
.hero-quiz__question {
  font-weight: 700;
  font-size: 40px;
  line-height: 38px;
  text-align: center;
  color: #003466;
  max-width: 640px;
  margin: 0 auto 36px auto;
}
.hero-quiz__question .line {
  background: #00FE30;
  margin: 0 0 -8px 0;
}
.hero-quiz__question .line:last-child {
  margin: 0;
}
@media (max-width: 1024.98px) {
  .hero-quiz__question {
    font-size: 24px;
    margin: 0 auto 50px auto;
  }
  .hero-quiz__question .line {
    padding: 0 8px;
  }
}
.hero-quiz__info {
  font-weight: 700;
  font-size: 24.02px;
  margin: 0 auto 36px auto;
  color: #FFFFFF;
  letter-spacing: -0.02em;
}
@media (max-width: 1024.98px) {
  .hero-quiz__info {
    font-size: 22px;
    margin: 0 auto 24px auto;
  }
}
.answer-options__item:not(:last-child) {
  margin: 0 0 32px 0;
}
@media (max-width: 1024.98px) {
  .answer-options__item:not(:last-child) {
    margin: 0 0 24px 0;
  }
}
.btn-answer-options {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 12px 24px 12px 12px;
  text-align: left;
  justify-content: flex-start;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #003466;
  height: auto;
}
.btn-answer-options.selected {
  opacity: 1;
  pointer-events: none;
}
.btn-answer-options.lock {
  opacity: 0.5;
  pointer-events: none;
}
.btn-answer-options__icon {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  border: 2.4px solid #003466;
  margin: 0 20px 0 0;
  font-weight: 700;
  font-size: 29px;
  line-height: 100%;
  letter-spacing: -0.02em;
}
@media (max-width: 1024.98px) {
  .btn-answer-options__text {
    font-size: 20px;
  }
}

.footer-quiz {
  position: relative;
  z-index: 5;
}
.footer-quiz__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  background: #00FE30;
  height: 100px;
}
@media (max-width: 1024.98px) {
  .footer-quiz__row {
    height: auto;
    flex-direction: column;
    padding: 12px 24px 24px 24px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1024.98px) {
  .footer-quiz__btn-restart {
    order: 2;
  }
}
@media (max-width: 480.98px) {
  .footer-quiz__btn-restart {
    width: 100%;
  }
}
.footer-quiz__robot-block {
  height: 100px;
  flex: 0 0 256px;
  width: 256px;
  position: relative;
}
@media (max-width: 1024.98px) {
  .footer-quiz__robot-block {
    position: absolute;
    width: 179.2px;
    height: 129.5px;
    left: 50%;
    top: 0;
    transform: translate(calc(-50% + 10.77px), -100%);
  }
}
.footer-quiz__robot {
  position: absolute;
  right: 0;
  bottom: 0;
}

.progression {
  width: 100%;
  max-width: 301px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px 0 55.5px;
}
@media (max-width: 1024.98px) {
  .progression {
    margin: 0 0 24px 0;
    order: 1;
  }
}
@media (max-width: 480.98px) {
  .progression {
    max-width: none;
  }
}
.progression__procent {
  font-family: stan0751;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #003466;
  position: relative;
  z-index: 1;
}
.progression__bar {
  width: 100%;
  height: 40px;
  border: 3.5px solid #003466;
  background: #003466;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.progression__bar-line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #16EF3F;
  transform: translateX(-75%);
}

.profil-1 {
  display: flex;
  flex-direction: column;
}
.hero-profil-1 {
  flex: 1 1 100%;
  background: #124BDF;
  display: flex;
  flex-direction: column;
}
.hero-profil-1__body {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.hero-profil-1__circles .circle_big {
  right: -236.5px;
  top: -359.5px;
}
@media (max-width: 1024.98px) {
  .hero-profil-1__circles .circle_big {
    right: -147px;
    top: -177px;
  }
}
.hero-profil-1__dots {
  top: 57px;
  left: -82px;
}
@media (max-width: 1024.98px) {
  .hero-profil-1__dots {
    top: 32px;
    left: -117px;
  }
}
.hero-profil-1__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px;
}
@media (max-width: 1024.98px) {
  .hero-profil-1__container {
    padding: 0 12px;
  }
}
.hero-profil-1__content {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 930px;
  padding: 60px 0 130px 0;
}
@media (max-width: 1180.98px) {
  .hero-profil-1__content {
    padding: 50px 0 130px 0;
    justify-content: flex-end;
  }
}
@media (max-width: 1024.98px) {
  .hero-profil-1__content {
    padding: 50px 0 148px 0;
  }
}
.hero-profil-1__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 37.8px;
  color: #003466;
}
.hero-profil-1__title:not(:last-child) {
  margin: 0 0 25.3px 0;
}
.hero-profil-1__title span {
  display: inline-flex;
  padding: 8px 12px;
  background: #00FE30;
}
@media (max-width: 1024.98px) {
  .hero-profil-1__title {
    font-size: 24px;
  }
  .hero-profil-1__title:not(:last-child) {
    margin: 0 0 29.3px 0;
  }
  .hero-profil-1__title span {
    padding: 0 8px;
  }
}
.hero-profil-1__row {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 1024.98px) {
  .hero-profil-1__row {
    display: block;
  }
}
.hero-profil-1__detail {
  margin: 0 0 34px 0;
  flex: 1 1 100%;
}
@media (max-width: 1024.98px) {
  .hero-profil-1__detail {
    margin: 0;
  }
}
.hero-profil-1__signes {
  flex: 0 0 308.3px;
}

.detail-hero-profil-1 {
  padding: 32.46px 25.89px 32.46px 24.61px;
  text-align: center;
  background: #003466;
  transform: rotate(-1.11deg);
}
@media (max-width: 1024.98px) {
  .detail-hero-profil-1 {
    padding: 24.23px 12.46px 24.23px 13.97px;
    transform: rotate(1.11deg);
  }
}
.detail-hero-profil-1__text {
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.detail-hero-profil-1__text:not(:last-child) {
  margin: 0 0 21px 0;
}
.detail-hero-profil-1__text p:not(:last-child) {
  margin: 0 0 38px 0;
}
@media (max-width: 1024.98px) {
  .detail-hero-profil-1__text {
    font-size: 22px;
  }
  .detail-hero-profil-1__text:not(:last-child) {
    margin: 0 0 9.66px 0;
  }
  .detail-hero-profil-1__text p:not(:last-child) {
    margin: 0 0 27px 0;
  }
}
.detail-hero-profil-1__bottom {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #00FE30;
}
@media (max-width: 1024.98px) {
  .detail-hero-profil-1__bottom {
    font-size: 22px;
  }
}

.signes-hero-profil-1 {
  padding: 25.29px 25.29px 18.32px 33.77px;
  background: #F5E82C;
  transform: rotate(3.18deg);
  position: relative;
  z-index: 1;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-1 {
    padding: 19.57px 20px 0 20px;
    transform: rotate(-1.11deg);
  }
}
.signes-hero-profil-1__title {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #003466;
}
.signes-hero-profil-1__title:not(:last-child) {
  margin: 0 0 9.63px 0;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-1__title:not(:last-child) {
    margin: 0 0 5.32px 0;
  }
}
.signes-hero-profil-1__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9.965px;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-1__row {
    margin: 0 -6.2px;
  }
}
.signes-hero-profil-1__column {
  flex: 0 1 50%;
  margin: 0 0 19.62px 0;
  padding: 0 9.965px;
}
.signes-hero-profil-1__column:nth-child(1) .signes-hero-profil-1__icon {
  background: url("../img/signes/01-dba1b0ba860e0e9fed97174057adf204.svg") center no-repeat;
  background-size: contain;
}
.signes-hero-profil-1__column:nth-child(2) .signes-hero-profil-1__icon {
  background: url("../img/signes/02-9bb7c4f54e5ad68a8990fd482f3e9820.svg") center no-repeat;
  background-size: contain;
}
.signes-hero-profil-1__column:nth-child(3) .signes-hero-profil-1__icon {
  background: url("../img/signes/03-8ef69c95d65d14bf907ecfd95b0e3fc7.svg") center no-repeat;
  background-size: contain;
}
.signes-hero-profil-1__column:nth-child(4) .signes-hero-profil-1__icon {
  background: url("../img/signes/04-4fc852eae9ddc5936c5e44de8f2468db.svg") center no-repeat;
  background-size: contain;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-1__column {
    flex: 0 1 25%;
    padding: 0 6.2px;
  }
}
.signes-hero-profil-1__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114px;
  height: 114px;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-1__icon {
    width: 64px;
    height: 64px;
  }
  .signes-hero-profil-1__icon img {
    transform: scale(0.5614);
  }
}

.footer-profil-1 {
  position: relative;
  z-index: 5;
}
.footer-profil-1__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  background: #00FE30;
  height: 100px;
}
@media (max-width: 1024.98px) {
  .footer-profil-1__row {
    height: auto;
    flex-direction: column;
    padding: 24px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1024.98px) {
  .footer-profil-1__btn-restart {
    order: 2;
  }
}
@media (max-width: 480.98px) {
  .footer-profil-1__btn-restart {
    width: 100%;
  }
}
.footer-profil-1__btn-works {
  margin: 0 20px 0 55px;
}
@media (max-width: 1024.98px) {
  .footer-profil-1__btn-works {
    margin: 0 0 24px 0;
    order: 1;
  }
}
@media (max-width: 480.98px) {
  .footer-profil-1__btn-works {
    width: 100%;
    padding: 5px 32px;
  }
}
.footer-profil-1__robot-block {
  height: 100px;
  flex: 0 0 249px;
  width: 249px;
  position: relative;
}
@media (max-width: 1024.98px) {
  .footer-profil-1__robot-block {
    position: absolute;
    width: 171px;
    flex: 0 0 171px;
    height: 231px;
    right: 33px;
    top: -102px;
  }
}
@media (max-width: 480.98px) {
  .footer-profil-1__robot-block {
    right: 8.8dvw;
  }
}
@media (max-width: 360px) {
  .footer-profil-1__robot-block {
    right: -2.2dvw;
  }
}
.footer-profil-1__bulle {
  position: absolute;
  right: calc(100% - 37px);
  top: calc(-100% - 40px);
  width: 100%;
  max-width: 223px;
  font-weight: 600;
  font-size: 15px;
  line-height: 130%;
}
@media (max-width: 1024.98px) {
  .footer-profil-1__bulle {
    font-size: 10.5px;
    top: -15px;
    right: calc(100% - 26px);
    max-width: 156px;
  }
}
.footer-profil-1__robot {
  position: absolute;
  left: 0;
  top: -85px;
}
@media (max-width: 1024.98px) {
  .footer-profil-1__robot {
    top: 0;
  }
}

.vacancies {
  display: flex;
  flex-direction: column;
}
.hero-vacancies {
  flex: 1 1 100%;
  background: #124BDF;
  display: flex;
  flex-direction: column;
}
.hero-vacancies__body {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.hero-vacancies__circles .circle_big {
  right: -236.5px;
  top: -359.5px;
}
@media (max-width: 1024.98px) {
  .hero-vacancies__circles .circle_big {
    display: none;
  }
}
.hero-vacancies__dots {
  top: 57px;
  left: -82px;
}
@media (max-width: 1024.98px) {
  .hero-vacancies__dots {
    top: 102px;
    left: auto;
    right: -130.5px;
  }
}
.hero-vacancies__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 22px;
}
.hero-vacancies__content {
  flex: 1 1 100%;
  width: 100%;
  max-width: 1024px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.hero-vacancies__image {
  width: 269px;
  height: 143px;
  flex: 0 0 143px;
  margin: 0 0 -22.31px 0;
  position: relative;
  z-index: 1;
}
.hero-vacancies__image img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .hero-vacancies__image {
    width: 247px;
    height: 149px;
    margin: 0 0 -32.51px 0;
  }
}
.hero-vacancies__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 37.8px;
  text-align: center;
  color: #003466;
  position: relative;
  z-index: 2;
}
.hero-vacancies__title:not(:last-child) {
  margin: 0 0 21.31px 0;
}
.hero-vacancies__title span {
  display: inline-flex;
  padding: 8px 12px;
  background: #00FE30;
}
@media (max-width: 1024.98px) {
  .hero-vacancies__title {
    font-size: 24px;
  }
  .hero-vacancies__title span {
    padding: 0 8px;
  }
  .hero-vacancies__title:not(:last-child) {
    margin: 0 0 29.31px 0;
  }
}
.hero-vacancies__subtitle {
  font-weight: 700;
  font-size: 24.02px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.hero-vacancies__subtitle:not(:last-child) {
  margin: 0 0 36px 0;
}
.hero-vacancies__list {
  width: 100%;
}
.hero-vacancies__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -16px;
}
.hero-vacancies__column {
  flex: 0 1 33.333%;
  padding: 0 16px;
  margin: 0 0 32px 0;
}
@media (max-width: 1024.98px) {
  .hero-vacancies__column {
    flex: 0 1 auto;
  }
}
@media (max-width: 480.98px) {
  .hero-vacancies__column {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.btn-hero-vacancies {
  cursor: pointer;
  width: 320px;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 40px;
  overflow: hidden;
  border: 4px solid #003466;
}
@media (hover: hover) and (pointer: fine) {
  .btn-hero-vacancies:hover .btn-hero-vacancies__image img {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    -o-transform: scale(1.025);
    transform: scale(1.025);
  }
}
@media (max-width: 480.98px) {
  .btn-hero-vacancies {
    width: 100%;
    max-width: 320px;
  }
}
.btn-hero-vacancies__image {
  flex: 0 0 207px;
  position: relative;
}
.btn-hero-vacancies__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.btn-hero-vacancies__body {
  flex: 1 1 100%;
  min-height: 121px;
  padding: 17px 12px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 480.98px) {
  .btn-hero-vacancies__body {
    min-height: 128px;
  }
}
.btn-hero-vacancies__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #003466;
}

.footer-vacancies {
  position: relative;
  z-index: 5;
}
.footer-vacancies__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  background: #00FE30;
  height: 100px;
}
@media (max-width: 1024.98px) {
  .footer-vacancies__row {
    height: auto;
    flex-direction: column;
    padding: 24px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1024.98px) {
  .footer-vacancies__btn-restart {
    order: 2;
  }
}
@media (max-width: 480.98px) {
  .footer-vacancies__btn-restart {
    width: 100%;
  }
}
.footer-vacancies__btn-refresh {
  margin: 0 20px 0 48px;
}
@media (max-width: 1024.98px) {
  .footer-vacancies__btn-refresh {
    margin: 0 0 24px 0;
    order: 1;
  }
}
@media (max-width: 480.98px) {
  .footer-vacancies__btn-refresh {
    width: 100%;
    padding: 5px 32px;
  }
}
.footer-vacancies__btn-refresh.disabled {
  pointer-events: none;
  opacity: 0.9;
}
.footer-vacancies__btn-refresh.disabled .btn__icon {
  animation: refresh 1s linear 0s infinite;
}
.footer-vacancies .block {
  flex: 0 0 206px;
  width: 206px;
}
@media (max-width: 1024.98px) {
  .footer-vacancies .block {
    display: none;
  }
}

@keyframes refresh {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-career .loading__text {
  max-width: 1000px;
}

.future-job {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hero-future-job {
  flex: 1 1 100%;
  background: #124BDF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.hero-future-job__body {
  padding: 37.5px 0 20px 0;
}
@media (max-width: 1180.98px) {
  .hero-future-job__body {
    padding: 37.5px 0 12px 0;
  }
}
@media (max-width: 1024.98px) {
  .hero-future-job__circles {
    display: none;
  }
}
.hero-future-job__circles .circle_small {
  left: 59.72px;
  top: -119.56px;
}
.hero-future-job__circles .circle_big {
  left: -95.26px;
  top: -274.54px;
}
.hero-future-job__dots {
  bottom: -356px;
  right: -254px;
}
@media (max-width: 1180.98px) {
  .hero-future-job__dots {
    bottom: -410px;
    right: -334px;
  }
}
@media (max-width: 1024.98px) {
  .hero-future-job__dots {
    bottom: auto;
    top: 102px;
    right: -130.5px;
  }
}
.hero-future-job__container {
  flex: 1 1 100%;
  position: relative;
  padding: 0 12px;
  margin: 0 auto;
}
.hero-future-job__content {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
}
.hero-future-job__label {
  display: inline-flex;
  font-weight: 700;
  font-size: 22px;
  color: #003466;
  transform: rotate(-2.01deg);
  position: relative;
  z-index: 2;
  margin: 0 auto -9.74px auto;
}
.hero-future-job__label span {
  padding: 2.35px 10.06px;
  background: #F5E82C;
}
.hero-future-job__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 38px;
  text-align: center;
  color: #003466;
  margin: 0 auto 34.31px auto;
}
.hero-future-job__title .line {
  background: #00FE30;
  margin: 0 0 -8px 0;
}
.hero-future-job__title .line:last-child {
  margin: 0;
}
@media (max-width: 1024.98px) {
  .hero-future-job__title {
    font-size: 24px;
    margin: 0 auto 50px auto;
  }
  .hero-future-job__title .line {
    padding: 0 8px;
  }
}
.info-future-job {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1024.98px) {
  .info-future-job {
    flex-direction: column;
    align-items: center;
  }
}
.info-future-job__main {
  margin: 0 36px 0 0;
}
@media (max-width: 1024.98px) {
  .info-future-job__main {
    margin: 0 0 36px 0;
  }
}
.main-info-future-job {
  flex: 0 0 312px;
}
@media (max-width: 1024.98px) {
  .main-info-future-job {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 1 auto;
    width: 100%;
  }
}
.main-info-future-job__image {
  width: 100%;
  height: 288px;
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 8px 8px 0px 0px #081A57;
  position: relative;
}
.main-info-future-job__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1024.98px) {
  .main-info-future-job__image {
    max-width: 351px;
  }
}
.main-info-future-job__label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 22px;
  color: #003466;
  transform: rotate(-2.01deg);
  position: relative;
  z-index: 2;
  margin: -23px 0 16px 0;
}
.main-info-future-job__label span {
  display: inline-flex;
  padding: 2.35px 10.06px;
  background: #F5E82C;
}
.main-info-future-job__label span:not(:first-child) {
  margin: -1px 0 0 0;
}
@media (max-width: 1024.98px) {
  .main-info-future-job__label {
    margin: 0 0 16px 0;
  }
}
.main-info-future-job__text {
  padding: 0 7.15px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20.02px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  text-align: left;
}
.main-info-future-job__text p:not(:last-child) {
  margin: 0 0 10px 0;
}
.main-info-future-job__text span {
  font-size: 14px;
  font-weight: 500;
}

.details-info-future-job {
  flex: 1 1 100%;
}

.tabs__menu:not(:last-child) {
  margin: 0 -5px 36px -5px;
}
.tabs__body {
  display: flex;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024.98px) {
  .tabs__body:not(:last-child) {
    margin: 0 0 36px 0;
  }
}
.tabs__block {
  max-height: 400px;
  height: auto !important;
  overflow: auto;
  scrollbar-width: none;
  display: none;
}
.tabs__block::-webkit-scrollbar {
  display: none;
}
.tabs__block.active {
  display: block;
}
.tabs__block.scroll {
  padding: 0 43px 0 0;
}
.tabs__block.scroll .custom-scrollbar {
  display: block;
}
@media (max-width: 1180.98px) {
  .tabs__block {
    height: 349px;
  }
}
@media (max-width: 1024.98px) {
  .tabs__block {
    height: 100%;
  }
  .tabs__block.scroll {
    padding: 0;
  }
  .tabs__block.scroll .custom-scrollbar {
    display: none;
  }
}
.tabs__text {
  font-size: 16px;
  line-height: 24.02px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  text-align: left;
  padding: 0 24px 0 0;
}
@media (max-width: 1024.98px) {
  .tabs__text {
    font-weight: 700;
  }
}
.tabs__text p:not(:last-child) {
  margin: 0 0 20px 0;
}

.menu-tabs {
  display: flex;
  margin: 0 -5px;
  overflow: auto;
}
.menu-tabs__item {
  flex: 0 1 33.333%;
  padding: 0 5px;
  height: 100%;
}
.menu-tabs__btn {
  width: 100%;
  min-height: 54px;
  padding: 7px;
  border-radius: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid #FFFFFF;
  transition: all 0.3s ease-out;
  font-weight: 500;
  font-size: 19px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  background: transparent;
}
.menu-tabs__btn.active {
  color: #003466;
  background: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .menu-tabs__btn:hover {
    background: #FFFFFF;
    color: #003466;
  }
}
@media (max-width: 1024.98px) {
  .menu-tabs__btn {
    font-size: 14px;
  }
}

.custom-scrollbar {
  display: none;
  position: absolute;
  top: 0;
  right: 16.5px;
  width: 10px;
  height: 100%;
  background-color: #003466;
  border-radius: 8px;
}

.custom-thumb {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 43px;
  height: 43px;
  cursor: pointer;
}

.custom-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.footer-future-job {
  position: relative;
  z-index: 5;
}
.footer-future-job__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  background: #00FE30;
  height: 100px;
}
@media (max-width: 1150px) {
  .footer-future-job__row {
    height: auto;
    flex-direction: column;
    padding: 24px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1150px) {
  .footer-future-job__btn-restart {
    order: 2;
  }
}
@media (max-width: 480.98px) {
  .footer-future-job__btn-restart {
    width: 100%;
  }
}
.footer-future-job__btns {
  display: flex;
  align-items: center;
}
@media (max-width: 1150px) {
  .footer-future-job__btns {
    flex-direction: column;
  }
}
@media (max-width: 480.98px) {
  .footer-future-job__btns {
    width: 100%;
  }
}
.footer-future-job__btn-share {
  margin: 0 9.5px;
}
@media (max-width: 1150px) {
  .footer-future-job__btn-share {
    margin: 0 0 24px 0;
  }
}
@media (max-width: 480.98px) {
  .footer-future-job__btn-share {
    width: 100%;
  }
}
.footer-future-job__profile {
  margin: 0 9.5px;
}
.footer-future-job__profile .btn__icon {
  flex: 0 0 20px;
  width: 20px;
  height: 23px;
}
@media (max-width: 1150px) {
  .footer-future-job__profile {
    margin: 0 0 24px 0;
  }
}
@media (max-width: 480.98px) {
  .footer-future-job__profile {
    width: 100%;
  }
}
.footer-future-job .block {
  flex: 0 0 206px;
  width: 206px;
}
@media (max-width: 1150px) {
  .footer-future-job .block {
    display: none;
  }
}

.profil-2 {
  display: flex;
  flex-direction: column;
}
.hero-profil-2 {
  flex: 1 1 100%;
  background: #124BDF;
  display: flex;
  flex-direction: column;
}
.hero-profil-2__body {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.hero-profil-2__circles .circle_big {
  right: -236.5px;
  top: -359.5px;
}
@media (max-width: 1024.98px) {
  .hero-profil-2__circles .circle_big {
    right: -147px;
    top: -177px;
  }
}
.hero-profil-2__dots {
  bottom: -388px;
  left: -82px;
}
@media (max-width: 1180.98px) {
  .hero-profil-2__dots {
    left: -73px;
  }
}
@media (max-width: 1024.98px) {
  .hero-profil-2__dots {
    bottom: -119px;
    left: -67px;
  }
}
.hero-profil-2__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px;
}
@media (max-width: 1024.98px) {
  .hero-profil-2__container {
    padding: 0 12px;
  }
}
.hero-profil-2__content {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1024px;
  padding: 50px 0;
}
.hero-profil-2__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 37.8px;
  color: #003466;
}
.hero-profil-2__title:not(:last-child) {
  margin: 0 0 21.3px 0;
}
.hero-profil-2__title span {
  display: inline-flex;
  padding: 8px 12px;
  background: #00FE30;
}
@media (max-width: 1024.98px) {
  .hero-profil-2__title {
    font-size: 24px;
  }
  .hero-profil-2__title:not(:last-child) {
    margin: 0 0 29.3px 0;
  }
  .hero-profil-2__title span {
    padding: 0 8px;
  }
}
.hero-profil-2__row {
  display: flex;
  width: 100%;
}
@media (max-width: 1024.98px) {
  .hero-profil-2__row {
    flex-direction: column;
  }
}
.hero-profil-2__works {
  flex: 1 1 100%;
}
@media (max-width: 1024.98px) {
  .hero-profil-2__works {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.hero-profil-2__subtitle {
  font-weight: 700;
  font-size: 24.02px;
  line-height: 24.02px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.hero-profil-2__subtitle:not(:last-child) {
  margin: 0 0 19.24px 0;
}
@media (max-width: 1024.98px) {
  .hero-profil-2__subtitle:not(:last-child) {
    margin: 0 0 32px 0;
  }
}
.hero-profil-2__info {
  flex: 0 0 464px;
  margin: 0 0 0 24px;
  padding: 25px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1024.98px) {
  .hero-profil-2__info {
    order: 1;
    margin: 0 0 32px 0;
    padding: 0;
    flex: 0 1 auto;
  }
}
.detail-hero-profil-2 {
  padding: 25px;
  text-align: center;
  background: #003466;
  transform: rotate(2.44deg);
}
@media (max-width: 1024.98px) {
  .detail-hero-profil-2 {
    padding: 24.5px 12.5px;
    transform: rotate(1.11deg);
  }
}
.detail-hero-profil-2__text {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.detail-hero-profil-2__text p:not(:last-child) {
  margin: 0 0 38px 0;
}
@media (max-width: 1024.98px) {
  .detail-hero-profil-2__text p:not(:last-child) {
    margin: 0 0 27px 0;
  }
}

.signes-hero-profil-2 {
  margin: 10px 0 0 0;
  padding: 25px 25px 10.5px 25px;
  background: #F5E82C;
  transform: rotate(-1.81deg);
  position: relative;
  z-index: 1;
  max-width: 416px;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-2 {
    padding: 20px 20px 5.5px 20px;
    transform: rotate(-1.11deg);
    margin: 5px 0 0 0;
  }
}
.signes-hero-profil-2__title {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #003466;
}
.signes-hero-profil-2__title:not(:last-child) {
  margin: 0 0 2.34px 0;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-2__title:not(:last-child) {
    margin: 0 0 5.32px 0;
  }
}
.signes-hero-profil-2__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4.5px;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-2__row {
    margin: 0 -3.5px;
  }
}
.signes-hero-profil-2__column {
  flex: 0 1 25%;
  margin: 0 0 14.5px 0;
  padding: 0 4.5px;
}
.signes-hero-profil-2__column:nth-child(1) .signes-hero-profil-2__icon {
  background: url("../img/signes/01-dba1b0ba860e0e9fed97174057adf204.svg") center no-repeat;
  background-size: contain;
}
.signes-hero-profil-2__column:nth-child(2) .signes-hero-profil-2__icon {
  background: url("../img/signes/02-9bb7c4f54e5ad68a8990fd482f3e9820.svg") center no-repeat;
  background-size: contain;
}
.signes-hero-profil-2__column:nth-child(3) .signes-hero-profil-2__icon {
  background: url("../img/signes/03-8ef69c95d65d14bf907ecfd95b0e3fc7.svg") center no-repeat;
  background-size: contain;
}
.signes-hero-profil-2__column:nth-child(4) .signes-hero-profil-2__icon {
  background: url("../img/signes/04-4fc852eae9ddc5936c5e44de8f2468db.svg") center no-repeat;
  background-size: contain;
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-2__column {
    padding: 0 3.5px;
  }
}
.signes-hero-profil-2__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.signes-hero-profil-2__icon img {
  transform: scale(0.7);
}
@media (max-width: 1024.98px) {
  .signes-hero-profil-2__icon {
    width: 64px;
    height: 64px;
  }
  .signes-hero-profil-2__icon img {
    transform: scale(0.5614);
  }
}

.vacancies-hero-profil-2__column:not(:last-child) {
  margin: 0 0 32px 0;
}
.item-vacancies-hero-profil-2 {
  display: flex;
  border-radius: 40px;
  overflow: hidden;
  border: 4px solid #003466;
}
@media (max-width: 1024.98px) {
  .item-vacancies-hero-profil-2 {
    flex-direction: column;
    max-width: 320px;
  }
}
.item-vacancies-hero-profil-2__image {
  flex: 0 0 153px;
  width: 153px;
  position: relative;
}
.item-vacancies-hero-profil-2__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1024.98px) {
  .item-vacancies-hero-profil-2__image {
    flex: 0 0 145px;
    width: 100%;
  }
}
.item-vacancies-hero-profil-2__body {
  flex: 1 1 100%;
  padding: 21px 32px;
  min-height: 120px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1024.98px) {
  .item-vacancies-hero-profil-2__body {
    padding: 20.5px 12px;
    min-height: 130px;
  }
}
.item-vacancies-hero-profil-2__title {
  font-weight: 500;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #003466;
}
@media (max-width: 1024.98px) {
  .item-vacancies-hero-profil-2__title {
    text-align: center;
  }
}

.footer-profil-2 {
  position: relative;
  z-index: 5;
}
.footer-profil-2__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  background: #00FE30;
  height: 100px;
}
@media (max-width: 1024.98px) {
  .footer-profil-2__row {
    height: auto;
    flex-direction: column;
    padding: 24px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1024.98px) {
  .footer-profil-2__btn-restart {
    order: 2;
  }
}
@media (max-width: 480.98px) {
  .footer-profil-2__btn-restart {
    width: 100%;
  }
}
.footer-profil-2__btn-return {
  margin: 0 20px 0 34px;
}
@media (max-width: 1024.98px) {
  .footer-profil-2__btn-return {
    margin: 0 0 24px 0;
    order: 1;
  }
}
@media (max-width: 480.98px) {
  .footer-profil-2__btn-return {
    width: 100%;
  }
}
.footer-profil-2 .block {
  flex: 0 0 206px;
  width: 206px;
}
@media (max-width: 1024.98px) {
  .footer-profil-2 .block {
    display: none;
  }
}

@media (max-width: 1024.98px) {
  .loading__image-desctop {
    display: none;
  }
}
.loading__image-mobile {
  display: none;
}
@media (max-width: 1024.98px) {
  .loading__image-mobile {
    display: block;
  }
}
.loading__btns {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 32px 0 0 0;
}
@media (max-width: 480.98px) {
  .loading__btns {
    display: flex;
  }
}
.loading__btn-continue {
  width: 100%;
  margin: 0 0 32px 0;
}
@media (max-width: 480.98px) {
  .loading__btn-again {
    width: 100%;
  }
}

.question-mark {
  position: absolute;
  z-index: 1;
  background: url("../img/question-mark-a5a01f7d027b24b190ea6e19e6ed1d33.svg") center no-repeat;
  background-size: contain;
}
.question-mark img {
  max-width: 100%;
}
.question-mark_big {
  width: 137px;
  height: 190px;
  top: 120px;
  left: 235px;
}
@media (max-width: 1024.98px) {
  .question-mark_big {
    width: 86px;
    height: 125px;
    top: 0;
    left: 200px;
  }
}
@media (max-width: 400px) {
  .question-mark_big {
    left: 185px;
  }
}
.question-mark_small {
  width: 44px;
  height: 64px;
  top: 90px;
  right: 330px;
  transform: rotate(13.44deg);
}
@media (max-width: 1024.98px) {
  .question-mark_small {
    width: 31px;
    height: 45px;
    transform: rotate(22.664deg);
    top: 180px;
    right: 225px;
  }
}
@media (max-width: 400px) {
  .question-mark_small {
    right: 210px;
  }
}

.waiting .loading__content {
  position: relative;
  z-index: 1;
}
@media (max-width: 480.98px) {
  .waiting .loading__content {
    padding-right: 32px;
    padding-left: 32px;
  }
}

.sharing {
  display: flex;
  flex-direction: column;
}
.hero-sharing {
  flex: 1 1 100%;
  background: #124BDF;
  display: flex;
  flex-direction: column;
}
.hero-sharing__body {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.hero-sharing__circles .circle_small {
  display: none;
}
@media (max-width: 1024.98px) {
  .hero-sharing__circles .circle_small {
    display: block;
    left: -47.51px;
    top: -46.53px;
  }
}
.hero-sharing__circles .circle_big {
  right: -236.5px;
  top: -359.5px;
}
@media (max-width: 1024.98px) {
  .hero-sharing__circles .circle_big {
    right: auto;
    left: -121px;
    top: -120px;
  }
}
.hero-sharing__dots {
  top: 57px;
  left: -82px;
}
@media (max-width: 1024.98px) {
  .hero-sharing__dots {
    top: auto;
    bottom: -72px;
    left: auto;
    right: -102px;
  }
}
.hero-sharing__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px;
}
@media (max-width: 1024.98px) {
  .hero-sharing__container {
    padding: 0 12px;
  }
}
.hero-sharing__content {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1024px;
  padding: 20px 0;
}
@media (max-width: 1024.98px) {
  .hero-sharing__content {
    padding: 42px 0 70px 0;
  }
}
.hero-sharing__image {
  width: 269px;
  height: 143px;
}
.hero-sharing__image img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .hero-sharing__image {
    width: 197.6px;
    height: 119.2px;
  }
}
.hero-sharing__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 37.8px;
  color: #003466;
  margin: -23px 0 45px 0;
}
.hero-sharing__title span {
  display: inline-flex;
  padding: 8px 12px;
  background: #00FE30;
}
@media (max-width: 1024.98px) {
  .hero-sharing__title {
    font-size: 24px;
    margin: -29px 0 32px 0;
  }
  .hero-sharing__title span {
    padding: 0 8px;
  }
}
.hero-sharing__row {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 1024.98px) {
  .hero-sharing__row {
    display: block;
  }
}
.hero-sharing__detail {
  margin: 0 0 34px 0;
  flex: 1 1 100%;
}
@media (max-width: 1024.98px) {
  .hero-sharing__detail {
    margin: 0;
  }
}
.hero-sharing__signes {
  flex: 0 0 308.3px;
}
.hero-sharing__row {
  display: flex;
  align-items: center;
}
@media (max-width: 1024.98px) {
  .hero-sharing__row {
    flex-direction: column;
  }
}
.hero-sharing__column {
  flex: 0 1 50%;
}
@media (max-width: 1024.98px) {
  .hero-sharing__column {
    flex: 0 1 auto;
  }
}
.hero-sharing__word {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #FFFFFF;
  margin: 0 23px;
}
@media (max-width: 1024.98px) {
  .hero-sharing__word {
    font-size: 20px;
    margin: 10px 0;
  }
}
.qr {
  padding: 32px;
  transform: rotate(-2.5deg);
  background: #003466;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1024.98px) {
  .qr {
    transform: rotate(-1.11deg);
    padding: 24px;
  }
}
.qr__title {
  font-weight: 700;
  font-size: 31px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #F5E82C;
}
.qr__title:not(:last-child) {
  margin: 0 0 12.6px;
}
.qr__image {
  width: 217px;
  height: 217px;
  border-radius: 18.96px;
  background: #FFFFFF;
  padding: 10.38px;
}
.qr__image:not(:last-child) {
  margin: 0 0 10.5px;
}
.qr__image img {
  width: 100%;
  height: 100%;
}
.qr__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #FFFFFF;
}

.forms-hero-sharing {
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F5E82C;
  transform: rotate(3.49deg);
}
@media (max-width: 1024.98px) {
  .forms-hero-sharing {
    transform: rotate(1.11deg);
    padding: 24px;
  }
}
.forms-hero-sharing__title {
  font-weight: 700;
  font-size: 31px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #003466;
}
.forms-hero-sharing__title:not(:last-child) {
  margin: 0 0 12.6px;
}
.forms-hero-sharing__title br {
  display: none;
}
@media (max-width: 480.98px) {
  .forms-hero-sharing__title br {
    display: block;
  }
}
.forms-hero-sharing__item {
  margin: 0 0 22px 0;
}
.forms-hero-sharing__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #003466;
}

.item-forms-hero-sharing {
  width: 100%;
}
.form-hero-sharing__label {
  display: flex;
  align-items: center;
}
.form-hero-sharing__label:not(:last-child) {
  margin: 0 0 20px 0;
}
.form-hero-sharing__label-icon {
  display: inline-flex;
  margin: 0 17px 0 0;
}
.form-hero-sharing__label-text {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #003466;
}
.form-hero-sharing__body {
  display: flex;
}
.form-hero-sharing__input {
  height: 40px;
  width: 100%;
  border-radius: 23.7px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  padding: 10.69px 28.5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #003466;
}
.form-hero-sharing__input::placeholder {
  color: #888E9A;
}
@media (max-width: 1024.98px) {
  .form-hero-sharing__input {
    height: 50px;
  }
}
.form-hero-sharing__btn {
  margin: 0 0 0 11.76px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: 2px solid #003466;
  border-radius: 56px;
  padding: 5px 20px;
  background: #FFFFFF;
  box-shadow: 8px 8px 0px 0px #003466;
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .form-hero-sharing__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 9px 9px 0px 0px #003466;
  }
}
.form-hero-sharing__btn:active {
  transform: translate(0, 3px);
  box-shadow: 3px 3px 0px 0px #003466;
}
@media (max-width: 1024.98px) {
  .form-hero-sharing__btn {
    height: 50px;
  }
}

.footer-sharing {
  position: relative;
  z-index: 5;
}
.footer-sharing__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  background: #00FE30;
  height: 100px;
}
@media (max-width: 1024.98px) {
  .footer-sharing__row {
    height: auto;
    flex-direction: column;
    padding: 24px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1024.98px) {
  .footer-sharing__btn-restart {
    order: 2;
  }
}
@media (max-width: 480.98px) {
  .footer-sharing__btn-restart {
    width: 100%;
  }
}
.footer-sharing__btn-works {
  margin: 0 20px 0 34px;
}
@media (max-width: 1024.98px) {
  .footer-sharing__btn-works {
    margin: 0 0 24px 0;
    order: 1;
  }
}
@media (max-width: 480.98px) {
  .footer-sharing__btn-works {
    width: 100%;
  }
}
.footer-sharing .block {
  flex: 0 0 206px;
  width: 206px;
}
@media (max-width: 1024.98px) {
  .footer-sharing .block {
    display: none;
  }
}

.popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  z-index: 1000;
  background: rgba(1, 2, 21, 0.6);
}
.popup.open {
  display: flex;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
}
.popup__body {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 22px;
}
@media (max-width: 1366px) {
  .popup__body {
    flex: 1 1 100%;
  }
}
.popup__inner {
  width: 100%;
  max-width: 794px;
}
.popup__content {
  padding: 32px;
  background: #00FE30;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.popup__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 37.8px;
  text-align: center;
  color: #003466;
  transform: rotate(-1.11deg);
}
.popup__title:not(:last-child) {
  margin: 0 0 24px 0;
}
.popup__title span {
  display: inline-flex;
  padding: 8px 12px;
  background: #F5E82C;
}
.popup__text {
  font-weight: 700;
  font-size: 20px;
  line-height: 200%;
  text-align: center;
  color: #003466;
}
.popup__text:not(:last-child) {
  margin: 0 0 24px 0;
}
.subfooter {
  padding: 4px 0;
  background: #003466;
  position: relative;
  z-index: 10;
}
.subfooter_main {
  padding: 12px 0 24px 0;
}
.subfooter__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: center;
}
.subfooter__link {
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
}
.subfooter__logo {
  width: 178px;
  height: 44px;
  margin: 12px 0 0 0;
}
.subfooter__logo img {
  max-width: 100%;
  max-height: 100%;
}

.home {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #124BDF;
  padding: 67px 0 80px 0;
}
.home__circles .circle_big {
  right: -236.5px;
  top: -359.5px;
}
@media (max-width: 1024.98px) {
  .home__circles .circle_big {
    display: none;
  }
}
.home__dots {
  top: 57px;
  left: -82px;
}
@media (max-width: 1024.98px) {
  .home__dots {
    top: 102px;
    left: auto;
    right: -130.5px;
  }
}
.home__logo {
  position: absolute;
  width: 187px;
  height: 187px;
  top: 13.5px;
  left: 53px;
}
.home__logo img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1024.98px) {
  .home__logo {
    position: relative;
    margin: -88px 0 -18px 0;
    top: auto;
    left: auto;
  }
}
.home .hero-profil-1 {
  background: transparent;
}
.home .hero-profil-1:not(:last-child) {
  margin: 0 0 40px 0;
}
.home .hero-profil-1__body {
  position: static;
}
.home .hero-profil-1__content {
  padding: 0;
  position: static;
}
.home .hero-profil-1__row {
  align-items: flex-start;
}
.home .hero-profil-1__detail {
  margin: 0;
}
.home .hero-profil-1__title:not(:last-child) {
  margin: 0 0 45px 0;
}
.home .hero-future-job {
  background: transparent;
}
.home .hero-future-job__btn-view {
  margin: 36px 12px 0 12px;
}
@media (max-width: 1024.98px) {
  .home .hero-future-job__btn-view {
    line-height: 103%;
    padding: 5px 20px;
  }
}
.home .hero-future-job__subtitle {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: #fff;
}
.home .hero-future-job__subtitle:not(:last-child) {
  margin: 0 0 24px 0;
}
@media (max-width: 1024.98px) {
  .home .hero-future-job__subtitle:not(:last-child) {
    margin: 0 0 32px 0;
  }
}
.home .hero-future-job__body {
  padding: 0;
}