@font-face {
  font-family: Croc W;
  src: url('../fonts/Croc-Bold__W.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Croc W;
  src: url('../fonts/Croc-Light__W.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Croc W;
  src: url('../fonts/Croc-Regular__W.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tuerca;
  src: url('../fonts/tuerca_bold.woff2') format("woff2"), url('../fonts/tuerca_bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Magistral;
  src: url('../fonts/Magistral-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circe;
  src: url('../fonts/Circe-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circe;
  src: url('../fonts/Circe-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Golos;
  src: url('../fonts/Golos-Text-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Golos;
  src: url('../fonts/Golos-Text-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Golos;
  src: url('../fonts/Golos-Text-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neopixel;
  src: url('../fonts/neopixel-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --transparent: transparent;
  --light-green: #73e553;
  --white: white;
  --light-green-retail: #acf504;
  --green: #76fac4;
  --violet: #8c1aff;
  --dark-green: #00b76b;
  --black: #08151d;
  --red: #ff645a;
  --blue: #37fff3;
  --black-2: black;
  --mayday-green: #acf504;
  --white-2: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.16667rem;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  font-size: 3.47222rem;
  font-weight: 400;
  line-height: 100%;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

label {
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}

.section {
  background-color: #070707;
  width: 100vw;
}

.section.white {
  background-color: #f7f7f7;
}

.section.white.borders {
  border-top-left-radius: 2.339vw;
  border-top-right-radius: 2.339vw;
}

.section.white.borders.project {
  outline-offset: 0px;
  outline: .058vw solid #c3c3c3;
  margin-top: -2vw;
  position: relative;
}

.section.borders {
  border-top-left-radius: 2.339vw;
  border-top-right-radius: 2.339vw;
}

.section.gray {
  background-color: #eaeaea;
}

.section.gray.borders.project {
  outline-offset: 0px;
  outline: .058vw solid #c3c3c3;
  margin-top: -2vw;
  position: relative;
}

.section.s-retail--hero {
  width: 100%;
  max-width: 100%;
  height: 80vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section.s-retail__content {
  z-index: 2;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #0707074d;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  padding: 20rem 9rem 12rem;
  position: relative;
  overflow: hidden;
}

.section.s-itinder--hero {
  background-image: url('../images/Главная_десктоп_2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100svh;
  max-height: 100svh;
  position: relative;
  overflow: hidden;
}

.container {
  padding-left: 12.865vw;
  padding-right: 12.865vw;
  position: relative;
}

.main-first-div {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  padding-top: 8vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-first-title {
  width: 41.053vw;
}

.big-title {
  font-family: Magistral, sans-serif;
  font-size: 4.912vw;
  line-height: 80%;
}

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

.big-title.center.gradient {
  font-weight: 500;
}

.main-first-desc {
  width: 37.544vw;
  margin-top: 1.17vw;
}

.text-20 {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 1.17vw;
  line-height: 145%;
}

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

.text-20.black {
  color: #252525;
}

.text-20.bold {
  font-weight: 700;
}

.main-first-shadow-left {
  width: 100vw;
  position: absolute;
  inset: auto auto -10vh -30vw;
}

.main-first-shadow-right {
  width: 100vw;
  max-width: none;
  position: absolute;
  inset: auto -30vw -20vh auto;
  transform: rotate(10deg);
}

.main-first-general-shadow {
  z-index: 1;
  background-image: linear-gradient(#00000080, #0000);
  width: 100vw;
  height: 100vh;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.main-second-div {
  flex-direction: column;
  align-items: center;
  height: 200vw;
  padding-top: 12.865vw;
  padding-bottom: 5vw;
  display: flex;
}

.main-second-title {
  width: 73.684vw;
}

.h1 {
  font-family: Magistral, sans-serif;
  font-size: 4.912vw;
  line-height: 100%;
}

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

.h1.center.gradient {
  font-weight: 500;
}

.main-second-desc {
  width: 37.544vw;
  margin-top: 1.754vw;
}

.main-second-wrapper {
  z-index: 3;
  border-bottom-right-radius: 1.404vw;
  border-bottom-left-radius: 1.404vw;
  width: 74.269vw;
  height: 30.585vw;
  margin-top: 3.509vw;
  position: sticky;
  top: 15vw;
  overflow: hidden;
}

.main-light-left {
  width: 12.515vw;
  position: sticky;
  inset: 0 auto auto 0%;
}

.main-light-right {
  width: 12.865vw;
  position: sticky;
  inset: -1vw 0% auto auto;
}

.tetris-item-1 {
  width: 13.3vw;
  position: absolute;
  inset: auto auto 0% 17.6vw;
}

.tetris-item-2 {
  width: 13.3vw;
  position: absolute;
  inset: auto auto 0% 30.7vw;
}

.tetris-item-3 {
  width: 13.3vw;
  position: absolute;
  inset: auto auto 0% 43.8vw;
}

.tetris-item-4 {
  width: 17.544vw;
  position: absolute;
  inset: auto auto 8.85vw 17.6vw;
}

.tetris-item-5 {
  width: 13.099vw;
  position: absolute;
  inset: auto auto 4.4vw 35.1vw;
}

.tetris-item-7 {
  width: 17.544vw;
  position: absolute;
  inset: auto auto 13.05vw 21.9vw;
}

.tetris-item-8 {
  width: 13.158vw;
  position: absolute;
  inset: auto auto 8.65vw 39.4vw;
}

.tetris-item-9 {
  width: 13.158vw;
  position: absolute;
  inset: auto auto 17.4vw 26.3vw;
}

.tetris-item-10 {
  width: 8.772vw;
  position: absolute;
  inset: .1vw auto auto 30.6vw;
}

.tetris-item-11 {
  width: 8.772vw;
  position: absolute;
  inset: auto auto 17.4vw 43.8vw;
}

.main-fourth-div {
  width: 100vw;
  margin-left: -12.865vw;
  padding-top: 11.696vw;
  padding-bottom: 12.865vw;
  padding-left: 12.865vw;
  position: relative;
  overflow: hidden;
}

.main-fourth-card {
  z-index: 5;
  -webkit-backdrop-filter: blur(.25vw);
  backdrop-filter: blur(.25vw);
  outline-offset: 0px;
  background-color: #d9d9d924;
  border-radius: 1.404vw;
  outline: .058vw solid #fff;
  justify-content: center;
  align-items: center;
  width: 74.269vw;
  height: 30.936vw;
  display: flex;
  position: relative;
}

.main-fourth-card-title {
  width: 51.345vw;
}

.title-36 {
  color: #252525;
  font-family: Magistral, sans-serif;
  font-size: 2.105vw;
  font-weight: 500;
  line-height: 110%;
}

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

.main-fourth-light {
  z-index: 1;
  width: 125vw;
  max-width: none;
  display: block;
  position: absolute;
  inset: -15vw auto auto 0;
}

.main-fifth-div {
  z-index: 5;
  padding-bottom: 16vw;
  position: relative;
}

.main-fifth-title {
  grid-row-gap: 1.754vw;
  flex-direction: column;
  width: 37.895vw;
  margin-bottom: 3.509vw;
  display: flex;
}

.title-60 {
  font-family: Magistral, sans-serif;
  font-size: 3.509vw;
  font-weight: 500;
  line-height: 100%;
}

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

.main-fourth-wrapper {
  justify-content: space-between;
  height: auto;
  display: flex;
}

.main-fifth-row {
  flex-direction: column;
  justify-content: space-between;
  width: 23.158vw;
  height: 100%;
  display: none;
}

.main-fifth-row.center {
  justify-content: center;
  display: none;
}

.main-fifth-card {
  grid-column-gap: 0vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 21.053vw;
  height: 10vw;
  padding-left: 1.462vw;
  padding-right: 1.462vw;
  display: flex;
  position: relative;
}

.main-fifth-card.short {
  padding-left: 3vw;
  padding-right: 3vw;
}

.main-fifth-card.middle {
  width: 28.655vw;
}

.main-fifth-card.long {
  width: 36.257vw;
}

.text-18 {
  color: #252525;
  background-color: #0000;
  font-family: Circe, sans-serif;
  font-size: 1.053vw;
  line-height: 135%;
}

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

.text-18.white {
  color: #fff;
  background-color: #0000;
}

.text-18.bold {
  font-weight: 700;
}

.text-18.color-light__green.mob-left {
  font-family: Croc W, sans-serif;
  font-weight: 300;
}

.text-18.color-light__green.mob-left:hover {
  color: var(--light-green);
}

.text-18.tyreca {
  color: var(--white);
  font-family: Tuerca, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 115%;
}

.text-18.color-white {
  color: var(--white);
}

.main-fifth-card-bg {
  z-index: 0;
  outline-offset: 0px;
  background-color: #eaeaea;
  border-radius: 1.404vw;
  outline: .058vw solid #25252533;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.main-fifth-card-bg.big {
  width: 28.655vw;
}

.main-fifth-card-content {
  z-index: 2;
  grid-row-gap: .819vw;
  flex-direction: column;
  align-items: center;
  width: 21.462vw;
  display: flex;
  position: relative;
}

.main-fifth-bg {
  z-index: 0;
  opacity: .3;
  width: 100%;
  max-width: none;
  position: relative;
  top: -6vw;
  left: 0;
}

.main-fourth-logo {
  z-index: 0;
  width: 36.842vw;
  display: none;
  position: absolute;
  top: 15.439vw;
  left: 32vw;
}

.main-sixth-div {
  padding-top: 0;
  padding-bottom: 4vw;
}

.main-sixth-title-sticky {
  grid-column-gap: 2.339vw;
  align-items: flex-end;
  display: flex;
  position: sticky;
  top: 2vw;
}

.main-sixth-title {
  width: 36.257vw;
}

.main-sixth-content {
  padding-top: 10vw;
  position: relative;
}

.main-sixth-item {
  width: 100%;
  height: 25vw;
  margin-bottom: 8vw;
  display: flex;
  position: sticky;
  top: 12vw;
}

.main-sixth-item.second {
  margin-bottom: 6vw;
  top: 14vw;
}

.main-sixth-item.third {
  height: 28.48vw;
  margin-bottom: 1vw;
  top: 16vw;
}

.main-sixth-item.fourth {
  margin-bottom: 2vw;
  top: 18vw;
}

.main-sixth-item.fifth {
  top: 20vw;
}

.main-sixth-item-white {
  grid-row-gap: 0vw;
  outline-offset: 0px;
  background-color: #eaeaea;
  border-radius: 1.404vw;
  outline: .058vw solid #c3c3c3;
  flex-flow: wrap;
  align-items: flex-start;
  width: 32.164vw;
  height: 100%;
  padding: 2.632vw;
  display: flex;
}

.main-sixth-card-item {
  grid-row-gap: 1.754vw;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.main-sixth-item-gradient {
  grid-row-gap: 2vw;
  outline-offset: 0px;
  background-color: #eaeaea;
  background-image: url('../images/gradient.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.404vw;
  outline: .058vw solid #c3c3c3;
  flex-direction: column;
  align-items: flex-start;
  width: 42.222vw;
  height: 100%;
  padding: 2.632vw 5.848vw 2.632vw 2.632vw;
  display: flex;
}

.main-sixth-item-gradient.fifth {
  grid-row-gap: 2vw;
  background-image: url('../images/5.svg');
}

.main-sixth-item-gradient.fourth {
  grid-row-gap: 2vw;
  background-image: url('../images/4.svg');
}

.main-sixth-item-gradient.third {
  grid-row-gap: 2vw;
  background-image: url('../images/3.svg');
}

.main-sixth-item-gradient.second {
  grid-row-gap: 2vw;
  background-image: url('../images/2.svg');
}

.header {
  z-index: 999999;
  -webkit-backdrop-filter: blur(1vw);
  backdrop-filter: blur(1vw);
  background-color: #00000059;
  border-radius: 100vw;
  justify-content: space-between;
  align-items: center;
  width: 74.269vw;
  height: 3.216vw;
  padding-left: 1.754vw;
  padding-right: 1.754vw;
  display: flex;
  position: fixed;
  top: 1.754vw;
  left: 12.865vw;
}

.header-logo {
  width: 10vw;
  margin-top: -.4vw;
}

.header-links-wrap {
  grid-column-gap: 2.339vw;
  align-items: center;
  display: flex;
}

.text-14 {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: .819vw;
  line-height: 135%;
  text-decoration: none;
}

.text-14.black {
  color: #252525;
}

.text-14.gray {
  color: #e7e7e7;
}

.text-14.uppercase {
  text-transform: uppercase;
}

.text-14.bold {
  font-weight: 700;
}

.text-14.green {
  color: #00a460;
}

.text-14.mayday {
  min-width: 100%;
  font-family: Croc W, sans-serif;
  font-size: .972222rem;
  transition: opacity .5s;
}

.text-14.mayday.error {
  opacity: 1;
}

.text-14.tuerca {
  font-family: Tuerca, sans-serif;
  font-size: .972222rem;
  font-weight: 700;
  line-height: 130%;
}

.main-fifth-bg-wrap {
  width: 100vw;
  margin-left: -12.865vw;
  position: absolute;
  top: -13vw;
  overflow: hidden;
}

.main-sixth-card-content {
  grid-row-gap: .2vw;
  flex-direction: column;
  width: 16vw;
  display: flex;
}

.main-sixth-card-content.last {
  width: 9vw;
  margin-left: 1.754vw;
}

.main-seventh-div {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 12.865vw;
  display: flex;
  position: relative;
}

.main-seventh-title {
  width: 78.246vw;
  margin-bottom: 1.754vw;
}

.main-seventh-desc {
  width: 48.596vw;
  margin-bottom: 3.509vw;
}

.main-seventh-tabs-wrap {
  flex-direction: column;
  align-items: center;
  width: 74.269vw;
  display: flex;
}

.main-seventh-tabs {
  grid-column-gap: 1.754vw;
  align-items: flex-start;
  width: 59.064vw;
  display: flex;
}

.main-seventh-tabs-content {
  outline-offset: 0px;
  background-color: #eaeaea;
  border-radius: 1.404vw;
  outline: .058vw solid #c3c3c3;
  width: 100%;
  margin-top: 1.17vw;
  padding: 4.678vw 5.848vw;
}

.tabs-btn {
  grid-column-gap: .877vw;
  background-color: #f2f2f2;
  border: .058vw solid #c9c9c9;
  border-radius: .819vw;
  justify-content: center;
  align-items: center;
  width: 13.45vw;
  height: 3.509vw;
  display: flex;
}

.tabs-btn:hover {
  outline-width: .058vw;
  outline-color: #c9c9c9;
}

.tabs-btn.w--current {
  color: #fff;
  background-image: radial-gradient(circle at 0 0, #2ea8ce, #00a460);
}

.tabs-text {
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 1.053vw;
  line-height: 100%;
  text-decoration: none;
}

.tabs-num {
  background-image: url('../images/borders.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 1.754vw;
  min-width: 1.754vw;
  height: 1.754vw;
  min-height: 1.754vw;
  display: none;
  position: relative;
}

.tabs-num-text {
  z-index: 2;
  font-family: Circe, sans-serif;
  font-size: .819vw;
  line-height: 100%;
  position: relative;
}

.tabs-num-bg {
  z-index: 0;
  background-color: #e8e8e880;
  border-radius: .35vw;
  width: 90%;
  height: 90%;
  position: absolute;
}

.tabs-content {
  width: 44.444vw;
  margin-bottom: 2.339vw;
}

.tabs-title {
  margin-bottom: 2.339vw;
}

.tabs-desc {
  width: 35.088vw;
}

.tabs-line {
  border-top: .117vw solid #c3c3c3;
  width: 100%;
}

.tabs-category-wrap {
  grid-row-gap: .819vw;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.tabs-category {
  background-color: #00a460;
  border-radius: .702vw;
  padding: .585vw .819vw;
}

.tabs-result {
  grid-column-gap: 1.754vw;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-top: 2.339vw;
  display: flex;
}

.tabs-result-item {
  grid-row-gap: .3vw;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 22.807vw;
  display: flex;
}

.main-seventh-left-light {
  z-index: 0;
  width: 18.713vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.main-seventh-right-light {
  z-index: 0;
  width: 18.713vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.main-seventh-card-item {
  outline-offset: 0px;
  border-radius: 1.404vw;
  outline: .058vw solid #c9c9c9;
  width: 23.158vw;
  height: 24.561vw;
  position: relative;
}

.main-seventh-card-img {
  background-image: url('../images/1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 1.404vw;
  border-top-right-radius: 1.404vw;
  width: 100%;
  height: 11.696vw;
}

.main-seventh-card-img.third {
  background-image: url('../images/3.png');
}

.main-seventh-card-img.second {
  background-image: url('../images/2.png');
}

.main-seventh-card-content {
  grid-row-gap: 1.404vw;
  border-radius: 1.404vw;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1.754vw;
  padding-left: 1.754vw;
  padding-right: 1.754vw;
  display: flex;
}

.button {
  background-color: #e8e8e8;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: .819vw;
  padding: .877vw 1.754vw;
  text-decoration: none;
}

.button.green-gradient {
  z-index: 30;
  grid-column-gap: .585vw;
  cursor: pointer;
  background-image: radial-gradient(circle at 0 100%, #2ea8ce, #00a460);
  background-position: 0 0;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button.transparent {
  background-color: #0000;
  border: .058vw solid #aaa;
  padding-top: .585vw;
  padding-bottom: .585vw;
  text-decoration: none;
  transition: all .2s;
}

.button.transparent:hover {
  background-color: #aaa;
}

.button.blue {
  z-index: 2;
  background-color: #4480f3;
  position: relative;
}

.main-seventh-cases-wrap {
  grid-column-gap: 2.339vw;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 2.339vw;
  padding-bottom: .3vw;
  display: flex;
  overflow: visible;
}

.main-seventh-desc-wrap {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.main-first-shadow-wrap {
  width: 100vw;
  max-width: 100vw;
  height: 106vh;
  position: absolute;
  inset: 8vw auto auto 0%;
  overflow: hidden;
}

.main-eight-div {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  padding-bottom: 12.865vw;
  display: flex;
  position: relative;
}

.main-eight-title {
  width: 53.684vw;
  margin-bottom: 1.754vw;
}

.main-eight-desc {
  width: 42vw;
  margin-bottom: 3.509vw;
}

.text-24 {
  color: #252525;
  font-family: Circe, sans-serif;
  font-size: 1.404vw;
  line-height: 110%;
}

.text-24.bold {
  font-weight: 700;
}

.text-24.bold.center {
  text-align: center;
}

.text-24.tuerca {
  color: var(--white);
  font-family: Tuerca, sans-serif;
  font-size: 1.66667rem;
  font-weight: 700;
  line-height: 115%;
}

.text-24.tuerca.color-light--green__retail {
  color: var(--light-green-retail);
}

.text-24.tuerca.color-green {
  color: #acf504;
}

.main-ninth-div {
  flex-direction: column;
  align-items: center;
  padding-bottom: 14.865vw;
  display: flex;
  position: relative;
}

.main-ninth-title {
  z-index: 2;
  margin-bottom: 1.754vw;
  position: relative;
}

.main-ninth-desc {
  z-index: 2;
  width: 48.304vw;
  margin-bottom: 3.509vw;
  position: relative;
}

.main-ninth-content {
  z-index: 2;
  grid-column-gap: 2.339vw;
  grid-row-gap: 2.339vw;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.main-ninth-card {
  grid-row-gap: 1.404vw;
  outline-offset: 0px;
  background-color: #eaeaea;
  border-radius: 1.404vw;
  outline: .058vw solid #c9c9c9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 23.158vw;
  height: 11.988vw;
  padding-top: 2.4vw;
  padding-left: 2.105vw;
  padding-right: 2.105vw;
  display: flex;
}

.main-ninth-light {
  z-index: 0;
  width: 120%;
  max-width: none;
  position: absolute;
  top: 10vw;
}

.main-ninth-black-light {
  width: 100%;
  position: absolute;
  bottom: 2vw;
}

.main-ten-div {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -2vw;
  padding-top: 10.865vw;
  padding-bottom: 16.374vw;
  display: flex;
  position: relative;
}

.main-ten-title {
  width: 48vw;
}

.main-ten-desc {
  width: 32.398vw;
  margin-top: 1.754vw;
}

.main-ten-content {
  -webkit-backdrop-filter: blur(1vw);
  backdrop-filter: blur(1vw);
  justify-content: space-between;
  width: 100%;
  margin-top: 3.509vw;
  display: flex;
  position: relative;
}

.main-ten-line {
  border-top: .058vw solid #6d7786;
  width: 100%;
}

.main-ten-line.white {
  border-top-color: #c2c2c2;
}

.main-ten-right-light {
  z-index: 0;
  width: 26vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.main-ten-factory {
  z-index: 0;
  width: 55.848vw;
  position: relative;
  inset: auto auto 0 0%;
}

.main-eleventh-div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12.865vw;
  display: flex;
  position: relative;
}

.main-eleventh-title {
  z-index: 2;
  width: 100%;
  margin-bottom: 3.509vw;
  position: relative;
}

.main-eleventh-running-line {
  z-index: 2;
  width: 100vw;
  height: 3.743vw;
  margin-top: 23.977vw;
  margin-bottom: 5.848vw;
  margin-left: -12.865vw;
  position: relative;
}

.main-evelenth-image {
  z-index: 1;
  width: 87.719vw;
  position: absolute;
  bottom: 0;
}

.main-eleventh-center-light {
  z-index: 0;
  width: 87.895vw;
  max-width: none;
  position: absolute;
  bottom: 0;
}

.main-eleventh-left-light {
  z-index: 1;
  position: absolute;
  inset: auto auto 0% 0%;
}

.main-eleventh-right-light {
  z-index: 1;
  position: absolute;
  inset: auto 0% 0% auto;
}

.title-24 {
  color: #f5f4f4;
  font-family: Circe, sans-serif;
  font-size: 1.145em;
  font-weight: 700;
  line-height: 120%;
}

.title-24.black {
  color: #252525;
}

.title-24.black.center {
  text-align: center;
}

.title-24.hide {
  display: none;
}

._3d-scene-video {
  z-index: 0;
  width: 100vw;
  height: 90vh;
  margin-top: 10vh;
  margin-left: 0;
  position: absolute;
  inset: 7vw 0% 0%;
}

.main-second-light-wrap-left {
  height: 100%;
  position: absolute;
  inset: 7vw auto auto 0%;
}

.main-second-light-wrap-right {
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.main-sixth-title-wrap {
  height: 74%;
  position: absolute;
  inset: 0 auto auto 12.865vw;
}

.main-fourth-bg-light {
  z-index: 1;
  width: 100vw;
  max-width: none;
  display: block;
  position: absolute;
  inset: -20vw 0% auto;
}

.main-team-light {
  z-index: 0;
  width: 28.07vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.main-eleventh-line-wrapper {
  z-index: 5;
  width: 100vw;
  max-width: 100vw;
  position: absolute;
  bottom: 5.848vw;
  left: 0;
  overflow: hidden;
}

.home-logos_right-height {
  width: 100%;
  height: 10vw;
  padding-top: 0%;
}

.marquee-logos_item {
  grid-row-gap: .2925vw;
  outline-offset: 0px;
  text-align: center;
  background-color: #eaeaea8c;
  border-radius: .63em;
  outline: .058vw solid #a5b8c3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 9.064vw;
  padding: 1.17vw 2vw;
  display: flex;
  position: relative;
}

.marquee-logos_item.hide {
  display: none;
}

.marquee-logos_component {
  width: 100%;
  position: relative;
}

.marquee-logos_panel {
  grid-column-gap: 1.389vw;
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 102vw;
  padding-top: .2vw;
  display: flex;
}

.marquee-logos_wrapper {
  grid-column-gap: 1.389vw;
  width: 100%;
  padding-top: .2vw;
  padding-bottom: .2vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-logos_flex {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.home-logos_right {
  position: relative;
}

.main-seventh-btn-wrap {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 2.339vw;
  display: flex;
}

.btn-arrow {
  width: .877vw;
}

.main-first-video-wrap {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.main-factory-wrapper {
  position: absolute;
  inset: auto auto 0% 0%;
}

.main-second-popup {
  z-index: 100;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
}

.main-second-popup.is--hide {
  display: none;
}

.main-second-popup-window {
  -webkit-backdrop-filter: blur(10vw);
  backdrop-filter: blur(10vw);
  outline-offset: 0px;
  background-color: #ffffff26;
  outline: .175vw solid #fff;
  width: 51.754vw;
  height: auto;
  padding: 4.211vw 2.339vw 2.339vw;
  position: relative;
}

.main-second-popup-from {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-2 {
  grid-column-gap: .2vw;
  align-items: flex-start;
  display: flex;
}

.main-second-popup-to {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .585vw;
  margin-bottom: 1.17vw;
  display: flex;
}

.main-second-popup-content {
  margin-top: 1.17vw;
  margin-bottom: 1.754vw;
}

.main-second-popup-btn-wrap {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.main-second-popup-header {
  width: 100%;
  position: relative;
  inset: 0% auto auto 0%;
}

.main-fourth-gazprom {
  z-index: 15;
  width: 12.865vw;
  position: absolute;
  inset: auto auto 14vw 8vw;
}

.main-fourth-k2 {
  z-index: 15;
  width: 12.865vw;
  position: absolute;
  inset: 13vw 7vw auto auto;
}

.main-second-wrapper-after {
  background-image: url('../images/tetris-error.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 1.404vw;
  border-bottom-left-radius: 1.404vw;
  width: 74.269vw;
  height: 30.585vw;
  margin-top: 3.509vw;
  position: sticky;
  top: 15vw;
  overflow: hidden;
}

.main-second-wrapper-before {
  background-image: url('../images/tetris.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 1.404vw;
  border-bottom-left-radius: 1.404vw;
  width: 74.269vw;
  height: 30.585vw;
  margin-top: 3.509vw;
  position: sticky;
  top: 15vw;
  overflow: hidden;
}

.main-second-wrapper-after-sticky {
  z-index: 2;
  height: 91%;
  padding-top: 21.5vw;
  position: absolute;
}

.main-second-wrapper-before-sticky {
  z-index: 1;
  height: 91%;
  padding-top: 21.5vw;
  position: absolute;
}

.main-sixth-card-num {
  outline-offset: 0px;
  background-color: #e1e1e1;
  border-radius: .819vw;
  outline: .058vw solid #bbb;
  justify-content: center;
  align-items: center;
  padding: .819vw;
  display: flex;
}

.main-sixth-card-result {
  outline-offset: 0px;
  background-color: #eaeaea;
  border-radius: .819vw;
  outline: .058vw solid #bbb;
  justify-content: center;
  align-items: center;
  padding: .819vw;
  display: flex;
}

.main-footer {
  padding-top: 3.509vw;
  padding-bottom: 2.339vw;
  display: flex;
}

.main-footer-info {
  grid-row-gap: 1.754vw;
  flex-direction: column;
  align-items: flex-start;
  width: 16.491vw;
  display: flex;
}

.main-footer-logo {
  width: 7.602vw;
}

.main-footer-about {
  margin-left: 3vw;
}

.main-footer-about-items {
  grid-row-gap: .585vw;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1.17vw;
  display: flex;
}

.main-footer-team {
  grid-column-gap: 1vw;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: 3vw;
  display: flex;
}

.main-footer-team-item {
  grid-column-gap: 1.053vw;
  flex-direction: row;
  align-items: flex-start;
  width: 16.023vw;
  margin-top: 0;
  display: flex;
}

.main-footer-team-item.hide {
  display: none;
}

.main-footer-team-img {
  width: 3.158vw;
}

.main-footer-team-info {
  grid-row-gap: .585vw;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.main-footer-team-title {
  width: 100%;
}

.main-projects-first {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding-bottom: 14.035vw;
  display: flex;
  position: relative;
}

.main-projects-first-title {
  margin-bottom: 1.17vw;
  padding-top: 14.035vw;
}

.main-projects-message {
  grid-column-gap: 1.17vw;
  grid-row-gap: 0vw;
  -webkit-backdrop-filter: blur(2.105vw);
  backdrop-filter: blur(2.105vw);
  outline-offset: 0px;
  background-color: #ffffff17;
  outline: .175vw solid #fff;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 51.754vw;
  height: 22.69vw;
  margin-top: 3.509vw;
  padding-top: 5.088vw;
  padding-left: 2.339vw;
  padding-right: 2.339vw;
  display: flex;
  position: relative;
}

.main-projects-first-top {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.main-projects-first-light {
  z-index: 0;
  width: 24vw;
  position: absolute;
  inset: 0 auto auto 0%;
}

.main-projects-first-img {
  z-index: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.main-projects-div {
  flex-flow: wrap;
  align-items: flex-start;
  padding-top: 8.187vw;
  padding-bottom: 8.187vw;
  display: flex;
}

.main-projects-category {
  border-radius: .819vw;
  justify-content: flex-start;
  align-items: center;
  width: 40vw;
  height: auto;
  display: flex;
}

.main-projects-card {
  outline-offset: 0px;
  border-radius: 1.404vw;
  outline: .058vw solid #c3c3c3;
  width: 51.462vw;
  padding: 3.509vw 4.678vw;
}

.main-projects-card-title, .main-projects-card-desc {
  margin-bottom: 2.339vw;
}

.main-projects-card-wrap {
  grid-column-gap: 4.678vw;
  width: 100%;
  margin-top: 1.754vw;
  display: flex;
}

.main-projects-card-img-wrap {
  background-image: url('../images/123.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.404vw;
  width: 21.053vw;
  padding-top: 1.17vw;
  padding-left: 1.17vw;
  position: relative;
}

.main-projects-card-img-wrap.second {
  background-image: url('../images/2_1.png');
}

.main-projects-card-img-wrap.third {
  background-image: url('../images/3_1.png');
}

.main-projects-card-img-wrap.fourth {
  background-image: url('../images/4.png');
}

.main-projects-card-img-wrap.fifth {
  background-image: url('../images/5.png');
}

.main-projects-card-img-wrap.sixth {
  background-image: url('../images/6.png');
}

.main-projects-card-img-wrap.seventh {
  background-image: url('../images/7.png');
}

.main-projects-card-img-wrap.eight {
  background-image: url('../images/8.png');
}

.main-projects-card-img-wrap.ninth {
  background-image: url('../images/9.png');
}

.main-projects-card-img-wrap.ten {
  background-image: url('../images/22.png');
}

.main-projects-card-img-wrap.evenenth {
  background-image: url('../images/11.png');
}

.tabs-projecst-category-wrap {
  grid-row-gap: .819vw;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 1.17vw auto auto 1.17vw;
}

.tabs-category-main {
  background-color: #eaeaea;
  border-radius: .702vw;
  padding: .585vw .819vw;
}

.main-projects-icon {
  width: 2.573vw;
  margin-right: 1.404vw;
}

.tabs-result-item-icon {
  grid-row-gap: .3vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.tabs-result-icon {
  grid-column-gap: 1.754vw;
  grid-row-gap: 1.17vw;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2.339vw;
  display: flex;
}

.form-popup {
  z-index: 999;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.form-popup-card {
  z-index: 2;
  outline-offset: 0px;
  background-color: #f2f2f2;
  border-radius: 1.404vw;
  outline: .058vw solid #c3c3c3;
  width: 62.573vw;
  height: auto;
  padding: 3.509vw 4.678vw;
  position: relative;
}

.popup-form {
  margin-top: 3.509vw;
}

.form {
  grid-column-gap: 1.17vw;
  grid-row-gap: 1.754vw;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-field {
  outline-offset: 0px;
  background-color: #f2f2f2;
  border-radius: .819vw;
  outline: .03vw solid #c2c2c2;
  width: 31.5%;
  height: auto;
  margin-bottom: 0;
  padding-top: 1.228vw;
  padding-bottom: 1.228vw;
  padding-left: 1.17vw;
  font-family: Circe, sans-serif;
  font-size: .936vw;
  font-weight: 400;
  line-height: 135%;
}

.form-btn {
  background-image: linear-gradient(294deg, #00a460, #2ea8ce);
  margin-top: 2vw;
  padding: .877vw 2.632vw;
  font-family: Circe, sans-serif;
  font-size: 1.053vw;
  font-weight: 700;
  line-height: 135%;
}

.checkbox-field {
  width: 50%;
  margin-top: 2vw;
  margin-bottom: 0;
  padding-left: 1.6vw;
}

.form-close {
  z-index: 0;
  cursor: pointer;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.phone {
  outline-offset: 0px;
  background-color: #f2f2f2;
  border-radius: .819vw;
  outline: .03vw solid #c2c2c2;
  width: 31.5%;
  height: auto;
  margin-bottom: 0;
  padding-top: 1.228vw;
  padding-bottom: 1.228vw;
  padding-left: 1.17vw;
  font-family: Circe, sans-serif;
  font-size: .936vw;
  font-weight: 400;
  line-height: 135%;
}

.main-footer-social-logo {
  width: 1.17vw;
}

.link-block {
  grid-row-gap: .351vw;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.form-popup-close-icon {
  cursor: pointer;
  width: 2vw;
  position: absolute;
  inset: 2vw 2vw auto auto;
}

.preloader {
  z-index: 999999;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.preloader-block {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.preloader-img-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  width: 302px;
  height: 302px;
  display: flex;
  position: relative;
}

.preloader-circle {
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 115px;
  right: 6px;
}

.preloader-text {
  letter-spacing: -.5px;
  font-family: Magistral, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  position: absolute;
}

.mobile-menu {
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.header-mobile-burger, .header-mobile-burger-close {
  display: none;
}

.link-text {
  color: #00a460;
}

.button-header {
  background-color: #e8e8e8;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: .819vw;
  padding: .877vw 1.754vw;
  text-decoration: none;
}

.button-header.green-gradient {
  z-index: 30;
  grid-column-gap: .585vw;
  cursor: pointer;
  background-image: radial-gradient(circle at 0 100%, #2ea8ce, #00a460);
  background-position: 0 0;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: .45vw 1.75vw;
  font-family: Circe, sans-serif;
  line-height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.main-alt-third-div {
  grid-column-gap: 4vw;
  align-items: center;
  height: auto;
  padding-top: 12.865vw;
  padding-bottom: 12.865vw;
  position: relative;
  overflow: visible;
}

.title-180 {
  color: #f2f2f2;
  font-family: Magistral, sans-serif;
  font-size: 10.526vw;
  font-weight: 500;
  line-height: 90%;
}

.title-180.split-lines {
  text-align: center;
}

.main-alt-third-light {
  width: 99vw;
  max-width: none;
  position: absolute;
  inset: auto 0% 0% -12.3vw;
}

.main-alt-third-light.center {
  left: 0;
}

.main-ten-content-card {
  -webkit-backdrop-filter: blur(1.197vw);
  backdrop-filter: blur(1.197vw);
  outline-offset: 0px;
  background-color: #d9d9d924;
  border-radius: 1.69vw;
  outline: .07vw solid #666;
  width: 23.158vw;
  height: 23vw;
  padding: 2.047vw 2.924vw 2.047vw 2.047vw;
}

.icon {
  width: 3.873vw;
  margin-left: -.4vw;
}

.main-ten-content-card-info {
  grid-row-gap: 1.17vw;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1.17vw;
  display: flex;
}

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

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

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

.lottie-animation {
  width: 100%;
  margin-bottom: 2vw;
}

.text-field-2 {
  border-radius: .819vw;
  height: auto;
  margin-bottom: 1vw;
  padding: .2vw 1vw;
  font-family: Circe, sans-serif;
  font-size: .95vw;
  line-height: 100%;
}

.link-block-2 {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tooltip-icon {
  width: 1.52vw;
  min-width: 1.52vw;
  height: 1.52vw;
  min-height: 1.52vw;
}

.my-slider-progress-bar {
  background-color: #007167;
  width: 30vw;
  height: 7px;
}

.tooltip-content {
  outline-offset: 0px;
  background-color: #eaeaea;
  border-radius: 1.404vw;
  outline: .058vw solid #c9c9c9;
  width: 21.06vw;
  height: 24.58vw;
  padding: 2.339vw 2.339vw 1.1695vw;
  transition: all .2s;
  display: none;
  top: -21.9vw;
  left: -18.4vw;
}

.main-eight-teammember-desc {
  grid-row-gap: .877vw;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 1.754vw;
  display: flex;
}

.tooltip-trigger {
  padding: 0;
}

.main-eight-teammember-img {
  width: 100%;
}

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

.splide.slider {
  z-index: 9;
  cursor: grab;
  width: 100vw;
  max-width: 100vw;
  margin-left: 0;
  padding-left: 12.865vw;
  overflow: hidden;
}

.splide__list {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  padding-top: .2vw;
  display: flex;
}

.team-tooltip {
  position: absolute;
  top: 21.871vw;
  left: 18.363vw;
}

.splide__slide {
  flex: none;
  align-items: flex-start;
  margin-right: 1vw;
  display: block;
}

.splide__slide:first-child {
  padding-left: 0;
}

.splide__slide.hide {
  display: none;
}

.splide__track {
  width: 100vw;
  padding-bottom: .2vw;
}

.my-slider-progress {
  width: 99%;
  height: 2px;
  display: none;
  overflow: hidden;
}

.main-eight-teammember {
  border-radius: 1.404vw;
  width: 21.053vw;
  position: relative;
}

.main-fifth-columns {
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 74.269vw;
  height: 100%;
  display: flex;
}

.main-fifth-columns.center {
  justify-content: center;
  display: none;
}

.atom-landing {
  background-color: #f7f7f7;
}

.text-golos-80 {
  font-family: Golos, sans-serif;
  font-size: 4.678vw;
  font-weight: 500;
  line-height: 80%;
}

.text-golos-80.center {
  text-align: center;
}

.text-golos-80.center.gradient {
  font-weight: 500;
}

.text-golos-80.is--blue.text-alight-center {
  text-align: center;
}

.is--blue {
  color: #4480f3;
}

.atom-first-title {
  width: 65vw;
}

.text-golos-18 {
  color: #fff;
  font-family: Golos, sans-serif;
  font-size: 1.053vw;
  line-height: 145%;
}

.text-golos-18.center {
  text-align: center;
}

.text-golos-18.black {
  color: #252525;
}

.text-golos-18.bold {
  font-weight: 700;
}

.text-golos-18.is--gray.text-alight-center {
  text-align: center;
}

.is--gray {
  color: #525760;
}

.atom-first-desc {
  width: 50vw;
  margin-top: 1.52vw;
}

.atom-second-div {
  z-index: 2;
  margin-top: 8.772vw;
  padding-bottom: 11.696vw;
  position: relative;
}

.text-golos-100 {
  color: #525760;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Golos, sans-serif;
  font-size: 5.848vw;
  font-weight: 400;
  line-height: 90%;
}

.atom-second_content-wrap {
  grid-column-gap: 2.339vw;
  grid-row-gap: 2.339vw;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 4.094vw;
  display: flex;
}

.atom-second_content-item {
  grid-column-gap: 1.17vw;
  grid-row-gap: 1.17vw;
  align-items: center;
  display: flex;
}

.atom-red-circle {
  background-image: radial-gradient(circle, #ffabab, #e35454);
  border-radius: 100vw;
  width: 1.345vw;
  height: 1.345vw;
}

.text-golos-36 {
  color: #525760;
  font-family: Golos, sans-serif;
  font-size: 2.105vw;
  line-height: 130%;
}

.text-golos-36.is-purple {
  color: #9867f9;
}

.text-golos-36.text-color-white {
  color: #fff;
}

.atom-third_card {
  z-index: 5;
  -webkit-backdrop-filter: blur(.25vw);
  backdrop-filter: blur(.25vw);
  outline-offset: 0px;
  background-color: #ffffff4d;
  border-radius: 1.404vw;
  outline: .058vw solid #ffffff8c;
  justify-content: flex-start;
  align-items: flex-start;
  width: 74.269vw;
  height: auto;
  padding-top: 10.526vw;
  padding-bottom: 2.924vw;
  padding-left: 5.263vw;
  display: flex;
  position: relative;
}

.text-golos-60 {
  font-family: Golos, sans-serif;
  font-size: 3.509vw;
  line-height: 100%;
}

.text-golos-60.is--blue.text-alight-center {
  text-align: center;
}

.atom-fourth_title {
  grid-row-gap: 1.754vw;
  flex-direction: column;
  width: 56vw;
  margin-bottom: 3.509vw;
  display: flex;
}

.atom-first_bg-img {
  z-index: 0;
  aspect-ratio: auto;
  width: 100vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.atom-second_bottom-img {
  z-index: 0;
  aspect-ratio: auto;
  width: 100vw;
  position: absolute;
  bottom: 0;
  left: 0;
}

.atom-first-div {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  height: 61vw;
  padding-top: 8vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.atom-third-div {
  z-index: 2;
  width: 100vw;
  margin-left: -12.865vw;
  padding-top: 11.696vw;
  padding-bottom: 12.865vw;
  padding-left: 12.865vw;
  position: relative;
  overflow: hidden;
}

.atom-third_left-img {
  z-index: 0;
  width: 49.415vw;
  position: absolute;
  inset: -53vw auto auto 0%;
}

.atom-third_right-img {
  z-index: 0;
  width: 61.813vw;
  position: absolute;
  inset: -50vw 0% auto auto;
}

.atom-third-logo {
  width: 9.298vw;
  position: absolute;
  inset: 4.444vw auto auto 31.871vw;
}

.atom-fourth_card {
  cursor: pointer;
  background-image: url('../images/border.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 17.544vw;
  height: auto;
  position: relative;
}

.text-color-black {
  color: #252525;
}

.atom-fifth_card-bg {
  background-color: #fff;
  border-radius: 1.404vw;
  width: 100%;
  height: 100%;
  padding: 1.637vw;
}

.atom-third-card-text {
  width: 58vw;
}

.atom-fourth_colums {
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 74.269vw;
  height: 100%;
  display: flex;
}

.atom-fourth_colums.center {
  justify-content: center;
  display: none;
}

.atom-fourth_div {
  z-index: 5;
  padding-bottom: 16vw;
  position: relative;
}

.atom-fifth_popup-wrapper {
  z-index: 9999;
  background-color: red;
  position: fixed;
  inset: 0%;
}

.atom-fifth_card-content {
  width: 72vw;
  padding: 2.222vw 3.626vw;
  display: none;
}

.atom-fifth_card-info {
  width: 15vw;
  height: 8.596vw;
  display: block;
}

.atom-fifth_card-title-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-golos-23 {
  color: #fff;
  font-family: Golos, sans-serif;
  font-size: 1.345vw;
  line-height: 120%;
}

.text-golos-23.center {
  text-align: center;
}

.text-golos-23.black {
  color: #252525;
}

.text-golos-23.bold {
  font-weight: 700;
}

.text-golos-23.is--gray.text-alight-center {
  text-align: center;
}

.text-golos-23.text-color-black {
  color: #252525;
  font-size: 1.345vw;
}

.text-color-blue {
  color: #4480f3;
}

.atom-fifth_card-description {
  width: 45vw;
  margin-top: 2.339vw;
}

.atom-fifth_card-list {
  grid-column-gap: .877vw;
  grid-row-gap: .877vw;
  align-items: flex-start;
  margin-top: 1.52vw;
  display: flex;
}

.atom-fifth_card-item {
  width: 16.959vw;
}

.atom-fifth_card-clients {
  grid-column-gap: .877vw;
  grid-row-gap: .877vw;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 1.637vw;
  display: flex;
}

.atom-fifth_card-clients-title {
  width: 100%;
  margin-bottom: .819vw;
}

.atom-fifth_card-client {
  width: 19.357vw;
}

.atom-fourth-wrapper {
  justify-content: space-between;
  height: auto;
  display: flex;
}

.atom-third_bg-wrap {
  width: 100vw;
  margin-left: -12.865vw;
  position: absolute;
  top: -13vw;
  overflow: hidden;
}

.atom-third_bg {
  z-index: 0;
  opacity: .3;
  width: 100%;
  max-width: none;
  position: relative;
  top: -6vw;
  left: 0;
}

.atom-fifth_div {
  z-index: 2;
  position: relative;
}

.atom-fifth_title-wrap {
  margin-bottom: 5.263vw;
}

.atom-fifth_content-wrap {
  grid-column-gap: 1.754vw;
  grid-row-gap: 1.754vw;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 1.17vw;
  display: flex;
  position: relative;
}

.atom-fifth_content-item {
  grid-column-gap: 2.339vw;
  grid-row-gap: 2.339vw;
  align-items: flex-start;
  display: flex;
}

.text-golos-90 {
  font-family: Golos, sans-serif;
  font-size: 5.263vw;
  font-weight: 500;
  line-height: 80%;
}

.text-golos-90.center {
  text-align: center;
}

.text-golos-90.center.gradient {
  font-weight: 500;
}

.text-golos-90.is--blue.text-alight-center {
  text-align: center;
}

.text-golos-90.is--cyan {
  color: #7daffc;
}

.atom-fifth_content-item-text {
  width: 43.86vw;
  margin-left: 6vw;
}

.atom-fifth_num-wrap {
  position: absolute;
}

.atom-fifth_left-shadow {
  z-index: 0;
  width: 27.193vw;
  position: absolute;
  inset: 6.725vw auto auto 0%;
}

.atom-fifth_right-shadow {
  z-index: 1;
  width: 66.257vw;
  position: absolute;
  inset: -15vw 0% auto auto;
}

.atom-fifth_atom-img {
  z-index: 0;
  width: 27.018vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.spline-scene {
  width: 100vw;
  height: 100vh;
}

.white {
  background-color: #f7f7f7;
}

.spline-scene-2 {
  width: 50vw;
}

.atom-sixth_div {
  margin-top: 12.865vw;
}

.atom-sixth_title-wrap {
  margin-bottom: 4.094vw;
}

.atom-sixth_mask-slider, .atom-sixth_slider-mask {
  height: auto;
}

.atom-sixth_slider {
  background-color: #0000;
  height: auto;
}

.atom-sixth_slider-left {
  background-color: #eaeaea;
  border: .058vw solid #25252533;
  border-radius: 1.404vw;
  width: 32.164vw;
  height: auto;
  padding: 2.924vw 2.339vw;
}

.atom-sixth_slider-right {
  background-image: linear-gradient(135deg, #7daffc, #b79ff3);
  border-radius: 1.404vw;
  width: 42.105vw;
  height: auto;
  padding: 2.924vw 2.339vw;
}

.atom-sixth_mask-slider-wrao {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.atom-sixth_slider-arrow-left-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  left: -10vw;
}

.atom-sixth_slider-arrow-left {
  width: 1.696vw;
}

.atom-sixth_slider-arrow-right-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  right: -10vw;
}

.atom-sixth_slider-left-title {
  margin-bottom: 1.404vw;
}

.text-golos-32 {
  color: #525760;
  font-family: Golos, sans-serif;
  font-size: 1.871vw;
  line-height: 130%;
}

.text-golos-32.is-purple {
  color: #9867f9;
}

.text-weight-medium {
  font-family: Golos, sans-serif;
  font-weight: 500;
}

.atom-sixth_slider-right-title {
  margin-bottom: .585vw;
}

.text-weight-bold {
  font-weight: 700;
}

.atom-sixth_slider-right-content {
  margin-bottom: .877vw;
}

.atom-sixth_slider-right-list {
  grid-column-gap: 1.17vw;
  grid-row-gap: 1.17vw;
  flex-wrap: wrap;
  display: flex;
}

.atom-sixth_slider-right-list-item {
  width: 13.45vw;
}

.hide {
  display: none;
}

.alt-header {
  z-index: 99;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: 3.216vw;
  display: flex;
  position: fixed;
  top: 1.754vw;
  left: 12.865vw;
  right: 12.865vw;
}

.alt-header_logo-wrap {
  width: 16.14vw;
}

.alt-header_logo {
  width: 100%;
  max-width: none;
}

.alt-header_links-wrapper {
  grid-column-gap: 1.93vw;
  background-image: linear-gradient(#525760, #3f434b);
  border-radius: 100vw;
  align-items: center;
  height: 100%;
  padding: 1.287vw 1.754vw;
  display: flex;
}

.text-golos-14 {
  color: #fff;
  font-family: Golos, sans-serif;
  font-size: .819vw;
  line-height: 135%;
  text-decoration: none;
}

.text-golos-14.black {
  color: #252525;
}

.text-golos-14.gray {
  color: #e7e7e7;
}

.text-golos-14.uppercase {
  text-transform: uppercase;
}

.text-golos-14.bold {
  font-weight: 700;
}

.text-golos-14.green {
  color: #00a460;
}

.atom-first_bg-mobile-img {
  z-index: 0;
  aspect-ratio: auto;
  width: 100vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.atom-third_mobile-shadows {
  display: none;
}

.atom-footer_info {
  grid-row-gap: 1.754vw;
  flex-direction: column;
  align-items: flex-start;
  width: 20vw;
  display: flex;
}

.text-color-gray {
  color: #e7e7e7;
}

.atom-seventh_div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12.865vw;
  display: flex;
  position: relative;
}

.atom-seventh_title {
  z-index: 2;
  width: 100%;
  margin-bottom: 3.509vw;
  position: relative;
}

.atom-seventh_running-line {
  z-index: 2;
  width: 100vw;
  height: 3.743vw;
  margin-top: 23.977vw;
  margin-bottom: 5.848vw;
  margin-left: -12.865vw;
  position: relative;
}

.atom-seventh_bg-image {
  z-index: 1;
  width: 87.719vw;
  position: absolute;
  bottom: 0;
}

.about-seventh_center-light {
  z-index: 0;
  width: 87.895vw;
  max-width: none;
  position: absolute;
  bottom: 0;
}

.atom-seventh_left-light {
  z-index: 1;
  position: absolute;
  inset: auto auto 0% 0%;
}

.atom-seventh_right-light {
  z-index: 1;
  position: absolute;
  inset: auto 0% 0% auto;
}

.atom-seventh_line-wrapper {
  z-index: 5;
  width: 100vw;
  max-width: 100vw;
  position: absolute;
  bottom: 5.848vw;
  left: 0;
  overflow: hidden;
}

.atom-footer {
  padding-top: 3.509vw;
  padding-bottom: 2.339vw;
  display: flex;
}

.atom-footer_team {
  grid-column-gap: 1vw;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: 3vw;
  display: flex;
}

.atom-footer_team-title {
  width: 100%;
}

.atom-footer_team-item {
  grid-column-gap: 1.053vw;
  flex-direction: row;
  align-items: flex-start;
  width: 16.023vw;
  margin-top: 0;
  display: flex;
}

.atom-footer_team-item.hide {
  display: none;
}

.atom-footer_team-img {
  width: 3.158vw;
}

.atom-footer_team-info {
  grid-row-gap: .585vw;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.atom-header_burger-icon {
  display: none;
}

.atom-mobile-menu {
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.bold-text {
  font-size: 1.345vw;
}

.padding-bottom-30 {
  padding-bottom: 2.5rem;
}

.header-2 {
  padding-top: 4.08333rem;
  padding-bottom: 1.5rem;
}

.text-croc-14 {
  font-size: 1.16667rem;
  line-height: 104.5%;
}

.width-235 {
  width: 19.5833rem;
}

.logo.mayday {
  width: 5.55556rem;
}

.padding-custom-2 {
  padding-top: 3.25rem;
  padding-bottom: 4.66667rem;
}

.padding-custom {
  padding-top: 7.5rem;
  padding-bottom: 13.6667rem;
  padding-left: 39.3333rem;
}

.cta-block {
  z-index: 5;
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 43.3333rem;
  height: 27rem;
  padding: 3.41667rem 4rem 4rem;
  display: flex;
  position: relative;
}

.logo-icon-svg {
  width: 6.16667rem;
}

.row-gap-25 {
  grid-row-gap: 2.08333rem;
  flex-direction: column;
  display: flex;
}

.row-gap-20 {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.text-croc-12 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 100%;
}

.text-croc-12.light {
  z-index: 10;
  font-weight: 300;
  position: relative;
}

.text-croc-12.color-white {
  color: var(--white);
}

.text-croc-12.height-120 {
  font-family: Croc W, sans-serif;
  font-size: .833333rem;
  line-height: 120%;
}

.snow {
  z-index: 10;
  background-color: #ffffffb3;
  border-radius: 6.94444rem;
  width: .8rem;
  height: .8rem;
  position: absolute;
  top: -6rem;
}

.snow.xs {
  width: 2rem;
  top: 28rem;
  right: 47.05rem;
}

.snow.xs.blur._3 {
  top: 137.9rem;
  right: 51.85rem;
}

.snow.xs.blur._2 {
  top: 92.4rem;
  right: 69.85rem;
}

.snow.xxs {
  width: 1rem;
}

.snow.xxs.blur {
  inset: 11.5rem 0% auto 20.9rem;
}

.snow.xxs.blur._2 {
  top: 21.8rem;
  left: 2.3rem;
}

.snow.xxs.blur._6 {
  top: 106.9rem;
  left: 94rem;
}

.snow.xxs.blur._8 {
  top: 143.6rem;
  left: 75.8rem;
}

.snow.xxs.blur._3 {
  top: 40.6rem;
  left: 9.9rem;
}

.snow.xxs.blur._7 {
  top: 142.7rem;
}

.snow.xxs.blur._4 {
  top: 86.7rem;
  left: 4.5rem;
}

.snow.xxs.blur._5 {
  top: 70.9rem;
  left: 82.8rem;
}

.snow.middle {
  width: 3.5rem;
  top: 50.6rem;
  right: 2.55rem;
}

.snow.middle._3 {
  inset: 137.2rem 18.5rem 0% auto;
}

.snow.middle._2 {
  top: 89.1rem;
  right: 64.65rem;
}

.snow.small {
  width: 2.5rem;
  inset: 8.8rem 0% auto 58.9rem;
}

.overflow {
  position: absolute;
  inset: 54.9rem auto 0% 0%;
  overflow: hidden;
}

.overflow.bottom-r {
  width: 50rem;
  height: 40rem;
  inset: auto 0% 0% auto;
}

.overflow.individual-page {
  pointer-events: none;
  min-width: 42.4306rem;
  position: sticky;
  top: 0;
}

.overflow.ind-page {
  display: none;
}

.text-croc-16 {
  color: #fff;
  font-size: 1.33333rem;
  font-weight: 400;
  line-height: 130%;
}

.text-croc-16.light {
  font-weight: 300;
}

.text-croc-16.color-light__green {
  font-weight: 300;
  text-decoration: none;
}

.width-430 {
  width: 35.8333rem;
}

.text-croc-35 {
  font-size: 2.91667rem;
  line-height: 100%;
}

.text-croc-35.color-green {
  color: var(--green);
}

.text-croc-35.color-green.no-wrap {
  white-space: nowrap;
}

.button-2 {
  border: 1px solid var(--violet);
  background-color: #8c1aff;
  border-radius: 3.08333rem;
  justify-content: center;
  align-items: center;
  width: 27.8333rem;
  height: 6.08333rem;
  transition: all .3s ease-in-out;
  display: flex;
}

.button-2:hover {
  background-color: #0000;
}

.text-croc-30 {
  font-size: 2.5rem;
  line-height: 100%;
}

.background-img {
  position: absolute;
  inset: 0% auto 61px 0%;
}

.background-img.top-right {
  z-index: 3;
  height: 54.5833rem;
  inset: 0% 0% auto auto;
}

.background-img.bottom-right {
  width: auto;
  max-width: none;
  position: relative;
  inset: -.516667rem 2rem 0% auto;
}

.background-img.servers {
  z-index: 1;
  height: 40.4167rem;
  position: static;
  inset: 50rem 0% 0%;
}

.background-img.servers.pc-hide {
  display: none;
}

.background-img.top-left {
  z-index: 0;
  inset: 0% auto auto 0%;
}

.background-img.snowman {
  z-index: 5;
  height: 31.25rem;
  inset: auto 2rem 0% auto;
}

.background-img.snowman.ind-page {
  bottom: 15.5rem;
  right: 7.8rem;
}

.background-img.rectangle {
  z-index: 3;
  width: 48.75rem;
  inset: 31.3rem -7.6rem 0% auto;
}

.background-img.mob {
  display: none;
}

.background-img.left {
  z-index: 2;
  width: 52rem;
  bottom: 5.08333rem;
}

.background-img.tree {
  z-index: 3;
  height: 36rem;
  inset: 4.16667rem 0% auto auto;
}

.background-img.tree.ind {
  top: 12.3667rem;
}

.background-img.tree.ind.x5 {
  top: 2.86667rem;
}

.background-img.server-top {
  z-index: 2;
  height: 33rem;
  inset: 5rem 0% auto auto;
}

.background-img.server-top.ind {
  top: 9.8rem;
}

.background-img.server-top.ind.x5 {
  top: 5.8rem;
}

.background-img.grinch {
  z-index: 3;
  height: 27.4167rem;
  top: 4rem;
}

.root {
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.root.visible {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.section-year.s-first {
  padding-bottom: 7.5rem;
}

.section-year.s-second {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-year.s-second.build {
  padding-top: 20rem;
}

.padding-153 {
  z-index: 1;
  padding-left: 12.75rem;
  padding-right: 12.75rem;
  position: relative;
}

.padding-153.ind {
  margin-top: 10rem;
}

.padding-custom-1 {
  padding-top: 3.41667rem;
  padding-bottom: 1.66667rem;
}

.div-block {
  color: #fff;
}

.styles {
  display: none;
  position: relative;
}

.button-3 {
  background-color: #8c1aff;
  border-radius: 3.08333rem;
  justify-content: center;
  align-items: center;
  width: 27.8333rem;
  height: 6.08333rem;
  display: flex;
}

.body {
  color: var(--white);
  font-family: Croc W, sans-serif;
  font-weight: 400;
}

.snow-container {
  z-index: 100;
  pointer-events: none;
  position: fixed;
}

.box {
  display: inline-block;
  position: relative;
}

.box-grey {
  width: 42.5rem;
}

.box-cover {
  cursor: pointer;
  width: 42.6389rem;
  position: absolute;
  inset: 0% 0% 0% 0;
}

.video {
  width: 37.4306rem;
  height: 23.1944rem;
  position: absolute;
  inset: 2.5rem 0% 0% 2.5rem;
}

.keys-stats {
  margin-bottom: 7rem;
  position: relative;
}

.width-420 {
  width: 29.1667rem;
}

.building-img {
  width: 45rem;
  height: 45rem;
  position: absolute;
  inset: auto 0% 16.1rem auto;
}

.open-box {
  border: 1px solid var(--violet);
  background-color: var(--violet);
  color: #fff;
  text-align: center;
  border-radius: 2.56944rem;
  justify-content: center;
  align-items: center;
  width: 21.0417rem;
  height: 4.02778rem;
  padding: 0;
  font-size: 2.08333rem;
  line-height: 100%;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 7.63889rem auto auto 1.38889rem;
}

.open-box:hover {
  transform: scale(.95);
}

.gradien-1 {
  pointer-events: none;
  width: 36.5972rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.gradient-2 {
  pointer-events: none;
  width: 40.625rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.gradient-3 {
  width: 45.6944rem;
  position: absolute;
  inset: 7rem auto auto 0%;
}

.gradient-4 {
  width: 56.8056rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.gradient-4.ind {
  width: 80rem;
}

.space-between {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-right: 5rem;
  display: flex;
}

.width-510 {
  width: 39rem;
}

.content {
  width: 100%;
  padding-left: 10.625rem;
}

.content.p-t--10 {
  padding-top: 10rem;
}

.gradient-new, .build-mob {
  display: none;
}

.victoria {
  width: 10rem;
}

.flex-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.form-quiz {
  background-color: #0000;
  height: 100%;
}

.form-block__quiz {
  height: 100%;
  margin-bottom: 0;
  padding-top: 10rem;
  padding-left: 4.16rem;
  padding-right: 4.16rem;
  position: absolute;
  inset: 0%;
}

.swiper-quiz {
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.swiper-wrapper {
  height: 100%;
  display: flex;
}

.swiper-wrapper.tinder-wrapper {
  padding-top: 4.02778rem;
  padding-bottom: 4.02778rem;
}

.swiper-slide {
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100vh;
}

.swiper-slide.tinder-slide {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
}

.swiper-slide.tinder-slide._1, .swiper-slide.tinder-slide.hidden {
  display: none;
}

.swiper-pagination-quiz {
  background-color: #d9d9d933;
  border-radius: 6px;
  width: 44.7917rem;
  height: .833333rem;
  position: absolute;
  inset: auto auto 2rem;
}

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

.label {
  margin-bottom: 0;
  margin-left: .694444rem;
}

.check-answer {
  border-color: #73e553;
  border-radius: .277778rem;
  width: 1.66667rem;
  height: 1.66667rem;
  margin-top: 0;
  margin-left: -1.38rem;
}

.check-answer.w--redirected-checked {
  border-color: var(--light-green);
  background-color: #73e553;
  background-size: .9rem;
  border-radius: .277778rem;
  width: 1.66667rem;
  height: 1.66667rem;
  margin-top: 0;
  margin-left: -1.38889rem;
}

.check-answer.w--redirected-focus {
  box-shadow: none;
}

.quiz-next {
  z-index: 100;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.875rem;
  height: 9.875rem;
  transition: all .5s;
  display: flex;
  position: absolute;
  inset: 23.7972rem 5.55556rem auto auto;
}

.quiz-next.next-hidden {
  opacity: 0;
  pointer-events: none;
}

.text-22 {
  color: #fff;
  font-size: 1.52778rem;
  line-height: 120%;
}

.text-22.light {
  font-weight: 300;
}

.logo-quiz {
  z-index: 999;
  position: absolute;
  inset: 2.77778rem auto auto 4.16667rem;
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5.5625rem;
  height: 1.4375rem;
  display: flex;
}

.hero-img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.modal-quiz {
  z-index: 100;
  opacity: 0;
  transition: all .6s;
  position: absolute;
  inset: 0%;
  transform: translate(0, 10%)scale(.95);
}

.modal-quiz.is--active {
  opacity: 1;
  transform: translate(0)scale(1);
}

.container-quiz {
  align-items: center;
  padding-left: 4.16667rem;
  padding-right: 4.16667rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.row-40 {
  grid-row-gap: 2.77778rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h1-light {
  font-weight: 300;
}

.h1-light.uppercase.width-75 {
  width: 75%;
}

.green-btn {
  border: 1px solid var(--dark-green);
  background-color: var(--dark-green);
  border-radius: 4.16667rem;
  padding: 1.38rem 6.59rem;
  font-size: 1.25rem;
  line-height: 120%;
  transition: all .3s ease-in-out;
}

.green-btn:hover {
  background-color: #0000;
}

.green-btn.uppercase {
  text-align: center;
  min-width: 22rem;
}

.green-btn.uppercase.answer-btn.is--hidden {
  display: none;
}

.green-btn.uppercase.submit {
  align-self: flex-start;
  margin-top: .694444rem;
}

.green-btn.uppercase.continue-btn {
  background-color: var(--transparent);
}

.green-btn.uppercase.continue-btn:hover {
  background-color: var(--dark-green);
}

.bg {
  width: 100%;
  height: 100vh;
}

.textarea {
  display: none;
}

.laptop {
  width: 44.7917rem;
}

.answer-row {
  grid-column-gap: .833333rem;
  border: 1px solid var(--light-green);
  cursor: pointer;
  border-radius: 4.16667rem;
  justify-content: flex-start;
  align-items: center;
  min-width: 21.3194rem;
  padding: 1.38rem 2.5rem 1.38rem 1.94rem;
  font-size: 1.52778rem;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

.answer-row.is--active {
  pointer-events: none;
}

.answer-row.is--correct {
  border-color: var(--white);
  background-color: var(--white);
  pointer-events: none;
  color: var(--black);
}

.answer-row.another-correct {
  border-color: var(--light-green);
  color: var(--white);
  background-color: #0000;
}

.answer-grid {
  grid-column-gap: 2.08333rem;
  grid-row-gap: 1.38889rem;
  flex-wrap: wrap;
  display: flex;
}

.check {
  border: 1px solid var(--light-green);
  border-radius: 4px;
  width: 1.66667rem;
  height: 1.66667rem;
}

.check.is--check {
  background-image: url('../images/Vector-1_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .972222rem;
}

.check.is--check.is--incorrect {
  border-color: var(--red);
  background-color: var(--red);
  background-image: url('../images/Group-1156.svg');
  background-position: 50%;
  background-size: 1.11111rem;
}

.check.is--correct {
  background-color: var(--light-green);
  background-image: url('../images/Vector-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .833333rem;
}

.check.another-correct {
  border-color: var(--light-green);
  background-color: var(--light-green);
  background-image: url('../images/Vector-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .972222rem;
}

.width-647 {
  width: 44.9306rem;
}

.row-30 {
  grid-row-gap: 2.08333rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.row-30.align-center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.quiz-tag {
  text-transform: uppercase;
  background-color: #fff3;
  border-top-right-radius: 1.38889rem;
  padding: 1.11rem 1.38rem;
  font-size: 1.11111rem;
  font-weight: 400;
  line-height: 120%;
}

.blur-row {
  z-index: 1000;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #d9d9d933;
  border-top-left-radius: 4.16667rem;
  border-bottom-left-radius: 4.16667rem;
  width: 38.4722rem;
  transition: all .6s;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.blur-row.is--hidden {
  right: -40%;
}

.blur-row.blur-hidden {
  opacity: 0;
  pointer-events: none;
}

.laptop-row {
  position: absolute;
  inset: 0 0% auto auto;
}

.laptop-answer {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.laptop-text {
  opacity: 0;
  color: #ffffffb3;
  text-align: center;
  width: 28rem;
  font-family: Croc W, sans-serif;
  font-size: 3.47222rem;
  font-weight: 700;
  line-height: 120%;
}

.text-area-answer {
  width: 500px;
  min-height: 260px;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.result-text {
  font-size: 3.47222rem;
  font-weight: 700;
  line-height: 120%;
}

.textarea-message {
  border: 1px solid var(--light-green);
  color: var(--white);
  background-color: #0000;
  border-radius: 2.08333rem;
  width: 100%;
  height: 23.8889rem;
  min-height: 23.8889rem;
  padding: 1.94rem;
  font-size: 1.52778rem;
  line-height: 120%;
}

.textarea-message:focus {
  border-color: var(--light-green);
}

.textarea-message::placeholder {
  color: #ffffff80;
}

.col-32 {
  grid-column-gap: 2.22222rem;
  align-items: center;
  display: flex;
}

.pr-label {
  margin-bottom: 0;
  margin-left: .83rem;
}

.pr-button {
  border-color: var(--light-green);
  width: 1.66667rem;
  height: 1.66667rem;
  margin-top: 0;
  margin-left: -1.38rem;
}

.pr-button.w--redirected-checked {
  border-color: var(--light-green);
  background-color: var(--light-green);
  width: 1.66667rem;
  height: 1.66667rem;
}

.pr-button.w--redirected-focus {
  border-color: var(--light-green);
  box-shadow: none;
  width: 1.66667rem;
  height: 1.66667rem;
}

.pr-radio {
  border: 1px solid var(--light-green);
  cursor: pointer;
  border-radius: 4.16667rem;
  justify-content: flex-start;
  align-items: center;
  width: 21.3194rem;
  margin-bottom: 0;
  padding: 1.38rem 2.5rem 1.38rem 3.32444rem;
  font-size: 1.52778rem;
  line-height: 120%;
  display: flex;
}

.row-20 {
  grid-row-gap: 1.38889rem;
  flex-direction: column;
  display: flex;
}

.row-20.align-left {
  align-items: flex-start;
}

.width-645 {
  width: 44.7917rem;
}

.inputs-row {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.input-label {
  margin-bottom: 0;
  font-size: 1.11111rem;
  font-weight: 300;
  line-height: 120%;
}

.input {
  border: 1px solid var(--light-green);
  color: #fff;
  background-color: #0000;
  border-radius: 4.16667rem;
  height: auto;
  min-height: 4.16667rem;
  margin-bottom: 0;
  padding: .625rem 1.38rem;
  font-size: 1.11111rem;
  font-weight: 300;
  line-height: 120%;
}

.input:focus {
  border-color: var(--light-green);
  border-radius: 2.4rem;
}

.input::placeholder {
  color: var(--white);
}

.check-policy {
  border-color: var(--light-green);
  border-radius: 3px;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.38889rem;
}

.check-policy.w--redirected-checked {
  border-color: var(--light-green);
  background-color: var(--light-green);
  background-size: .6rem;
  border-radius: 3px;
}

.check-policy.w--redirected-focus {
  border-color: var(--light-green);
  box-shadow: none;
  border-radius: 3px;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.388rem;
}

.check-label {
  margin-bottom: 0;
  margin-left: .833333rem;
  font-weight: 300;
}

.checkbox-policy {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.38889rem;
  font-size: 1.11111rem;
  line-height: 120%;
  display: flex;
}

.link {
  text-decoration: underline;
}

.succsess-mess {
  background-color: var(--black);
  position: absolute;
  inset: 0%;
}

.sucsess-row {
  grid-row-gap: 1.38889rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.col-20 {
  grid-column-gap: 1.38889rem;
  align-items: center;
  display: flex;
}

.col-20.is--hide {
  display: none;
}

.is-correct__text {
  background-color: var(--black);
  color: var(--dark-green);
  text-transform: uppercase;
  margin-top: -6rem;
  padding: 1.38rem;
  font-size: 1.52778rem;
  line-height: 120%;
}

.coll-20 {
  grid-column-gap: 1.38889rem;
  grid-row-gap: 1.38889rem;
  align-items: center;
  display: flex;
}

.stylesheets-retail {
  display: none;
}

.text-18p--main {
  z-index: 2;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 120%;
  position: relative;
}

.text-18p--main.retail-comments__text {
  position: absolute;
}

.text-18p--main.retail-comments__text.width-457 {
  width: 31.7361rem;
}

.text-18p--main.retail-comments__text.width-576 {
  width: 40rem;
}

.text-18p--main.retail-comments__text.width-500 {
  width: 34.7222rem;
}

.body-retail {
  color: var(--white);
  font-family: Croc W, sans-serif;
  font-size: 1.25rem;
  line-height: 100%;
}

.text-18p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 130%;
}

.text-18p.uppercase.color-blue {
  color: var(--blue);
}

.text-18p.uppercase.color-light--green__retail {
  color: var(--light-green-retail);
}

.text-18p.light {
  font-weight: 300;
  line-height: 120%;
}

.text-14p {
  font-size: .972222rem;
  font-weight: 300;
  line-height: 130%;
}

.retail-hero__img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.retail-hero__img.is--pc {
  z-index: 1;
  position: fixed;
  inset: 0% 0% auto;
}

.retail-hero__img.is--mob {
  display: none;
}

.retail-hero__content {
  z-index: 2;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.retail-down__arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8.1875rem;
  height: 8.1875rem;
  display: flex;
  position: absolute;
  inset: auto auto 4.58333rem .347222rem;
}

.retail-down__arrow.right {
  inset: auto .347222rem 4.58333rem auto;
}

.header-retail {
  z-index: 999;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 9.02778rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.header-icon {
  color: #37fff3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.4375rem;
  height: 1.3125rem;
  display: flex;
}

.retail-header__icons {
  grid-column-gap: 2.29167rem;
  align-items: center;
  display: flex;
}

.icon-embed-custom-2, .icon-embed-custom-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.3125rem;
  height: 1.4375rem;
  display: flex;
}

.icon-embed-custom-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.4375rem;
  height: 1.3125rem;
  display: flex;
}

.retail-header__logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 1.5625rem;
  display: flex;
}

.retail-title__hero {
  text-align: center;
  width: 72.9167rem;
  font-size: 5rem;
  font-weight: 300;
  line-height: 120%;
}

.neopixel {
  font-family: Neopixel, sans-serif;
  font-weight: 400;
}

.neopixel.color-light__green {
  color: var(--light-green-retail);
  font-family: Tuerca, sans-serif;
  font-weight: 700;
  display: inline;
}

.neopixel.color-light__green:hover {
  color: var(--light-green-retail);
}

.row-50 {
  grid-row-gap: 3.47222rem;
  flex-direction: column;
  display: flex;
}

.row-50.flex, .row-50.align-center {
  align-items: center;
}

.retail-content--1 {
  z-index: 1;
  text-align: center;
  width: 24.0278rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.icon-embed-custom-5 {
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8.125rem;
  height: 8.125rem;
  display: flex;
}

.color-light__green:hover {
  color: var(--blue);
}

.line-retail {
  background-color: var(--light-green-retail);
  width: 100%;
  height: 1px;
}

.retail-content--2 {
  z-index: 1;
  margin-top: 11.4583rem;
  position: relative;
}

.retail-img--1 {
  cursor: pointer;
  width: 13.1944rem;
}

.retail-img--1.width-420 {
  width: 29.1667rem;
  display: block;
}

.retail-img--1.video-1 {
  cursor: pointer;
}

.row-15 {
  grid-row-gap: 1.04167rem;
  flex-direction: column;
  display: flex;
}

.retail-comments--1 {
  width: 100%;
}

.retail-comments__container--1 {
  color: #101213;
  justify-content: center;
  align-items: center;
  width: 40.2778rem;
  display: flex;
  position: relative;
}

.retail-comments__container--1._680 {
  justify-content: center;
  width: 47.2222rem;
}

.retail-comments__container--1._680.negative-marrgin {
  justify-content: flex-start;
}

.retail-comments__container--1._380 {
  justify-content: center;
  width: 26.3889rem;
}

.retail-comments__container--1._380.negative-marrgin {
  justify-content: flex-start;
}

.retail-comments__container--1.negative-margin {
  justify-content: flex-start;
  left: -3.81944rem;
}

.retail-icon--1 {
  width: 3.81944rem;
}

.retail-content--3 {
  z-index: 1;
  grid-row-gap: 1.73611rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 11.4583rem;
  display: flex;
  position: relative;
}

.retail-img--2 {
  width: 29.1667rem;
}

.retail-img--2.gif {
  border: 2px solid #acf504;
}

.retail-comments__container--2 {
  color: #101213;
  justify-content: flex-start;
  align-items: center;
  width: 40.2778rem;
  display: flex;
  position: relative;
  left: 0;
}

.retail-img__container {
  align-self: flex-start;
  position: relative;
}

.retail-img__container.right {
  align-self: flex-end;
}

.retail-comments__container--3 {
  color: #101213;
  justify-content: center;
  align-items: center;
  width: 47.2222rem;
  display: flex;
  position: relative;
}

.retail-comments__container--3._580 {
  justify-content: flex-end;
  width: 40.2778rem;
}

.retail-comments__container--3.negative-marrgin {
  justify-content: flex-start;
  bottom: 0;
  left: -4.57222rem;
}

.retail-comment__container.left {
  align-self: flex-start;
}

.retail-comment__container.right {
  align-self: flex-end;
}

.retail-content--4 {
  z-index: 1;
  grid-row-gap: 2.56944rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 11.4583rem;
  display: flex;
  position: relative;
}

.retail-comments__container--4 {
  color: #101213;
  justify-content: flex-start;
  align-items: center;
  width: 19.7222rem;
  display: flex;
  position: relative;
}

.retail-comments__container--4._580 {
  width: 40.2778rem;
}

.retail-comments__container--4._445 {
  width: 30.9028rem;
}

.retail-img--4 {
  width: 12.5rem;
}

.cursor-icon {
  width: 6.94444rem;
  height: 6.94444rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.cursor-icon.left {
  inset: auto auto 0% 0%;
}

.cursor-icon.left._60, .cursor-icon._1 {
  width: 4.16667rem;
  height: 4.16667rem;
}

.line-container {
  z-index: 1;
  width: 100%;
  position: relative;
  inset: 0 0% auto;
  overflow: hidden;
}

.svg-mask {
  z-index: 2;
}

.retail-content--5 {
  z-index: 1;
  margin-top: 15rem;
  position: relative;
}

.retail-img--5 {
  width: 42.3611rem;
}

.retail-img--5._274 {
  width: 19.0278rem;
}

.row-24 {
  grid-row-gap: 1.66667rem;
  flex-direction: column;
  display: flex;
}

.retail-content--6 {
  z-index: 1;
  margin-top: 15rem;
  position: relative;
}

.row-60 {
  grid-row-gap: 4.16667rem;
  flex-direction: column;
  display: flex;
}

.retail-content--7 {
  z-index: 1;
  margin-top: 15rem;
  position: relative;
}

.row-28 {
  grid-row-gap: 1.94444rem;
  flex-direction: column;
  display: flex;
}

.form-content {
  z-index: 1;
  height: auto;
  margin-top: 23.125rem;
  position: relative;
}

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

.form-container.tinder {
  z-index: 2;
  width: 32.2917rem;
  margin-bottom: 0;
  position: relative;
}

.form-block {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-42 {
  font-size: 2.91667rem;
  line-height: 125%;
}

.text-42.color-light__green.uppercase.tuerca {
  font-family: Tuerca, sans-serif;
  font-weight: 700;
}

.text-42.color-light__green.uppercase.tuerca:hover {
  color: var(--light-green);
}

.text-42.color-light--green__retail {
  color: var(--light-green-retail);
}

.text-42.color-light--green__retail.uppercase.tuerca {
  font-family: Tuerca, sans-serif;
  font-weight: 700;
}

.width-700 {
  width: 48.6111rem;
}

.row-46 {
  grid-row-gap: 3.19444rem;
  flex-direction: column;
  display: flex;
}

.inputs {
  grid-column-gap: 2.08333rem;
  grid-row-gap: 2.08333rem;
  flex-direction: column;
  display: flex;
}

.input-row {
  grid-column-gap: .833333rem;
  grid-row-gap: .833333rem;
  flex-direction: column;
  display: flex;
}

.retail-input {
  background-color: var(--transparent);
  color: var(--white);
  border: 1px solid #acf504bf;
  border-radius: 0;
  min-height: 4.86111rem;
  margin-bottom: 0;
  padding: .694444rem 2.08rem;
  font-size: .972222rem;
  font-weight: 300;
  line-height: 130%;
}

.retail-input:focus {
  border-color: #acf504bf;
}

.retail-input::placeholder {
  color: #ffffff80;
}

.submit-btn {
  background-color: var(--transparent);
  color: var(--black);
  background-image: url('../images/btn-scg.svg');
  background-position: 0 0;
  background-size: 26.3194rem;
  width: 26.3194rem;
  height: 4.16667rem;
  margin-top: .694444rem;
  margin-left: auto;
  margin-right: auto;
}

.submit-btn.uppercase {
  background-size: 26.4rem;
  font-family: Tuerca, sans-serif;
  font-weight: 700;
  transition: all .3s ease-in-out;
}

.submit-btn.uppercase:hover {
  transform: scale(1.1);
}

.retail-success {
  background-color: var(--transparent);
}

.retail-success__container {
  background-color: var(--transparent);
  border: 1px solid #acf504bf;
  justify-content: center;
  align-items: center;
  height: 10rem;
  font-size: 2rem;
  font-weight: 300;
  line-height: 120%;
  display: flex;
}

.backdrop-filter--bg {
  z-index: 1;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #acf504;
  width: 100%;
  height: 100px;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.mask-code {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.img-relative {
  position: relative;
}

.backdrop {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #10121366;
  height: 100px;
}

.backdrop-img {
  width: 100%;
  display: none;
  position: absolute;
  inset: -.1rem 0% auto;
}

.clip-path {
  width: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.clip-path--section {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  height: 100px;
  display: none;
  position: relative;
}

.icon-96 {
  width: 6.66667rem;
  margin-left: auto;
  margin-right: auto;
}

.row-35 {
  grid-row-gap: 2.43056rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.negative-marrgin {
  position: relative;
  left: -3.47222rem;
}

.plyr {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.video-modal {
  z-index: 1000;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #0000003b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.video-modal.second {
  display: none;
}

.close-modal {
  cursor: pointer;
  width: 1.3rem;
  position: absolute;
  inset: 2.77778rem 2.77778rem auto auto;
}

.video-modal-second {
  z-index: 1000;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #0000003b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.video-modal-second.second {
  display: none;
}

.bg-backdrop {
  z-index: 1;
  width: 102rem;
  min-width: 102rem;
  display: none;
  position: absolute;
  inset: 0 0% auto -1rem;
}

.bg-backdrop.mob {
  display: none;
}

.scroll-head {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  padding-left: 7rem;
  padding-right: 7rem;
  display: flex;
  position: absolute;
  inset: 5rem 0% auto;
}

.arrow-down {
  opacity: .1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.4375rem;
  height: 4.375rem;
  display: flex;
  transform: rotate(180deg);
}

.mob-img {
  display: none;
}

.itinder-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 100vh;
}

.tinder-logo {
  z-index: 100;
  position: absolute;
  inset: 4.16667rem auto auto 9.02778rem;
}

.itinder-container {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.heart-2 {
  z-index: 2;
  width: 29.5833rem;
  position: absolute;
  inset: -3.05rem -12rem auto auto;
}

.heart-1 {
  z-index: 2;
  width: 67rem;
  position: absolute;
  inset: 0% -3.8rem auto auto;
}

.hero-tinder--line {
  z-index: 1;
  width: 104.167rem;
  min-width: 104.167rem;
  position: absolute;
  inset: 9rem 0% auto -.5rem;
}

.tinder-head {
  z-index: 2;
  grid-row-gap: .625rem;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 12rem auto auto 9.02778rem;
}

.icon-embed-custom-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 38.3125rem;
  height: 6.9375rem;
  display: flex;
}

.icon-embed-custom-7.light-green {
  color: var(--light-green);
}

.width-180 {
  text-align: right;
  width: 16rem;
}

.heart-3 {
  z-index: 2;
  width: 17.2222rem;
  position: absolute;
  inset: -6.1rem 37.3rem auto auto;
}

.heart-4 {
  z-index: 2;
  width: 17.2222rem;
  position: absolute;
  inset: 15.2rem auto auto 0%;
}

.tinder-search__conainer {
  grid-row-gap: 3.47222rem;
  flex-direction: column;
  width: 38.125rem;
  display: flex;
  position: absolute;
  inset: auto auto 7.98611rem 9.02778rem;
}

.tinder-btn {
  color: var(--black-2);
  text-transform: uppercase;
  background-image: url('../images/btn-green.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 19.3056rem;
  justify-content: center;
  align-items: center;
  width: 19.3056rem;
  padding: 1.25rem 1.59rem;
  font-family: Tuerca, sans-serif;
  font-weight: 700;
  transition: all .3s ease-in-out;
  display: flex;
}

.tinder-btn:hover {
  background-image: url('../images/btn-blue.svg');
}

.tinder-btn.center {
  margin-left: auto;
  margin-right: auto;
}

.modal-tinder {
  z-index: 99;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #10121380;
  display: none;
  position: fixed;
  inset: 0%;
}

.swiper.swiper-tinder {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.tinder-img {
  width: 29.0972rem;
  min-width: 29.0972rem;
}

.tinder-slide__container {
  position: relative;
}

.tinder-slide__content {
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tinder-slide__content.no-active {
  display: none;
}

.text-14-tinder {
  color: var(--white);
  font-size: .972222rem;
  font-weight: 300;
  line-height: 115%;
}

.col-13 {
  grid-column-gap: .902778rem;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.like-btn {
  cursor: pointer;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
  position: relative;
}

.like-img {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.tinder-preview {
  z-index: 10;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #10121380;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.tinder-preview__container {
  position: relative;
}

.dislike-btn {
  cursor: pointer;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
  position: relative;
}

.tinder-button-next {
  display: none;
}

.tinder-like__content {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tinder-like__content.no-active {
  display: none;
}

.row-25 {
  grid-row-gap: 1.73611rem;
  flex-direction: column;
  display: flex;
}

.color-light__green {
  color: var(--light-green);
}

.like-next-slide {
  cursor: pointer;
  width: 10.5556rem;
  margin-left: auto;
  margin-right: 0;
  position: relative;
}

.like-next-slide.last {
  opacity: .4;
  pointer-events: none;
}

.next-slide-img {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.next-slide-img.hover {
  position: absolute;
  inset: 0%;
}

.pixel {
  opacity: .3;
  width: 100%;
  position: absolute;
  inset: 1.4rem auto auto 0%;
}

.tinder-final__mess {
  width: 50.3472rem;
}

.tinder-final__mess.mob {
  display: none;
}

.final-mess__container {
  position: absolute;
  inset: 3.125rem 4.5rem;
}

.preview-container {
  padding: 3.47222rem 2.77778rem 3.47222rem 4.86111rem;
  position: absolute;
  inset: 0%;
}

.close-preview {
  color: var(--light-green);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
  position: absolute;
  inset: -3rem 0% auto auto;
}

.mob-lines {
  display: none;
}

.reaction-img {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
}

.reaction-img.hover {
  position: absolute;
  inset: 0%;
}

.go-frendship {
  position: fixed;
  inset: auto 0% -3rem auto;
}

.freindship-img {
  width: 30.0694rem;
}

.freindship-img.mob {
  display: none;
}

.close-freind {
  color: var(--light-green);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
}

.freind-content {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  padding-top: 2.29167rem;
  padding-left: 3.47222rem;
  padding-right: 3.47222rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.close-freind--wrap {
  z-index: 100;
  color: var(--light-green);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.77778rem;
  height: 2.77778rem;
  margin-top: -1.38889rem;
  margin-right: -1.38889rem;
  display: flex;
  position: absolute;
  inset: 1.75rem 1.55rem auto auto;
}

.horizontal-view, .mob-hero--img {
  display: none;
}

.check-retail {
  border-width: 1px;
  border-color: var(--light-green-retail);
  border-radius: 0;
  width: 1.38889rem;
  min-width: 1.38889rem;
  height: 1.38889rem;
  min-height: 1.38889rem;
  margin-top: 0;
  margin-left: -1.38889rem;
  margin-right: .972222rem;
}

.check-retail.w--redirected-checked {
  border-color: var(--dark-green);
  background-color: var(--dark-green);
  background-size: .694444rem;
  border-radius: 0;
  width: 1.38889rem;
  height: 1.38889rem;
  margin-top: 0;
  margin-left: -1.38889rem;
}

.check-retail.w--redirected-focus {
  box-shadow: none;
}

.check-label--retail {
  font-size: .972222rem;
  line-height: 130%;
}

.checks-retail {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.38889rem;
  display: flex;
}

.check-link {
  text-decoration: underline;
}

.test-se {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  width: 100%;
  height: 200vh;
}

.icon-embed-custom-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90.125rem;
  height: 467.5rem;
  display: flex;
}

.bg-blur {
  position: absolute;
  inset: 0% 0% auto;
}

.bg-backdrop--blur {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  width: 102rem;
  min-width: 102rem;
  height: 100vh;
  position: absolute;
  inset: 2.3rem 0% auto -1rem;
}

.bg-backdrop--blur.mob {
  display: none;
}

.margin-left--40 {
  margin-left: 2.77778rem;
}

.margin-left--68 {
  margin-left: 4.72222rem;
}

.pc-lines {
  pointer-events: none;
  object-fit: cover;
  width: 100rem;
  min-width: 100rem;
  height: 68.4028rem;
  position: absolute;
  inset: auto 0% -5%;
}

.form-tinder__container {
  z-index: 100;
  background-color: #101213;
  justify-content: center;
  align-items: center;
  width: 39.6528rem;
  min-width: 39.5833rem;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.form-tinder__container.is--active {
  display: none;
}

.form-tinder__img {
  position: absolute;
  inset: -1rem -1rem auto auto;
}

.width-446 {
  width: 30.9722rem;
}

.close-form--tinder {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .875rem;
  height: .875rem;
  margin-top: -1.38889rem;
  margin-right: -1.38889rem;
  padding: 1.38889rem;
  display: flex;
  position: absolute;
  inset: 4.16667rem 4.16667rem auto auto;
}

.close-form--tinder__icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .875rem;
  height: .875rem;
  display: flex;
}

.html-embed {
  display: none;
}

.mayday-container {
  height: 100dvh;
  overflow: hidden;
}

.mayday-img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  min-width: 100%;
  margin-top: -3rem;
}

.mayday-content {
  position: absolute;
  inset: 0%;
}

.mayday-css {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.mayday-modal {
  z-index: 100;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #08151d80;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.start-img {
  width: 50.3472rem;
}

.start-row {
  position: relative;
}

.start-text__row {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-16 {
  font-family: Croc W, sans-serif;
  font-size: 1.11111rem;
  line-height: 120%;
}

.text-16.mayday-mob.color-white {
  color: var(--white);
}

.width-590 {
  width: 40.9722rem;
  margin-left: auto;
  margin-right: auto;
}

.start-btn__icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 17.4375rem;
  height: 3.8125rem;
  display: flex;
}

.start-btn {
  cursor: pointer;
  align-self: flex-start;
  width: 19.0972rem;
  position: relative;
}

.start-btn.hero {
  margin-left: auto;
  margin-right: auto;
}

.mayday-header {
  z-index: 10;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--white);
  background-color: #08151d80;
  padding: 1rem 9.02778rem;
  position: relative;
  inset: 0% 0% auto;
}

.mayday-header.rules {
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: absolute;
}

.icon-embed-custom-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 1.3125rem;
  display: flex;
}

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

.mayday-total__counter {
  display: flex;
}

.text-36__tuerca {
  font-family: Tuerca, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 130%;
}

.mayday-text__mess {
  justify-content: center;
  align-items: center;
  width: 35.4167rem;
  display: flex;
}

.right-answer__container {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  display: none;
  position: relative;
}

.right-answer__container.active {
  display: flex;
}

.right-answer__row {
  background-color: #101213;
  border: 1px #acf504;
  border-style: none none solid solid;
  border-radius: 2px;
  width: 39.9306rem;
  height: 100%;
  position: relative;
}

.right-answer__row.sweater-modal {
  display: none;
}

.right-answer__row.sweater-modal.active {
  display: flex;
}

.right-answer__row.kebab-modal {
  display: none;
}

.right-answer__row.kebab-modal.active {
  display: flex;
}

.right-answer__row.raket-modal {
  border-style: none solid none none;
  margin-right: auto;
  display: none;
}

.right-answer__row.raket-modal.active {
  display: flex;
}

.right-answer__row.pharmacy-modal {
  border-style: none solid solid none;
  margin-right: auto;
  display: none;
}

.right-answer__row.pharmacy-modal.active {
  display: flex;
}

.right-content {
  width: 100%;
  padding-top: 3rem;
  padding-left: 4rem;
  position: static;
  inset: 0%;
  overflow: scroll;
}

.right-text__content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  width: 24rem;
  display: flex;
}

.line {
  background-color: #acf504;
  width: 100%;
  height: 1px;
}

.row-3 {
  grid-column-gap: .208333rem;
  grid-row-gap: .208333rem;
  flex-flow: column;
  display: flex;
}

.mayday-link {
  text-decoration: underline;
}

.color-green {
  color: #acf504;
}

.color-green.bold {
  font-weight: 700;
}

.icon-embed-custom-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 17.375rem;
  height: 3.125rem;
  display: flex;
}

.mayday-progress {
  position: absolute;
  inset: auto 0% 0%;
}

.progress-fill {
  background-color: #acf504;
  width: 0%;
  height: 2px;
  transition: all .5s;
}

.progress-fill.p-25 {
  width: 25%;
}

.progress-fill.p-25.p-50 {
  width: 50%;
}

.progress-fill.p-25.p-50.p-75 {
  width: 75%;
}

.progress-fill.p-25.p-50.p-75.p-100 {
  width: 100%;
}

.correct-item {
  border: 1px solid var(--transparent);
  border-radius: 6.94444rem;
  width: 13.8889rem;
  height: 13.8889rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.correct-item._1 {
  cursor: pointer;
  top: 17rem;
  left: 16.3rem;
}

.correct-item._1.correct-active {
  border-color: var(--mayday-green);
  pointer-events: none;
}

.correct-item._2 {
  cursor: pointer;
  top: 36rem;
  left: 5.9rem;
}

.correct-item._2.correct-active {
  border-color: #acf504;
}

.correct-item._3 {
  cursor: pointer;
  inset: 39.4rem 5.2rem auto auto;
}

.correct-item._3.correct-active {
  border-color: #acf504;
}

.correct-item._4 {
  cursor: pointer;
  inset: 23.6rem 11.1rem auto auto;
}

.correct-item._4.correct-active {
  border-color: #acf504;
}

.correct-item._5 {
  cursor: pointer;
  inset: 23.3rem auto auto 46.1rem;
}

.correct-item._5.correct-active {
  border-color: #acf504;
}

.correct-item._6 {
  cursor: pointer;
  inset: 35.9rem auto auto 37.7rem;
}

.correct-item._6.correct-active {
  border-color: #acf504;
}

.correct-item._7 {
  cursor: pointer;
  inset: 35.9rem auto auto 22.9rem;
}

.correct-item._7.correct-active {
  border-color: #acf504;
}

.correct-item._8 {
  cursor: pointer;
  inset: 23.6rem auto auto 60.5rem;
}

.correct-item._8.correct-active {
  border-color: #acf504;
}

.correct-item._9 {
  cursor: pointer;
  inset: 6.3rem auto auto 34.1rem;
}

.correct-item._9.correct-active {
  border-color: #acf504;
}

.correct-active {
  pointer-events: none;
  border: 1px solid #acf504;
}

.mobile-hide {
  display: none;
}

.icon-embed-custom-11 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 17.375rem;
  height: 3.125rem;
  display: flex;
}

.mayday-btn {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.mayday-btn--text {
  position: absolute;
}

.mayday-next, .icon-embed-custom-12 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 17.375rem;
  height: 3.125rem;
  display: flex;
}

.next-btn {
  width: 100%;
  display: inline-block;
}

.form-mayday__row {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #10121366;
  height: 100%;
  display: none;
  position: relative;
}

.form-mayday__row.active {
  display: block;
}

.mayday-form__container {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-bottom: 0;
  padding-top: 2.08333rem;
  display: flex;
}

.mayday-from__icon {
  width: 71.5278rem;
}

.mayday-form__image {
  display: inline-block;
  position: relative;
}

.mayday-inputs {
  padding: 4.16667rem 4.16667rem 1.38889rem;
  position: absolute;
  inset: 0%;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2.gap-22 {
  grid-column-gap: 1.52778rem;
  grid-row-gap: 1.52778rem;
}

.mayday-check__row {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .694444rem;
  display: flex;
}

.mayday-check {
  border-width: 2px;
  border-color: #acf504;
  border-radius: 0;
  width: 1.38889rem;
  min-width: 1.38889rem;
  height: 1.38889rem;
  margin-top: 0;
  margin-right: .902778rem;
}

.mayday-check.w--redirected-checked {
  background-color: var(--transparent);
  background-size: .833333rem;
  border-color: #acf504;
  width: 1.38889rem;
  height: 1.38889rem;
  margin-top: 0;
}

.mayday-check.w--redirected-focus {
  box-shadow: none;
  border-radius: 0;
  width: 1.38889rem;
  height: 1.38889rem;
  margin-top: 0;
}

.mayday-input {
  background-color: var(--transparent);
  color: var(--white);
  border: 2px solid #acf504bf;
  min-height: 3.81944rem;
  margin-bottom: 0;
  padding: .694444rem 1.45833rem;
  font-family: Croc W, sans-serif;
  font-size: 1.11111rem;
  line-height: 120%;
}

.mayday-label {
  color: #acf504;
  margin-bottom: .694444rem;
  font-family: Croc W, sans-serif;
  font-size: .972222rem;
  font-weight: 400;
  line-height: 120%;
}

.mayday-submit {
  background-color: var(--transparent);
  color: var(--black);
  background-image: url('../images/green.svg');
  background-position: 0 0;
  background-size: 19.3056rem;
  width: 19.3056rem;
  height: 3.47222rem;
  margin-top: 3.47222rem;
  font-family: Tuerca, sans-serif;
  font-size: .972222rem;
  font-weight: 700;
  line-height: 120%;
  overflow: hidden;
}

.mayday-succsess {
  background-color: var(--transparent);
  margin-top: 6.94444rem;
  padding: 0;
  position: relative;
}

.succsess-img {
  width: 50.3472rem;
}

.btn-mayday--icon {
  width: 19.0972rem;
}

.btn-mayday--icon.hover, .next.hover {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.underline {
  text-decoration: underline;
}

.succses-message {
  grid-column-gap: 1.04167rem;
  grid-row-gap: 1.04167rem;
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.rules-mayday__container {
  grid-column-gap: 2.77778rem;
  grid-row-gap: 2.77778rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
}

.back-to-game {
  background-color: var(--light-green);
  color: var(--black);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 19.4444rem;
  height: 3.47222rem;
  font-size: 1.25rem;
  line-height: 120%;
  display: flex;
}

.back-to-game:hover {
  opacity: .8;
}

.cookie {
  z-index: 1000;
  background-color: var(--black);
  color: var(--white);
  min-width: 40rem;
  padding: 3.47222rem;
  font-family: Circe, sans-serif;
  font-size: 1.25rem;
  line-height: 120%;
  position: absolute;
  inset: auto auto 1.38889rem 1.38889rem;
}

.close-cookie {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.hidden {
  display: none;
}

.viewport-width {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.breakpoints {
  display: none;
}

@media screen and (max-width: 991px) {
  .text-14.mayday {
    font-size: 2rem;
  }

  .text-24.tuerca {
    z-index: 1;
    position: relative;
  }

  .text-24.tuerca.orient, .text-24.tuerca.color-green.maydday {
    font-size: 3rem;
  }

  .home-logos_right-height {
    height: auto;
    padding-top: 14%;
  }

  .marquee-logos_item {
    margin-bottom: 0%;
  }

  .marquee-logos_wrapper {
    align-items: flex-start;
  }

  .home-logos_flex {
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8%;
    padding-right: 8%;
  }

  .home-logos_right {
    background-color: #0000;
    border-radius: 1em;
    width: 100vw;
    height: auto;
    margin-left: 0;
  }

  .text-field, .phone {
    font-size: 1.6vw;
  }

  .utility-page-content {
    width: 20vw;
  }

  .overflow.bottom-r {
    width: 60rem;
    height: 50rem;
  }

  .background-img.bottom-right {
    top: -8.11667rem;
    right: 2.5rem;
  }

  .reaction-img.hover {
    display: none;
  }

  .horizontal-view {
    z-index: 2000;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: #00000080;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .horizontal-view--img {
    width: 100%;
  }

  .transform-orientaion {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .orint-img {
    width: 40rem;
    min-width: 40rem;
    position: absolute;
  }

  .start-row {
    margin-top: 10rem;
  }

  .text-16.mayday-mob.color-white {
    font-size: 2rem;
  }

  .mayday-text__mess {
    width: 51rem;
  }

  .right-answer__row.sweater-modal, .right-answer__row.kebab-modal, .right-answer__row.raket-modal, .right-answer__row.pharmacy-modal {
    width: 50rem;
  }

  .right-content {
    padding-top: 4rem;
    padding-bottom: 10rem;
    padding-right: 4rem;
  }

  .right-text__content {
    width: auto;
  }

  .mobile-hide {
    z-index: 10000;
    background-color: #070707;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .form-mayday__row.active {
    height: 100dvh;
    max-height: 100dvh;
    overflow: scroll;
  }

  .mayday-form__container {
    margin-bottom: 20rem;
  }

  .mayday-from__icon {
    width: 90rem;
  }

  .mob-hide__text {
    grid-column-gap: 3.94737rem;
    grid-row-gap: 3.94737rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 22.6667rem 10rem;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: scroll;
  }

  .mob-icon {
    width: 51rem;
  }

  .rules-mayday__container {
    justify-content: flex-start;
    align-items: center;
    max-height: 100dvh;
    padding-bottom: 13.3333rem;
    overflow: scroll;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 8rem;
    line-height: 110%;
  }

  .section.s-retail--hero {
    z-index: 2;
    background-color: var(--transparent);
    height: 70vh;
  }

  .section.s-retail__content {
    z-index: 2;
    padding-top: 40rem;
    padding-left: 4.8rem;
    padding-right: 4.8rem;
    font-size: 3.2rem;
  }

  .section.s-itinder--hero {
    background-image: url('../images/Главная_мобилка.webp');
    background-size: cover;
    height: 100vh;
  }

  .text-18.color-light__green {
    font-size: 3.2rem;
    line-height: 130%;
  }

  .text-18.color-light__green.mob-left {
    text-align: right;
    width: 48rem;
  }

  .text-18.tyreca {
    font-size: 4rem;
  }

  .text-14.mayday {
    font-size: 2.2rem;
  }

  .text-14.tuerca.mayday-mob {
    font-size: 2.3rem;
    line-height: 130%;
  }

  .text-24.tuerca {
    font-size: 4.5rem;
  }

  .text-24.tuerca.orient {
    font-size: 5rem;
  }

  .text-24.tuerca.color-green.uppercase.form-mob {
    font-size: 3rem;
  }

  .text-24.tuerca.color-green.maydday {
    font-size: 2.9rem;
  }

  .home-logos_right-height {
    padding-top: 14%;
  }

  .home-logos_flex {
    padding-left: 0%;
  }

  .form {
    align-content: flex-start;
  }

  .text-field {
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 2vw;
  }

  .utility-page-content {
    width: 30vw;
  }

  .splide.slider {
    border-style: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .splide__slide {
    width: 260px;
    max-width: 260px;
  }

  .my-slider-progress {
    width: 90%;
    margin-top: 32px;
  }

  .padding-bottom-30 {
    padding-bottom: 7.8125rem;
    padding-right: 55rem;
  }

  .padding-bottom-30.ind-page, .padding-bottom-30.ind-pge {
    padding-right: 0;
  }

  .green-shadow {
    z-index: 10;
    font-size: 10.9375rem;
    position: static;
  }

  .text-croc-14 {
    font-size: 3.75rem;
  }

  .width-235 {
    width: 73.4375rem;
  }

  .logo {
    width: 12.5rem;
  }

  .padding-custom {
    padding-top: 41.25rem;
    padding-bottom: 90rem;
    padding-left: 0;
  }

  .padding-custom.ind-page {
    padding-top: 61.65rem;
    padding-bottom: 20rem;
  }

  .cta-block {
    border-radius: 2.65625rem;
    width: 92.5rem;
    height: 67.1875rem;
    padding-top: 7.8125rem;
    padding-bottom: 7.8125rem;
    padding-left: 7.8125rem;
  }

  .logo-icon-svg {
    width: auto;
  }

  .row-gap-25 {
    grid-row-gap: 7.8125rem;
  }

  .row-gap-20 {
    grid-row-gap: 1.5625rem;
  }

  .text-croc-12.light {
    font-size: 2rem;
  }

  .snow {
    width: 7rem;
    top: 13rem;
    right: 20.55rem;
  }

  .snow.xs.blur._3 {
    width: 4rem;
    top: 185.8rem;
    right: 84.05rem;
  }

  .snow.xs.blur._2 {
    top: 436.8rem;
    right: 90.85rem;
  }

  .snow.xxs.blur._2 {
    width: 2rem;
    top: 19.5rem;
    left: 4.6rem;
  }

  .snow.xxs.blur._6 {
    width: 2rem;
    top: 112.6rem;
  }

  .snow.xxs.blur._8 {
    width: 3rem;
    top: 430rem;
    left: 80.4rem;
  }

  .snow.xxs.blur._7 {
    width: 2rem;
    top: 441.6rem;
    left: 2.8rem;
  }

  .snow.xxs.blur._5 {
    width: 2rem;
    top: 116.9rem;
    left: 90.3rem;
  }

  .snow.middle._1 {
    width: 10rem;
    top: 175.4rem;
    right: 86.95rem;
  }

  .snow.middle._3 {
    width: 10rem;
    top: 420.1rem;
    right: 5.5rem;
  }

  .snow.middle._2 {
    display: none;
  }

  .snow.small {
    top: 19.1rem;
    left: 82.3rem;
  }

  .overflow {
    height: 65rem;
    inset: auto 0% 0%;
  }

  .overflow.bottom-r {
    pointer-events: none;
    width: 100rem;
    height: 100rem;
    bottom: 59%;
  }

  .overflow.individual-page, .overflow.is--mob {
    display: none;
  }

  .overflow.ind-page {
    height: auto;
    margin-top: 5rem;
    display: block;
    position: absolute;
  }

  .overflow.auto {
    height: auto;
    position: absolute;
    inset: auto 0% 0%;
  }

  .text-croc-16.light {
    font-size: 4.375rem;
  }

  .text-croc-16.color-light__green {
    font-size: 3.2rem;
  }

  .width-430 {
    z-index: 100;
    width: auto;
    position: static;
  }

  .text-croc-35.green-shadow {
    font-size: 7.5rem;
  }

  .text-croc-35.color-green.no-wrap {
    white-space: normal;
    font-size: 9.33333rem;
  }

  .button-2 {
    border-radius: 6.5625rem;
    width: 58.75rem;
    height: 12.8125rem;
    font-size: 5.3125rem;
    line-height: 100%;
  }

  .text-croc-30 {
    font-size: 5.625rem;
  }

  .background-img.top-right {
    width: 100rem;
    height: auto;
    display: none;
  }

  .background-img.bottom-right {
    z-index: -1;
    display: block;
    right: 80.5rem;
  }

  .background-img.servers {
    width: 100rem;
    height: auto;
    inset: auto 0% -96.4rem;
  }

  .background-img.servers.pc {
    display: none;
  }

  .background-img.servers.mob {
    pointer-events: none;
    width: 100%;
    display: block;
  }

  .background-img.snowman, .background-img.rectangle {
    display: none;
  }

  .background-img.mob {
    width: 40%;
    display: none;
    inset: -26% auto 0% 0%;
  }

  .background-img.left {
    width: 65rem;
    inset: 79.3rem 0% 0% auto;
  }

  .background-img.tree, .background-img.server-top {
    display: none;
  }

  .background-img.grinch {
    z-index: 10;
    height: 51.5625rem;
    inset: 71.2rem 0% 0% auto;
  }

  .copyright {
    display: none;
  }

  .section-year.s-first {
    padding-bottom: 25rem;
  }

  .section-year.s-first.p-b {
    padding-bottom: 8rem;
  }

  .section-year.s-second {
    width: 100%;
  }

  .section-year.s-second.build {
    padding-top: 59.7rem;
  }

  .padding-153 {
    width: 100%;
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }

  .padding-custom-1 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .button-3 {
    border-radius: 6.5625rem;
    width: 58.75rem;
    height: 12.8125rem;
    font-size: 5.3125rem;
    line-height: 100%;
  }

  .snow-container {
    display: none;
  }

  .box-grey, .box-cover {
    width: 100%;
  }

  .video {
    width: 80rem;
    height: 40rem;
    top: 5.3rem;
    left: 5.5rem;
  }

  .keys-stats {
    margin-bottom: 90rem;
  }

  .width-420 {
    width: 100%;
  }

  .building-img {
    width: 100%;
    height: auto;
    display: none;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .open-box {
    border-radius: 10rem;
    width: 50rem;
    height: 10rem;
    font-size: 5rem;
    top: 44.1rem;
    left: 16.3rem;
  }

  .gradient-2 {
    display: none;
  }

  .gradient-3 {
    width: 100rem;
    display: block;
    top: -27.9rem;
  }

  .gradient-4 {
    display: none;
  }

  .space-between {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .width-510 {
    width: 100%;
  }

  .content.p-t--10 {
    padding-top: 53.5rem;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    position: relative;
  }

  .gradient-new {
    pointer-events: none;
    display: block;
    position: absolute;
    inset: 3.5rem 0% auto auto;
  }

  .build-mob {
    pointer-events: none;
    width: 70rem;
    display: block;
    position: absolute;
    inset: -34.7rem auto auto 0%;
  }

  .victoria {
    width: 15rem;
  }

  .form-block__quiz {
    padding-top: 18.6667rem;
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-quiz {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
  }

  .swiper-wrapper {
    width: 100%;
    min-width: 100%;
  }

  .swiper-wrapper.tinder-wrapper {
    align-items: flex-start;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .swiper-slide {
    max-height: 80vh;
    padding-left: 5.33rem;
    padding-right: 5.33rem;
    overflow: scroll;
  }

  .swiper-slide.area {
    padding-bottom: 20rem;
  }

  .swiper-slide.last {
    padding-bottom: 32rem;
  }

  .swiper-slide.tinder-slide {
    height: 100svh;
    min-height: 100svh;
    max-height: 100svw;
    padding-left: 4rem;
    padding-right: 4rem;
  }

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

  .quiz-next {
    z-index: 100;
    width: 24.2667rem;
    height: 24.2667rem;
    position: fixed;
    inset: auto 2.73333rem 24rem auto;
  }

  .text-22.light {
    font-size: 4.26667rem;
  }

  .logo-quiz {
    top: 8rem;
    left: 5.33333rem;
  }

  .icon-embed-custom {
    width: 16.8rem;
    height: auto;
  }

  .container-quiz {
    padding-left: 5.33333rem;
    padding-right: 5.33333rem;
  }

  .row-40 {
    grid-row-gap: 5.86667rem;
  }

  .row-40.custom {
    justify-content: center;
    height: 100%;
  }

  .h1-light.uppercase {
    font-size: 8.53333rem;
    line-height: 100%;
  }

  .h1-light.uppercase.width-75 {
    width: 100%;
  }

  .green-btn {
    border-radius: 16rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 3.73333rem 0;
    font-size: 4.26667rem;
    line-height: 120%;
    display: flex;
  }

  .green-btn:hover {
    background-color: var(--dark-green);
  }

  .bg {
    margin-top: 53.3333rem;
  }

  .laptop {
    width: 90rem;
    position: relative;
  }

  .answer-row {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    border-radius: 16rem;
    padding: 3.2rem 7.46rem;
    font-size: 4.26667rem;
  }

  .answer-grid {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    flex-direction: column;
    width: 100%;
  }

  .check {
    border-radius: 1.06667rem;
    width: 6.4rem;
    height: 6.4rem;
  }

  .check.is--check, .check.is--check.is--incorrect {
    background-size: 2.9rem;
  }

  .check.is--correct, .check.another-correct {
    background-size: 3.2rem;
  }

  .width-647 {
    width: 100%;
  }

  .width-647.bottom {
    padding-bottom: 30rem;
  }

  .row-30 {
    grid-row-gap: 4.26667rem;
  }

  .quiz-tag {
    border-top-right-radius: 3.2rem;
    padding: 1.2rem 5.33rem;
    font-size: 3.73333rem;
  }

  .blur-row {
    border-top-left-radius: 8rem;
    border-top-right-radius: 8rem;
    border-bottom-left-radius: 0;
    width: 100rem;
    height: 50rem;
    inset: auto 0% 0%;
  }

  .blur-row.is--hidden {
    bottom: -40%;
    right: 0%;
  }

  .laptop-row {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    inset: auto 0% -21rem;
  }

  .laptop-text {
    color: #ffffffe6;
    width: 51rem;
    font-size: 7.46667rem;
  }

  .result-text {
    font-size: 7.46667rem;
  }

  .textarea-message {
    border-radius: 5.33333rem;
    height: 103.733rem;
    min-height: 103.733rem;
    padding: 7.46667rem;
    font-size: 4.26667rem;
  }

  .col-32 {
    grid-row-gap: 3.2rem;
    flex-direction: column;
    width: 100%;
  }

  .pr-label {
    margin-left: 3.2rem;
  }

  .pr-button {
    width: 6.4rem;
    min-width: 6.4rem;
    height: 6.4rem;
    min-height: 6.4rem;
  }

  .pr-button.w--redirected-checked {
    width: 6.4rem;
    height: 6.4rem;
  }

  .pr-radio {
    border-radius: 16rem;
    width: 100%;
    padding: 2.93333rem 7.46rem;
    font-size: 5.86667rem;
  }

  .row-20 {
    grid-row-gap: 4.26667rem;
  }

  .row-20.align-left {
    grid-row-gap: 3.46667rem;
  }

  .inputs-row {
    grid-row-gap: 1.06667rem;
  }

  .input-label {
    font-size: 4.26667rem;
  }

  .input {
    border-radius: 16rem;
    min-height: 10.1333rem;
    padding: 2.4rem 5.33333rem;
    font-size: 4.26667rem;
  }

  .input:focus {
    border-radius: 16rem;
  }

  .check-policy {
    border-radius: 1.06667rem;
    width: 6.4rem;
    min-width: 6.4rem;
    height: 6.4rem;
  }

  .check-policy.w--redirected-checked {
    background-size: 2.66667rem;
    border-radius: 1.06667rem;
    width: 6.4rem;
    height: 6.4rem;
    min-height: 6.4rem;
  }

  .check-policy.w--redirected-focus {
    border-radius: 1.06667rem;
    width: 6.4rem;
    height: 6.4rem;
    min-height: 6.4rem;
  }

  .check-label {
    margin-left: 3.2rem;
    font-size: 4.26667rem;
    line-height: 120%;
  }

  .link {
    display: inline-block;
  }

  .sucsess-row {
    grid-row-gap: 5.33333rem;
  }

  .col-20 {
    grid-column-gap: 3rem;
  }

  .is-correct__text {
    margin-top: 0;
    padding: 5rem;
    font-size: 3rem;
  }

  .coll-20 {
    grid-column-gap: 5.33333rem;
    grid-row-gap: 5.33333rem;
    flex-direction: column;
    width: 100%;
  }

  .text-18p--main {
    font-size: 3.73333rem;
  }

  .text-18p--main.retail-comments__text.width-457.mob-hide {
    width: 100%;
  }

  .text-18p--main.retail-comments__text.mob-hide {
    display: none;
  }

  .text-18p {
    font-size: 3.73333rem;
    font-weight: 300;
  }

  .text-14p {
    font-size: 3.2rem;
  }

  .retail-hero__img.is--pc {
    display: none;
  }

  .retail-hero__img.is--mob {
    display: block;
  }

  .header-retail {
    padding: 4rem;
  }

  .retail-header__logo {
    width: 11.4667rem;
    height: auto;
  }

  .retail-title__hero {
    width: 90rem;
    font-size: 10rem;
  }

  .retail-content--1 {
    width: 100%;
  }

  .retail-content--2 {
    margin-top: 60rem;
  }

  .retail-img--1 {
    width: 26.6667rem;
  }

  .retail-img--1.width-420 {
    width: 48rem;
  }

  .retail-img--1.video-1 {
    width: 26.6667rem;
  }

  .row-15 {
    grid-row-gap: 2.66667rem;
  }

  .retail-comments--1.mob-hide {
    display: none;
  }

  .retail-comments__container--1._680.negative-marrgin, .retail-comments__container--1._380.negative-marrgin, .retail-comments__container--1.negative-margin {
    width: auto;
  }

  .retail-icon--1 {
    width: 8.53333rem;
  }

  .retail-content--3 {
    grid-row-gap: 5.33333rem;
    margin-top: 26.6667rem;
  }

  .retail-img--2 {
    width: 48rem;
  }

  .retail-img--2.gif {
    width: 60rem;
  }

  .retail-comments__container--2 {
    width: auto;
  }

  .retail-img__container.negative-marrgin {
    left: 0;
  }

  .retail-comments__container--3.negative-marrgin {
    width: auto;
  }

  .retail-content--4 {
    grid-row-gap: 8rem;
    margin-top: 26.6667rem;
  }

  .retail-comments__container--4, .retail-comments__container--4._580, .retail-comments__container--4._445 {
    width: auto;
  }

  .retail-content--5 {
    margin-top: 26.6667rem;
  }

  .retail-img--5._274 {
    width: 29.6rem;
  }

  .row-60 {
    grid-row-gap: 5.33333rem;
  }

  .retail-content--7 {
    margin-top: 26.6667rem;
  }

  .row-28 {
    grid-row-gap: 5.33333rem;
  }

  .text-42.color-light__green.uppercase {
    font-size: 6.4rem;
  }

  .text-42.color-light--green__retail.uppercase.tuerca {
    font-size: 6rem;
  }

  .width-700 {
    width: 100%;
  }

  .row-46 {
    grid-row-gap: 9.33333rem;
  }

  .inputs {
    grid-column-gap: 5.33333rem;
    grid-row-gap: 5.33333rem;
  }

  .retail-input {
    min-height: 12.5333rem;
    padding-left: 8rem;
    padding-right: 8rem;
    font-size: 3.2rem;
  }

  .submit-btn.uppercase {
    background-image: url('../images/Vector-12.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 52.2667rem;
    width: 53.3333rem;
    height: 11.7333rem;
    margin-top: 0;
  }

  .retail-success__container {
    height: 20rem;
    font-size: 4rem;
  }

  .icon-96 {
    width: 25.6rem;
  }

  .row-35 {
    grid-row-gap: 12.5333rem;
  }

  .close-modal {
    width: 2.3rem;
  }

  .video-modal-second, .bg-backdrop {
    display: none;
  }

  .bg-backdrop.mob {
    display: block;
  }

  .scroll-head {
    top: 15rem;
  }

  .arrow-down {
    width: 6.66667rem;
    height: auto;
  }

  .mob-img {
    width: 64.8rem;
    display: block;
  }

  .mob-img._2 {
    width: 80rem;
    min-width: 80rem;
  }

  .mob-img._3 {
    width: 84rem;
  }

  .mob-img._4 {
    width: 69.8667rem;
  }

  .mob-img._5 {
    width: 54.1333rem;
  }

  .mob-img._6 {
    width: 76.2667rem;
  }

  .mob-img._7 {
    width: 84rem;
  }

  .mob-img._8 {
    width: 65.8667rem;
  }

  .mob-img._9 {
    width: 80rem;
  }

  .mob-img._10 {
    width: 76.2667rem;
  }

  .mob-hide, .itinder-img {
    display: none;
  }

  .itinder-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex;
  }

  .heart-2 {
    width: 60rem;
    inset: auto -7.5rem -25.2rem auto;
  }

  .heart-1 {
    width: 142rem;
    min-width: 138rem;
    inset: 0% -38rem auto auto;
  }

  .hero-tinder--line {
    display: none;
  }

  .tinder-head {
    margin-bottom: 20rem;
    position: static;
    inset: 42.4rem auto auto 4rem;
  }

  .icon-embed-custom-7.light-green {
    width: 92rem;
    height: auto;
  }

  .width-180 {
    width: 30.6667rem;
  }

  .heart-3 {
    width: 30rem;
    inset: 3.8rem auto auto -13.9rem;
  }

  .heart-4 {
    display: none;
  }

  .tinder-search__conainer {
    z-index: 10;
    grid-row-gap: 9.33333rem;
    width: 100%;
    position: static;
    left: auto;
  }

  .tinder-btn {
    background-position: 100% 100%;
    background-size: 52.6rem;
    width: 52.2667rem;
    padding: 4rem 1.6rem;
    font-size: 3.2rem;
  }

  .tinder-btn:hover {
    background-image: url('../images/btn-green.svg');
  }

  .tinder-btn.center {
    margin-top: 4rem;
  }

  .modal-tinder {
    display: none;
  }

  .tinder-img {
    width: 65rem;
    min-width: auto;
  }

  .tinder-slide__content {
    padding-bottom: 10.6667rem;
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .text-14-tinder {
    font-size: 3.2rem;
  }

  .col-13 {
    grid-column-gap: 3.2rem;
  }

  .like-btn {
    background-size: cover;
    width: 50%;
    height: 6.6rem;
  }

  .tinder-preview {
    display: none;
  }

  .dislike-btn {
    background-size: cover;
    width: 50%;
    height: 6.6rem;
  }

  .tinder-like__content {
    padding-bottom: 6.93333rem;
    padding-left: 10.6667rem;
    padding-right: 10.6667rem;
  }

  .tinder-like__content.no-active {
    padding-bottom: 10.6667rem;
    padding-left: 9rem;
    padding-right: 9rem;
  }

  .row-25 {
    grid-row-gap: 5.33333rem;
  }

  .row-25.mayday, .row-25.mayday-mob {
    grid-row-gap: 3rem;
  }

  .like-next-slide {
    width: 33.3333rem;
  }

  .tinder-final__mess.pc {
    display: none;
  }

  .tinder-final__mess.mob {
    width: 92rem;
    display: block;
  }

  .final-mess__container {
    inset: 8.53333rem 12rem;
  }

  .preview-container {
    padding: 8.53333rem 12rem;
  }

  .close-preview {
    width: 4.8rem;
    height: 4.8rem;
    top: -8.9rem;
  }

  .mob-lines {
    pointer-events: none;
    object-fit: cover;
    width: 105.067rem;
    min-width: 105.067rem;
    height: 100svh;
    display: block;
    position: absolute;
    inset: auto auto auto -5rem;
  }

  .go-frendship {
    z-index: 1001;
    width: 100%;
    inset: -6rem 0% auto;
  }

  .freindship-img.pc {
    display: none;
  }

  .freindship-img.mob {
    width: 102rem;
    min-width: 102rem;
    margin-left: -1rem;
    display: block;
  }

  .close-freind {
    width: 2.66667rem;
    height: 2.66667rem;
  }

  .freind-content {
    justify-content: flex-end;
    padding-bottom: 5.83333rem;
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .close-freind--wrap {
    width: 8rem;
    height: 8rem;
    inset: auto 5.33333rem 3rem auto;
  }

  .horizontal-view--img {
    object-fit: cover;
  }

  .mob-hero--img {
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100svh;
    display: block;
    position: fixed;
    inset: 0% 0% auto;
  }

  .check-retail {
    width: 5.33333rem;
    min-width: 5.33333rem;
    height: 5.33333rem;
    min-height: 5.33333rem;
    margin-right: 4rem;
  }

  .check-retail.w--redirected-checked {
    background-size: 3.2rem;
    width: 5.33333rem;
    height: 5.33333rem;
  }

  .check-label--retail {
    font-size: 3rem;
  }

  .check-label--retail.top-1rem {
    margin-top: 1rem;
  }

  .checks-retail {
    align-items: flex-start;
  }

  .bg-backdrop--blur {
    display: none;
  }

  .bg-backdrop--blur.mob {
    display: block;
  }

  .orint-img {
    width: 80rem;
    min-width: 80rem;
  }

  .pc-lines {
    display: none;
  }

  .form-tinder__container {
    width: 100rem;
    min-width: 100rem;
  }

  .width-446.mayday-mob {
    width: 43rem;
  }

  .mayday-img {
    margin-top: -5rem;
  }

  .mayday-modal {
    padding-bottom: 5rem;
    overflow: scroll;
  }

  .start-game__container {
    margin-top: 26.6667rem;
  }

  .start-img {
    width: 89rem;
  }

  .text-16.mayday-mob {
    font-size: 2rem;
  }

  .width-590.mayday-mob {
    width: 60rem;
  }

  .start-btn, .start-btn.hero {
    width: 24rem;
  }

  .mayday-header {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .mayday-text__mess {
    width: 57rem;
  }

  .right-answer__row {
    width: 50rem;
  }

  .right-answer__row.sweater-modal {
    max-height: 80vh;
    margin-top: 0;
    margin-bottom: auto;
    overflow: scroll;
  }

  .right-answer__row.sweater-modal.active {
    width: 50rem;
    padding-bottom: 10.6667rem;
    overflow: scroll;
  }

  .right-answer__row.kebab-modal {
    max-height: 80vh;
    margin-top: 0;
    margin-bottom: auto;
    overflow: scroll;
  }

  .right-answer__row.kebab-modal.active {
    padding-bottom: 0;
  }

  .right-answer__row.raket-modal, .right-answer__row.pharmacy-modal {
    max-height: 80vh;
    margin-top: 0;
    margin-bottom: auto;
    overflow: scroll;
  }

  .right-content {
    padding-bottom: 8rem;
  }

  .right-text__content {
    width: 40rem;
  }

  .right-text__content.mayday-mob {
    width: 39rem;
  }

  .correct-item._1 {
    top: 12.8rem;
  }

  .correct-item._2 {
    top: 33rem;
  }

  .correct-item._3 {
    top: 36.9rem;
  }

  .correct-item._4 {
    top: 20.6rem;
  }

  .correct-item._5 {
    top: 20.5rem;
    left: 46.9rem;
  }

  .correct-item._6 {
    top: 31.3rem;
  }

  .correct-item._7 {
    top: 32.8rem;
  }

  .correct-item._8 {
    top: 21.3rem;
  }

  .correct-item._9 {
    top: 3.9rem;
  }

  .mobile-hide {
    z-index: 1000;
    background-color: #070707;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .form-mayday__row, .form-mayday__row.active {
    max-height: 80vh;
    overflow: scroll;
  }

  .mayday-from__icon {
    width: 96rem;
  }

  .mayday-check {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
  }

  .mayday-check.w--redirected-checked, .mayday-check.w--redirected-focus {
    width: 2rem;
    height: 2rem;
  }

  .mayday-submit {
    background-repeat: no-repeat;
    background-size: 24rem;
    width: 24rem;
    height: 4.7rem;
    font-size: 1.4rem;
  }

  ._48-img {
    object-fit: cover;
    width: 100%;
    display: none;
  }

  ._48-img.mob {
    display: none;
  }

  .btn-mayday--icon, .next {
    width: 100%;
  }

  .cookie {
    min-width: 60rem;
    padding: 8rem;
    font-size: 3rem;
  }

  .close-cookie {
    width: 4rem;
    height: 4rem;
    top: 2rem;
    right: 2rem;
  }
}

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

  .section.white {
    max-width: 100vw;
  }

  .section.s-itinder--hero {
    height: 100svh;
  }

  .container {
    padding-left: 6.154vw;
    padding-right: 6.154vw;
  }

  .main-first-div {
    padding-top: 33.333vw;
  }

  .main-first-title {
    width: auto;
  }

  .big-title.center.gradient {
    font-size: 14.359vw;
  }

  .main-first-desc {
    width: auto;
    margin-top: 6.154vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .text-20 {
    font-size: 3.59vw;
  }

  .text-20.center, .text-20.black {
    font-size: 4.103vw;
    line-height: 130%;
  }

  .text-20.black.left-desc {
    text-align: center;
  }

  .text-20.bold.mobile-18 {
    font-size: 4.615vw;
  }

  .main-first-shadow-left {
    bottom: -2vh;
  }

  .main-first-shadow-right {
    bottom: -5vh;
  }

  .main-first-general-shadow {
    background-image: linear-gradient(#000000b3, #0000004d);
  }

  .main-second-div {
    width: 100vw;
    height: 700vw;
    margin-left: -6.154vw;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
    position: relative;
  }

  .main-second-title {
    width: auto;
    position: sticky;
    top: 24vw;
  }

  .h1.center.gradient {
    font-size: 7.692vw;
  }

  .main-second-desc {
    width: auto;
    position: sticky;
    top: 54vw;
  }

  .main-second-wrapper {
    width: 100vw;
    height: 69.231vw;
    margin-top: 78vw;
    top: 98vw;
  }

  .tetris-item-1 {
    width: 29.487vw;
    left: 5.5vw;
  }

  .tetris-item-2 {
    width: 29.487vw;
    left: 35.3vw;
  }

  .tetris-item-3 {
    width: 29.487vw;
    left: 64.5vw;
  }

  .tetris-item-4 {
    width: 39.487vw;
    bottom: 19.6vw;
    left: 5.5vw;
  }

  .tetris-item-5 {
    width: 29.487vw;
    bottom: 9.8vw;
    left: 44.8vw;
  }

  .tetris-item-7 {
    width: 39.487vw;
    bottom: 29.3vw;
    left: 15.5vw;
  }

  .tetris-item-8 {
    width: 29.744vw;
    bottom: 19.4vw;
    left: 54.2vw;
  }

  .tetris-item-9 {
    width: 29.487vw;
    bottom: 38.9vw;
    left: 25.6vw;
  }

  .tetris-item-10 {
    width: 19.744vw;
    top: .7vw;
    left: 35.3vw;
  }

  .tetris-item-11 {
    width: 19.744vw;
    bottom: 39.1vw;
    left: 55.2vw;
  }

  .main-fourth-div {
    margin-left: -6.154vw;
    padding-top: 35.897vw;
    padding-bottom: 35.897vw;
    padding-left: 6.154vw;
  }

  .main-fourth-card {
    align-items: flex-start;
    width: 87.692vw;
    height: 119.231vw;
    padding-top: 17.949vw;
    padding-left: 5.641vw;
    padding-right: 5.641vw;
  }

  .main-fourth-card-title {
    width: auto;
  }

  .title-36 {
    font-size: 5.641vw;
    line-height: 120%;
  }

  .title-36.center {
    font-size: 5.641vw;
    line-height: 130%;
  }

  .title-36.white {
    color: #fff;
    text-decoration: none;
  }

  .main-fourth-light {
    width: 340vw;
    display: inline-block;
    inset: 0% 0% auto -150vw;
  }

  .main-fifth-div {
    padding-bottom: 35.897vw;
  }

  .main-fifth-title {
    width: auto;
    margin-bottom: 15.385vw;
  }

  .title-60.gradient-green {
    font-size: 7.692vw;
  }

  .title-60.gradient-green.mobile-center {
    text-align: center;
  }

  .title-60.center.gradient {
    font-size: 7.692vw;
  }

  .main-fourth-wrapper {
    grid-row-gap: 5.128vw;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }

  .main-fifth-row {
    grid-row-gap: 5.128vw;
    width: 100%;
  }

  .main-fifth-row.center {
    display: none;
  }

  .main-fifth-card {
    width: 100%;
    height: 44vw;
    padding-left: 7.692vw;
    padding-right: 7.692vw;
  }

  .main-fifth-card.middle, .main-fifth-card.long {
    width: 100%;
  }

  .text-18, .text-18.center {
    font-size: 4.103vw;
    line-height: 130%;
  }

  .text-18.white.mobile-small {
    font-size: 3.5vw;
    line-height: 145%;
  }

  .main-fifth-card-content {
    grid-row-gap: 1.17vw;
    width: auto;
  }

  .main-fifth-bg {
    width: 300vw;
    position: absolute;
    inset: -33vw auto auto -107vw;
  }

  .main-fourth-logo {
    width: 74.872vw;
    top: 71.795vw;
    left: 12.564vw;
  }

  .main-sixth-div {
    padding-top: 0;
    padding-bottom: 35.897vw;
  }

  .main-sixth-title-sticky {
    flex-direction: column;
    align-items: center;
    top: 35.897vw;
  }

  .main-sixth-title {
    width: auto;
    margin-bottom: 3.846vw;
  }

  .main-sixth-content {
    height: auto;
    padding-top: 15.385vw;
  }

  .main-sixth-item {
    flex-direction: column;
    height: auto;
    margin-bottom: 4vw;
    position: static;
    top: 70vw;
  }

  .main-sixth-item.second {
    margin-bottom: 4vw;
    top: 72vw;
  }

  .main-sixth-item.third {
    height: auto;
    top: 74vw;
  }

  .main-sixth-item.fourth {
    margin-bottom: 4vw;
    top: 76vw;
  }

  .main-sixth-item.fifth {
    top: 78vw;
  }

  .main-sixth-item-white {
    grid-row-gap: 0vw;
    flex-flow: column;
    width: auto;
    padding: 11.538vw 6.154vw 15.385vw;
  }

  .main-sixth-card-item {
    grid-row-gap: 4.103vw;
    margin-bottom: 6.154vw;
  }

  .main-sixth-item-gradient {
    grid-row-gap: 6.154vw;
    width: auto;
    padding: 11.538vw 6.154vw 15.385vw;
  }

  .header {
    z-index: 99999;
    border-radius: 0;
    width: 100vw;
    height: 17.949vw;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
    top: 0;
    left: 0;
  }

  .header-logo {
    width: 44.615vw;
  }

  .header-links-wrap {
    display: none;
  }

  .text-14 {
    font-size: 3.077vw;
  }

  .text-14.mayday {
    font-size: 3.73333rem;
    line-height: 130%;
  }

  .main-fifth-bg-wrap {
    height: 100%;
    margin-left: -6.154vw;
  }

  .main-sixth-card-content {
    width: 50vw;
  }

  .main-sixth-card-content.last {
    width: 50vw;
    margin-top: 0;
    margin-left: 0;
  }

  .main-seventh-div {
    padding-bottom: 35.897vw;
  }

  .main-seventh-title {
    width: auto;
    margin-bottom: 6.154vw;
  }

  .main-seventh-desc {
    width: auto;
    margin-bottom: 15.385vw;
  }

  .main-seventh-tabs-wrap {
    align-items: flex-start;
    width: 100%;
  }

  .main-seventh-tabs {
    grid-column-gap: 2.564vw;
    justify-content: flex-start;
    width: 100vw;
    margin-left: -6.154vw;
    padding-top: .5vw;
    padding-bottom: .5vw;
    padding-left: 6.154vw;
    overflow: auto;
  }

  .main-seventh-tabs-content {
    margin-top: 10.256vw;
    padding: 11.538vw 6.154vw;
  }

  .tabs-btn {
    grid-column-gap: 2.564vw;
    width: auto;
    height: 14vw;
    padding: 2.564vw 5.128vw;
  }

  .tabs-btn.w--current {
    width: auto;
    height: 14vw;
    padding: 2.564vw 5.128vw;
  }

  .tabs-text {
    font-size: 4.103vw;
  }

  .tabs-num {
    width: 7.692vw;
    min-width: 7.692vw;
    height: 7.692vw;
    min-height: 7.692vw;
  }

  .tabs-num-text {
    font-size: 3.077vw;
  }

  .tabs-content {
    width: auto;
    margin-bottom: 10.256vw;
  }

  .tabs-title {
    margin-bottom: 6.154vw;
  }

  .tabs-desc {
    width: auto;
  }

  .tabs-category-wrap {
    align-items: flex-start;
    margin-top: 10.256vw;
    position: relative;
  }

  .tabs-category {
    padding: 1.282vw 2.564vw;
  }

  .tabs-result {
    grid-row-gap: 10.256vw;
    flex-direction: column;
    margin-top: 10.256vw;
  }

  .tabs-result-item {
    grid-row-gap: 5.128vw;
    width: auto;
  }

  .main-seventh-card-item {
    width: 65.128vw;
    height: 86.923vw;
  }

  .main-seventh-card-img {
    height: 38.462vw;
  }

  .main-seventh-card-content {
    grid-row-gap: 7.692vw;
    padding-top: 6.154vw;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
  }

  .button {
    border-radius: 2.051vw;
    padding: 3.846vw 7.692vw;
  }

  .button.green-gradient {
    grid-column-gap: 3.59vw;
  }

  .button.transparent {
    padding-top: 1.7vw;
    padding-bottom: 1.7vw;
  }

  .main-seventh-cases-wrap {
    grid-column-gap: 5.128vw;
    justify-content: flex-start;
    width: auto;
    min-width: 210vw;
    margin-top: 10.256vw;
    padding-left: .3vw;
    overflow: auto;
  }

  .main-first-shadow-wrap {
    height: 100vh;
  }

  .main-eight-div {
    width: 100vw;
    margin-left: -6.154vw;
    padding-bottom: 35.897vw;
    overflow: hidden;
  }

  .main-eight-title {
    width: auto;
    margin-bottom: 6.154vw;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
  }

  .main-eight-desc {
    width: auto;
    margin-bottom: 15.385vw;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
  }

  .text-24, .text-24.bold {
    font-size: 4.615vw;
    line-height: 120%;
  }

  .text-24.tuerca.color-green {
    font-size: 6.4rem;
    line-height: 130%;
  }

  .text-24.tuerca.color-green.maydday {
    font-size: 6rem;
  }

  .main-ninth-div {
    padding-bottom: 35.897vw;
  }

  .main-ninth-title {
    margin-bottom: 6.154vw;
  }

  .main-ninth-desc {
    width: auto;
    margin-bottom: 15.385vw;
  }

  .main-ninth-content {
    grid-row-gap: 5.128vw;
    flex-flow: column;
    place-content: flex-start;
  }

  .main-ninth-card {
    grid-row-gap: 5.128vw;
    justify-content: center;
    width: 100%;
    height: 42.564vw;
  }

  .main-ninth-light {
    width: 100%;
    top: 53vw;
  }

  .main-ten-div {
    padding-top: 35.897vw;
    padding-bottom: 35.897vw;
  }

  .main-ten-title {
    width: 100%;
  }

  .main-ten-desc {
    width: auto;
    margin-top: 6.154vw;
  }

  .main-ten-content {
    grid-row-gap: 6vw;
    flex-direction: column;
    height: auto;
    margin-top: 15.385vw;
  }

  .main-ten-factory {
    width: 300vw;
    max-width: none;
    margin-left: -60vw;
    top: 80vw;
  }

  .main-eleventh-div {
    width: 100vw;
    height: 250vw;
    margin-left: -6.154vw;
    padding-top: 35.897vw;
    overflow: hidden;
  }

  .main-eleventh-title {
    margin-bottom: 15.385vw;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
  }

  .main-evelenth-image {
    width: 300vw;
    max-width: none;
  }

  .main-eleventh-center-light {
    width: 300vw;
  }

  .title-24 {
    font-size: 5.641vw;
  }

  ._3d-scene-video {
    width: 300vw;
    margin-top: 15vh;
    position: relative;
    inset: 0% auto auto -85vw;
  }

  .main-sixth-title-wrap {
    width: 88vw;
    height: 75%;
    position: static;
    top: 35.897vw;
    left: 6.154vw;
  }

  .main-fourth-bg-light {
    width: 256.41vw;
    display: none;
    top: 30vw;
    left: -125vw;
  }

  .main-eleventh-line-wrapper {
    bottom: 12vw;
  }

  .home-logos_right-height {
    padding-top: 31%;
  }

  .marquee-logos_item {
    border-radius: 2.545vw;
    width: 60vw;
    height: 30vw;
  }

  .marquee-logos_panel {
    grid-column-gap: 5.089vw;
    min-width: 386vw;
  }

  .marquee-logos_wrapper {
    grid-column-gap: 5.08vw;
  }

  .main-seventh-btn-wrap {
    margin-top: 10.256vw;
  }

  .btn-arrow {
    width: 5vw;
  }

  .main-first-video-wrap {
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    display: flex;
  }

  .main-seventh-cases-wrapper {
    width: 100vw;
    margin-left: -6.154vw;
    padding-left: 6.154vw;
    overflow: auto;
  }

  .main-factory-wrapper {
    width: 100vw;
    overflow: hidden;
  }

  .main-second-title-sticky-wrap {
    height: 80%;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
    position: absolute;
  }

  .main-second-desc-sticky-wrap {
    height: 80%;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
    position: absolute;
    top: 40vw;
  }

  .main-second-popup {
    background-color: #000000e6;
    height: 100vh;
    display: flex;
    overflow: scroll;
  }

  .main-second-popup-window {
    width: auto;
    margin-left: 6.154vw;
    margin-right: 6.154vw;
    padding: 8vw 3.59vw 7.18vw;
  }

  .div-block-2 {
    grid-column-gap: 2vw;
    align-items: baseline;
  }

  .main-second-popup-to {
    align-items: baseline;
    margin-top: 2vw;
    margin-bottom: 3.59vw;
  }

  .main-second-popup-content {
    margin-top: 3.59vw;
    margin-bottom: 3.59vw;
  }

  .main-fourth-gazprom {
    width: 20vw;
    display: block;
    bottom: 40vw;
    left: 4vw;
  }

  .main-fourth-k2 {
    width: 20vw;
    display: block;
    top: 31vw;
    right: 2vw;
  }

  .main-second-wrapper-after {
    width: 100vw;
    height: 69.231vw;
    margin-top: 78vw;
    top: 98vw;
  }

  .main-second-wrapper-before {
    width: 100vw;
    height: 69.231vw;
    margin-top: 78.205vw;
    top: 98vw;
  }

  .main-second-wrapper-after-sticky, .main-second-wrapper-before-sticky {
    height: 97.4%;
    padding-top: 0;
  }

  .main-footer {
    flex-direction: column;
    padding-top: 20.513vw;
    padding-bottom: 15.385vw;
  }

  .main-footer-info {
    grid-row-gap: 7.692vw;
    width: 100%;
  }

  .main-footer-logo {
    width: 39.744vw;
  }

  .main-footer-about {
    margin-top: 10.256vw;
    margin-left: 0;
  }

  .main-footer-about-items {
    grid-row-gap: 4.872vw;
    margin-top: 3.59vw;
  }

  .main-footer-team {
    flex-direction: column;
    width: 100%;
    margin-top: 10.256vw;
    margin-left: 0;
  }

  .main-footer-team-item {
    width: auto;
    margin-top: 8.974vw;
  }

  .main-footer-team-img {
    width: 10vw;
  }

  .main-footer-team-info {
    grid-row-gap: 1.2vw;
    width: auto;
    margin-left: 12.564vw;
  }

  .main-projects-first-title {
    margin-bottom: 5.128vw;
    padding-top: 38.462vw;
  }

  .main-projects-message {
    grid-row-gap: 5vw;
    width: 90%;
    height: auto;
    margin-top: 15.385vw;
    padding: 22.308vw 11.538vw 11.538vw;
  }

  .main-projects-div {
    padding-top: 8.974vw;
  }

  .main-projects-category {
    width: auto;
    height: auto;
    padding: 3.59vw 7.179vw;
  }

  .main-projects-card {
    width: 100%;
    margin-right: 0;
    padding: 11.538vw 6.154vw;
  }

  .main-projects-card-title, .main-projects-card-desc {
    margin-bottom: 8.974vw;
  }

  .main-projects-card-wrap {
    flex-direction: column;
    margin-top: 15.385vw;
  }

  .main-projects-card-wrap.revers-mob {
    flex-direction: column-reverse;
  }

  .main-projects-card-img-wrap {
    width: 100%;
    height: 76.923vw;
    margin-top: 6.41vw;
  }

  .tabs-projecst-category-wrap {
    align-items: flex-start;
    margin-top: 5.128vw;
    margin-left: 5.128vw;
    position: static;
    top: 6.154vw;
    left: 6.154vw;
  }

  .tabs-category-main {
    border-radius: 2.564vw;
    padding: 1.282vw 2.564vw;
  }

  .main-projects-icon {
    width: 7vw;
    margin-right: 5vw;
  }

  .tabs-result-item-icon {
    grid-row-gap: 5.128vw;
    align-items: center;
    width: auto;
  }

  .tabs-result-icon {
    grid-row-gap: 10.256vw;
    flex-direction: column;
    margin-top: 10.256vw;
  }

  .form-popup-card {
    width: 100%;
    margin-left: 6.154vw;
    margin-right: 6.154vw;
    padding: 10.256vw 6.154vw;
  }

  .popup-form {
    margin-top: 8.974vw;
  }

  .form {
    grid-row-gap: 2.564vw;
    flex-direction: column;
    justify-content: flex-start;
  }

  .text-field {
    width: 100%;
    height: auto;
    padding-top: 5.128vw;
    padding-bottom: 5.128vw;
    padding-left: 3.846vw;
    font-size: 4.103vw;
  }

  .form-btn {
    width: 100%;
    height: auto;
    padding: 5.128vw 0;
    font-size: 4.103vw;
  }

  .checkbox-field {
    width: 100%;
    margin-top: 2.564vw;
    margin-bottom: 0;
    padding-left: 6.154vw;
  }

  .phone {
    width: 100%;
    height: auto;
    padding-top: 5.128vw;
    padding-bottom: 5.128vw;
    padding-left: 3.846vw;
    font-size: 4.103vw;
  }

  .main-footer-social-logo {
    width: 5.128vw;
  }

  .link-block {
    grid-row-gap: 1.538vw;
  }

  .form-popup-close-icon {
    width: 3.333vw;
    top: 6.154vw;
    right: 6.154vw;
  }

  .mobile-menu {
    z-index: 9999;
    grid-row-gap: 6.154vw;
    background-color: #070707;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 33.333vw;
    padding-left: 6.154vw;
    display: block;
    top: 0;
  }

  .mobile-menu-links {
    z-index: 5;
    grid-row-gap: 6.154vw;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .mobile-menu-light {
    width: 100vw;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .header-mobile-burger {
    width: 9.744vw;
    display: block;
  }

  .header-mobile-burger-close {
    width: 9.744vw;
    display: none;
    position: absolute;
    right: 6.154vw;
  }

  .button-header {
    padding: 3.846vw 7.692vw;
  }

  .button-header.green-gradient {
    grid-column-gap: 3.59vw;
  }

  .button-header.green-gradient.form {
    flex-direction: row;
    justify-content: center;
    padding-top: 3.846vw;
    padding-bottom: 3.846vw;
    font-size: 4.103vw;
  }

  .main-alt-third-div {
    padding-top: 35.897vw;
    padding-bottom: 35.897vw;
  }

  .title-180 {
    font-size: 30.769vw;
  }

  .title-180.split-lines {
    font-size: 16vw;
  }

  .main-alt-third-light {
    display: none;
    top: 90vh;
  }

  .main-alt-third-light.center {
    display: block;
    inset: auto 0% 0%;
  }

  .main-ten-content-card {
    width: 100%;
    height: auto;
    padding: 10.256vw 6.154vw;
  }

  .icon {
    width: 17vw;
    margin-left: -1.5vw;
  }

  .main-ten-content-card-info {
    grid-row-gap: 5.128vw;
    margin-top: 5.128vw;
  }

  .utility-page-wrap {
    height: 100svh;
  }

  .utility-page-content {
    width: 80vw;
  }

  .utility-page-form {
    align-items: stretch;
  }

  .lottie-animation {
    width: 60%;
    margin-bottom: 6vw;
  }

  .text-field-2 {
    margin-bottom: 4vw;
    padding-top: 3.846vw;
    padding-bottom: 3.846vw;
    padding-left: 7.692vw;
    font-size: 4.103vw;
  }

  .lottie-animation-wrap {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .tooltip-icon {
    width: 6.667vw;
    min-width: 6.667vw;
    height: 6.667vw;
    min-height: 6.667vw;
  }

  .tooltip-content {
    border-radius: 5.128vw;
    width: 87.692vw;
    height: 100%;
    padding: 10.256vw 8.974vw;
    inset: 0% auto auto 0%;
  }

  .main-eight-teammember-desc {
    grid-row-gap: 3.077vw;
    margin-top: 6.154vw;
    padding-right: 4vw;
  }

  .tooltip-trigger {
    top: 90.256vw;
    left: 75.641vw;
  }

  .main-eight-teammember-img {
    border-radius: 5.128vw;
  }

  .splide.slider {
    width: 100vw;
    padding-left: 6.154vw;
  }

  .splide__list {
    grid-column-gap: 10vw;
  }

  .team-tooltip {
    width: 87.692vw;
    height: 102.5vw;
    inset: 0% auto auto 0%;
  }

  .splide__slide {
    width: auto;
    max-width: none;
    margin-right: 0;
  }

  .splide__track {
    width: auto;
  }

  .my-slider-progress {
    margin-top: 19px;
  }

  .main-eight-teammember {
    width: 87.692vw;
  }

  .main-fifth-columns {
    grid-row-gap: 5.128vw;
    flex-direction: column;
    width: 100%;
  }

  .text-golos-80 {
    font-size: 7.692vw;
  }

  .text-golos-80.center.gradient {
    font-size: 14.359vw;
  }

  .atom-first-title {
    width: auto;
  }

  .text-golos-18 {
    font-size: 3.59vw;
  }

  .text-golos-18.center, .text-golos-18.black {
    font-size: 4.103vw;
    line-height: 130%;
  }

  .text-golos-18.black.left-desc {
    text-align: center;
  }

  .text-golos-18.bold.mobile-18 {
    font-size: 4.615vw;
  }

  .atom-first-desc {
    width: auto;
    margin-top: 5.128vw;
    padding-left: 0;
    padding-right: 0;
  }

  .atom-second-div {
    margin-top: 0;
    padding-bottom: 35.897vw;
  }

  .text-golos-100 {
    font-size: 5.641vw;
  }

  .atom-second_content-wrap {
    grid-column-gap: 7.692vw;
    grid-row-gap: 7.692vw;
    margin-top: 10.256vw;
  }

  .atom-second_content-item {
    grid-column-gap: 2.564vw;
    grid-row-gap: 2.564vw;
    align-items: baseline;
  }

  .atom-red-circle {
    flex: none;
    width: 3.59vw;
    height: 3.59vw;
  }

  .text-golos-36 {
    font-size: 4.5vw;
  }

  .atom-third_card {
    border-radius: 5.128vw;
    align-items: flex-start;
    width: 87.692vw;
    height: auto;
    padding: 28vw 5.641vw 10.256vw;
  }

  .text-golos-60 {
    font-size: 5.641vw;
    text-decoration: none;
  }

  .atom-fourth_title {
    width: auto;
    margin-bottom: 10.256vw;
  }

  .atom-first_bg-img {
    display: none;
  }

  .atom-first-div {
    height: 230vw;
    padding-top: 28.205vw;
  }

  .atom-third-div {
    margin-left: -6.154vw;
    padding-top: 35.897vw;
    padding-bottom: 35.897vw;
    padding-left: 6.154vw;
  }

  .atom-third_left-img {
    width: 100vw;
    top: 20vw;
  }

  .atom-third_right-img {
    width: 100vw;
    top: 0;
    left: auto;
  }

  .atom-third-logo {
    width: 33.846vw;
    top: 10vw;
    left: 26vw;
  }

  .atom-fourth_card {
    width: 100%;
  }

  .atom-fifth_card-bg {
    border-radius: 5.128vw;
    padding: 7.692vw 5.128vw;
  }

  .atom-third-card-text {
    width: auto;
  }

  .atom-fourth_colums {
    grid-row-gap: 5.128vw;
    flex-direction: column;
    width: 100%;
  }

  .atom-fourth_div {
    padding-bottom: 35.897vw;
  }

  .atom-fifth_card-content {
    padding: 0;
    display: none;
  }

  .atom-fifth_card-info {
    width: auto;
    height: auto;
  }

  .atom-fifth_card-title-wrapper {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-golos-23 {
    font-size: 3.59vw;
  }

  .text-golos-23.center, .text-golos-23.black {
    font-size: 4.103vw;
    line-height: 130%;
  }

  .text-golos-23.black.left-desc {
    text-align: center;
  }

  .text-golos-23.bold.mobile-18, .text-golos-23.text-color-black {
    font-size: 4.615vw;
  }

  .atom-fifth_card-description {
    width: auto;
    margin-top: 10vw;
  }

  .atom-fifth_card-list {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    flex-flow: column wrap;
    margin-top: 4vw;
  }

  .atom-fifth_card-item {
    width: auto;
  }

  .atom-fifth_card-clients {
    flex-direction: column;
    align-content: flex-start;
    margin-top: 10vw;
  }

  .atom-fifth_card-clients-title {
    margin-bottom: 2vw;
  }

  .atom-fifth_card-client {
    width: auto;
    margin-top: 2vw;
  }

  .atom-fourth-wrapper {
    grid-row-gap: 5.128vw;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }

  .atom-third_bg-wrap {
    height: 100%;
    margin-left: 0;
    top: -43vw;
    left: 0;
  }

  .atom-third_bg {
    width: 300vw;
    position: absolute;
    inset: -33vw auto auto -107vw;
  }

  .atom-fifth_title-wrap {
    margin-bottom: 10.256vw;
  }

  .atom-fifth_content-wrap {
    grid-column-gap: 7.692vw;
    grid-row-gap: 7.692vw;
  }

  .atom-fifth_content-item {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    position: relative;
  }

  .text-golos-90.center.gradient {
    font-size: 14.359vw;
  }

  .text-golos-90.is--cyan {
    font-size: 8vw;
  }

  .atom-fifth_content-item-text {
    grid-row-gap: 1.282vw;
    flex-direction: column;
    flex: 0 auto;
    align-items: flex-start;
    width: auto;
    margin-left: 9vw;
    display: flex;
  }

  .atom-fifth_num-wrap {
    top: 1vw;
  }

  .atom-fifth_atom-img {
    display: none;
  }

  .atom-sixth_div {
    margin-top: 35.897vw;
    overflow: hidden;
  }

  .atom-sixth_title-wrap {
    margin-bottom: 22vw;
  }

  .atom-sixth_slider-wrap {
    width: 100%;
    height: auto;
  }

  .atom-sixth_mask-slider, .atom-sixth_slider-mask {
    width: auto;
    overflow: hidden;
  }

  .atom-sixth_slider {
    width: auto;
    position: relative;
  }

  .atom-sixth_slider-left, .atom-sixth_slider-right {
    border-radius: 5.128vw;
    width: auto;
    padding: 7.692vw 5.128vw;
  }

  .atom-sixth_mask-slider-wrao {
    flex-direction: column;
  }

  .atom-sixth_slider-arrow-left-wrap {
    align-items: flex-start;
    height: 10vw;
    top: -270vw;
    left: 20vw;
  }

  .atom-sixth_slider-arrow-left {
    width: 3vw;
  }

  .atom-sixth_slider-arrow-right-wrap {
    align-items: flex-start;
    height: 10vw;
    top: -270vw;
    right: 20vw;
  }

  .atom-sixth_slider-left-title {
    margin-bottom: 2.564vw;
  }

  .text-golos-32.text-weight-medium {
    font-size: 6.154vw;
  }

  .atom-sixth_slider-right-title {
    margin-bottom: 2.564vw;
  }

  .atom-sixth_slider-right-content {
    margin-bottom: 7.692vw;
  }

  .atom-sixth_slider-right-list {
    grid-column-gap: 5.128vw;
    grid-row-gap: 5.128vw;
  }

  .atom-sixth_slider-right-list-item {
    width: 45%;
  }

  .alt-header {
    align-items: center;
    height: auto;
    display: flex;
    top: 5.128vw;
    left: 6.154vw;
    right: 6.154vw;
  }

  .alt-header_logo-wrap {
    width: 42.564vw;
  }

  .alt-header_links-wrapper {
    display: none;
  }

  .text-golos-14 {
    font-size: 3.077vw;
  }

  .atom-first_bg-mobile-img {
    display: block;
    top: 0;
  }

  .atom-third_mobile-shadows {
    z-index: 0;
    width: 100vw;
    max-width: none;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .atom-footer_info {
    grid-row-gap: 7.692vw;
    width: 100%;
  }

  .atom-seventh_div {
    width: 100vw;
    height: 250vw;
    margin-left: -6.154vw;
    padding-top: 0;
    overflow: hidden;
  }

  .atom-seventh_title {
    margin-bottom: 15.385vw;
    padding-left: 6.154vw;
    padding-right: 6.154vw;
  }

  .atom-seventh_bg-image {
    width: 300vw;
    max-width: none;
  }

  .about-seventh_center-light {
    width: 300vw;
  }

  .atom-seventh_line-wrapper {
    bottom: 12vw;
  }

  .atom-footer {
    flex-direction: column;
    padding-top: 20.513vw;
    padding-bottom: 15.385vw;
  }

  .atom-footer_team {
    flex-direction: column;
    width: 100%;
    margin-top: 10.256vw;
    margin-left: 0;
  }

  .atom-footer_team-item {
    width: auto;
    margin-top: 8.974vw;
  }

  .atom-footer_team-img {
    width: 10vw;
  }

  .atom-footer_team-info {
    grid-row-gap: 1.2vw;
    width: auto;
    margin-left: 12.564vw;
  }

  .atom-header_burger-icon {
    width: 7.436vw;
    display: block;
  }

  .atom-mobile-menu {
    z-index: 9999;
    grid-row-gap: 6.154vw;
    background-color: #f7f7f7;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20vw;
    padding-left: 6.154vw;
    display: block;
    top: -100vh;
  }

  .atom-mobile-menu_links {
    z-index: 5;
    grid-row-gap: 6.154vw;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10vw;
    display: flex;
    position: relative;
  }

  .atom-mobile-menu_logo {
    width: 20vw;
    max-width: none;
  }

  .atom-mobile-menu_close-icon {
    width: 8vw;
    position: absolute;
    inset: 6.154% 9vw auto auto;
  }

  .bold-text, .bold-text-2 {
    font-size: 4.615vw;
  }

  .padding-custom {
    padding-bottom: 85rem;
  }

  .cta-block {
    padding-left: 6rem;
    padding-right: 3rem;
  }

  .logo-icon-svg {
    width: auto;
  }

  .snow.xs.blur._2 {
    top: 434.2rem;
    right: 94.75rem;
  }

  .snow.xxs.blur._2 {
    top: 21.8rem;
  }

  .snow.xxs.blur._6 {
    width: 2rem;
  }

  .snow.xxs.blur._8 {
    display: none;
  }

  .snow.xxs.blur._3 {
    width: 2rem;
    top: 428.3rem;
    left: 8.8rem;
  }

  .snow.xxs.blur._7 {
    display: none;
  }

  .snow.xxs.blur._1 {
    width: 2rem;
    top: 115.1rem;
    left: 88.5rem;
  }

  .snow.xxs.blur._5 {
    width: 4rem;
    top: 425.8rem;
    left: 80.4rem;
  }

  .snow.middle._1 {
    width: 10rem;
    inset: 174.1rem auto 0% 3%;
  }

  .snow.middle._3 {
    width: 10rem;
    top: 415.7rem;
    right: 3.7rem;
  }

  .snow.middle._2 {
    display: none;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .overflow.bottom-r {
    height: 200rem;
    inset: auto 0% 0%;
  }

  .text-croc-16.light {
    z-index: 20;
    position: static;
  }

  .width-430 {
    width: auto;
  }

  .text-croc-30 {
    line-height: 104%;
  }

  .background-img.bottom-right {
    top: 39.7833rem;
    right: 147.7rem;
  }

  .background-img.mob {
    top: -32%;
  }

  .padding-custom-1 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .flex-wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .quiz-next {
    width: 24.2667rem;
    height: 24.2667rem;
  }

  .blur-row {
    height: 55rem;
    transition-duration: .4s;
  }

  .row-20.align-center {
    justify-content: flex-start;
    align-items: center;
  }

  .is-correct__text {
    margin-top: -15.6rem;
  }

  .coll-20 {
    grid-column-gap: 2.66667rem;
    grid-row-gap: 2.66667rem;
    flex-direction: column;
    width: 100%;
  }

  .retail-hero__img.is--pc {
    height: 10vh;
  }

  .form-container.tinder {
    width: 80rem;
  }

  .submit-btn.uppercase {
    font-size: 4rem;
  }

  .close-modal {
    width: 6rem;
    top: 4rem;
    right: 4rem;
  }

  .heart-2 {
    width: 70rem;
    bottom: -22.5rem;
    right: -8.3rem;
  }

  .heart-3 {
    width: 30rem;
    left: -12.8rem;
  }

  .tinder-search__conainer {
    padding-right: 17rem;
  }

  .tinder-img {
    width: 80rem;
  }

  .like-btn {
    background-image: none;
    width: 100%;
    height: auto;
  }

  .like-btn:hover {
    background-image: url('../images/like.svg');
  }

  .tinder-preview {
    background-color: #101213cc;
  }

  .dislike-btn {
    background-image: none;
    width: 100%;
    height: auto;
  }

  .dislike-btn:hover {
    background-image: url('../images/dislike.svg');
  }

  .tinder-like__content {
    padding-bottom: 6.93333rem;
  }

  .mob-lines {
    width: 100rem;
    min-width: 100rem;
    bottom: auto;
    left: 0;
  }

  .reaction-img {
    width: 100%;
    height: 100%;
  }

  .horizontal-view, .pc-lines {
    display: none;
  }

  .width-446 {
    width: 100%;
  }

  .close-form--tinder {
    width: 15rem;
    height: 15rem;
  }

  .close-form--tinder__icon {
    width: 4rem;
    height: 4rem;
  }

  .start-img {
    width: 94rem;
  }

  .text-16.mayday-mob {
    font-size: 2.8rem;
    line-height: 120%;
  }

  .width-590.mayday-mob {
    width: 76rem;
  }

  .mobile-hide {
    display: block;
    overflow: hidden;
  }

  ._48-img {
    display: none;
  }

  ._48-img.mob {
    display: block;
  }

  .ellipse-top {
    width: 85.3333rem;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .ellipse-bot {
    width: 85.3333rem;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .mob-hide__text {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-height: 100dvh;
    padding: 22.6667rem 4rem 26.6667rem;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: scroll;
  }

  .mob-hide__logo {
    z-index: 100;
    width: 12rem;
    position: absolute;
    inset: 12rem auto auto 4rem;
  }

  .back-to-game {
    width: 40rem;
    height: 11rem;
    font-size: 4.26667rem;
    line-height: 120%;
  }
}

#w-node-_9bd7a628-c1f9-8d27-16ba-e42f41345ad0-8dd34040, #w-node-_9bd7a628-c1f9-8d27-16ba-e42f41345ad1-8dd34040 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Croc W';
  src: url('../fonts/Croc-Bold__W.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Croc W';
  src: url('../fonts/Croc-Light__W.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Croc W';
  src: url('../fonts/Croc-Regular__W.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tuerca';
  src: url('../fonts/tuerca_bold.woff2') format('woff2'), url('../fonts/tuerca_bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Magistral';
  src: url('../fonts/Magistral-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Golos';
  src: url('../fonts/Golos-Text-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Golos';
  src: url('../fonts/Golos-Text-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Golos';
  src: url('../fonts/Golos-Text-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neopixel';
  src: url('../fonts/neopixel-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}