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

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

@font-face {
  font-family: Songer G;
  src: url('../fonts/SONGER_G_Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-green: #a9c29d;
  --light-purp: #c3bce6;
  --dark-purp: #554894;
  --base: #292929;
  --yel: #eddecb;
  --dark: #3f3f3f;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.overflow-hidden-container {
  background-color: #f7f2ec;
  overflow: hidden;
}

.section {
  padding-left: 48px;
  padding-right: 48px;
}

.section.is--main {
  background-image: url('../images/main.avif');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
}

.section.is--grey {
  background-color: #4c4c4c;
  background-image: url('../images/фон.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.is--white {
  background-color: #0000;
  position: relative;
}

.section.is--white.is--under-billet {
  z-index: 1;
  margin-top: -60px;
  padding-top: 0;
}

.section.is--white.is--under-billet.more {
  margin-top: -210px;
}

.section.is--billet {
  padding: 50px 0 80px;
  position: relative;
}

.section.is--green {
  background-color: var(--light-green);
}

.container {
  max-width: 1200px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container.is--main {
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.container.is--billet {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.container.is--billet.is--top {
  margin-top: 100px;
}

.container.is--billet.is--pol {
  margin-bottom: 100px;
}

.container.is--under-billet {
  padding-top: 0;
  padding-bottom: 100px;
}

.container.is--under-billet.is--pol {
  margin-bottom: 0;
}

.main__content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.h1 {
  color: #c3bce6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Songer G, Arial, sans-serif;
  font-size: 130px;
  line-height: 100px;
  text-decoration: none;
}

.h1.is--right {
  margin-left: 160px;
}

.main__header-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-self: auto;
  width: 660px;
  display: flex;
}

.main__text-group {
  width: 550px;
}

.body1 {
  color: #fff;
  font-family: Comfortaa, Georgia, sans-serif;
  font-size: 26px;
  line-height: 160%;
  text-decoration: none;
}

._1-grey-screen_content {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._1-grey-screen_text-block-1 {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.big-number {
  color: #a9c29d;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Songer G, Arial, sans-serif;
  font-size: 140px;
  line-height: 103px;
}

.text-span, .text-span-2, .text-span-3, .link {
  color: #fff;
}

.white-screen_content {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  width: 1200px;
  display: flex;
}

.white-screen_content.is--right-with-collage {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.white-screen_content.is--right-with-collage.flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.white-screen_text-img {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  display: flex;
}

.white-screen_text-img.is--under-billet {
  justify-content: flex-start;
  align-items: flex-end;
}

.text {
  width: 700px;
  position: relative;
}

.img {
  justify-content: center;
  align-items: center;
  width: 440px;
  height: auto;
  display: flex;
  overflow: hidden;
}

.body2 {
  color: #292929;
  background-color: #0000;
  font-family: Comfortaa, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
}

.body2.is--white {
  color: #fff;
  background-color: #0000;
}

.image {
  max-width: none;
  height: auto;
}

.image.pol.is--16, .image.pol.is--22 {
  height: 620px;
}

.image.pol.is--24 {
  height: 470px;
}

.image.pol.is--29 {
  height: 820px;
}

.image.is--1 {
  height: 788px;
}

.image.is--2 {
  height: 760px;
}

.image.is--3 {
  height: 648px;
}

.image.is--4 {
  height: 569px;
}

.image.is--5 {
  height: 749px;
}

.image.is--6 {
  height: 722px;
}

.image.is--7 {
  height: 684px;
}

.image.is--8 {
  height: 532px;
}

.image.is--9 {
  height: 608px;
}

.image.is--10 {
  height: 635px;
}

.image.is--11 {
  height: 670px;
}

.image.is--12 {
  height: 440px;
}

.image.is--13 {
  height: 532px;
}

.image.is--14 {
  height: 407px;
}

.image.is--15 {
  height: 608px;
}

.image.is--17 {
  height: 798px;
}

.image.is--18 {
  height: 570px;
}

.image.is--19 {
  height: 542px;
}

.image.is--20 {
  height: 462px;
}

.image.is--21 {
  height: 456px;
}

.image.is--23 {
  height: 462px;
}

.image.is--25 {
  height: 874px;
}

.image.is--26 {
  height: 600px;
}

.image.is--27 {
  height: 684px;
}

.image.is--28 {
  height: 521px;
}

.image.is--30 {
  height: 650px;
}

.image.is--31 {
  height: 418px;
}

.image.is--32 {
  height: 420px;
}

.white-screen_header-group {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 760px;
  display: flex;
}

.white-screen_header-group.is--810 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 900px;
}

.white-screen_header-group.is--1000 {
  align-self: center;
  width: 1000px;
}

.white-screen_header-group.is--620 {
  width: 620px;
}

.white-screen_header-group.is--980 {
  width: 980px;
}

.h2 {
  color: #292929;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Songer G, Arial, sans-serif;
  font-size: 130px;
  line-height: 100px;
}

.h2.is--right-100 {
  margin-left: 100px;
}

.h2.is--right-452 {
  margin-left: 452px;
}

.h2.is--200 {
  padding-left: 200px;
}

.h2.is--85 {
  padding-left: 85px;
}

.h2.is--290 {
  padding-left: 290px;
}

.h2.is--350 {
  padding-left: 350px;
}

.h2.is--120 {
  padding-left: 120px;
}

.h2.is--440 {
  padding-left: 440px;
}

.h2.is--170 {
  padding-left: 170px;
}

.white-screen_text {
  align-self: flex-end;
  width: 700px;
}

.white-screen_block-billet {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--light-purp);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 800px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 100px;
  display: block;
  position: relative;
}

.white-screen_block-billet.is--right {
  align-self: flex-end;
  width: 690px;
  padding-left: 60px;
  padding-right: 0;
}

.purple-bg {
  z-index: 0;
  background-color: #c3bce6;
  width: 60vw;
  height: 100%;
  margin-left: -48px;
  padding: 60px 60px 60px 0;
  position: absolute;
  inset: 0% auto;
}

.purple-bg.is--right {
  width: 40vw;
  right: 0;
}

.container-2 {
  z-index: 2;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: 48px;
  margin-right: 48px;
  display: flex;
  position: relative;
}

.is--billet-body {
  color: #292929;
  font-family: Songer G, Arial, sans-serif;
  font-size: 50px;
  line-height: 100%;
}

.is--billet-body.is--white {
  color: #fff;
}

.text-span-4 {
  color: #554894;
}

.body {
  background-color: #f7f2ec;
}

.image-2 {
  width: 100%;
}

.text-span-5 {
  color: #554894;
}

.white-screen_collage {
  position: relative;
}

.white-screen_collage.is--mob {
  display: none;
}

.image-3 {
  width: 508px;
  max-width: none;
}

.text-span-6 {
  color: #554894;
}

._2-grey-screen_content {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

._2-grey-screen_quote {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

._2-grey-screen_quote-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 800px;
  display: flex;
}

.text-span-7 {
  color: var(--light-green);
}

.bold-text {
  color: var(--dark-purp);
}

._2-grey-screen_collage-text {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

._2-grey-screen__text {
  width: 600px;
  position: relative;
}

.link-2 {
  color: #fff;
}

.image-4 {
  height: auto;
}

.link-3, .link-4, .link-5 {
  color: #292929;
}

.white-screen_central-text {
  align-self: center;
  width: 700px;
  position: relative;
}

.text-span-8, .text-span-9 {
  color: var(--light-green);
}

.link-6, .link-7 {
  color: #292929;
}

.text-span-10 {
  color: var(--light-green);
}

.link-8 {
  color: var(--base);
}

.text-span-11 {
  color: var(--dark-purp);
}

.text-span-12 {
  color: var(--light-green);
}

.link-9 {
  color: #292929;
}

.bold-text-2 {
  color: var(--dark-purp);
}

.link-10 {
  color: #292929;
}

.text-span-13 {
  color: var(--light-green);
}

._2-grey-screen_text-left {
  width: 700px;
}

.link-11, .link-12, .link-13, .link-14 {
  color: #292929;
}

.bold-text-3 {
  color: var(--dark-purp);
}

.white-screen_central-billet {
  background-color: var(--light-purp);
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.white-screen_central-billet-text {
  width: 700px;
}

.text-span-14 {
  color: var(--dark-purp);
}

.text-span-15 {
  color: var(--light-green);
}

.text-span-16 {
  color: var(--dark-purp);
}

.text-span-17 {
  color: var(--light-green);
}

._2-grey-screen_collage {
  width: 550px;
}

.text-span-18, .text-span-19 {
  color: var(--dark-purp);
}

.text-span-20 {
  color: var(--light-green);
}

.text-span-21 {
  color: var(--light-purp);
}

.text-span-22 {
  color: var(--dark-purp);
}

.text-span-23 {
  color: var(--light-green);
}

.link-15 {
  color: #292929;
}

.text-span-24 {
  color: var(--dark-purp);
}

.white-screen_avtors {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 830px;
  display: flex;
}

.body3 {
  font-family: Comfortaa, Georgia, sans-serif;
  font-size: 18px;
  line-height: 160%;
}

.text-span-25 {
  background-color: var(--yel);
  cursor: pointer;
}

.text-span-25:hover {
  color: #292929;
  background-color: #c3bce6;
}

.box__img {
  position: relative;
}

.image-7 {
  width: 100%;
  max-width: none;
}

.tooltip {
  z-index: 1;
  opacity: 1;
  display: block;
  position: absolute;
  top: 54px;
  bottom: auto;
  right: -14px;
  overflow: hidden;
}

.tooltip.is--1 {
  opacity: 0;
  inset: 90px auto auto -20px;
}

.tooltip.is--3 {
  opacity: 0;
  border-radius: 0;
  top: 47%;
  right: 0%;
}

.tooltip.is--4 {
  opacity: 0;
  top: 62%;
  right: 28%;
}

.tooltip.is--2 {
  opacity: 0;
  top: 0%;
  right: 37%;
}

.num1 {
  z-index: auto;
  position: absolute;
  inset: 8% auto auto 0%;
}

.image-8 {
  opacity: 1;
  border-radius: 20px;
  max-width: 338px;
  display: block;
}

.num2 {
  z-index: auto;
  position: absolute;
  inset: 3% 33% auto auto;
}

.num4 {
  position: absolute;
  inset: auto 42% 38% auto;
}

.num3 {
  z-index: auto;
  position: absolute;
  inset: 40% 20% auto auto;
}

.tip {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 420px;
  height: auto;
  padding: 20px;
  display: flex;
  position: absolute;
  bottom: 282px;
  right: 0;
}

.tip.is--2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  display: flex;
  bottom: 208px;
  left: 0;
  right: auto;
}

.tip.is--1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
  bottom: 235px;
}

.tip.is--3 {
  opacity: 0;
  width: 370px;
  display: flex;
  bottom: 370px;
}

.tip.is--4 {
  opacity: 0;
  width: 370px;
  bottom: 141px;
  left: auto;
  right: 0;
}

.tip.is--5 {
  opacity: 0;
  bottom: 90px;
  left: 0;
  right: auto;
}

.tip.is--6 {
  bottom: 50px;
  left: 0;
  right: auto;
}

.tip.is--7 {
  opacity: 0;
  bottom: 260px;
  left: 0;
  right: auto;
}

.tip.is--8 {
  opacity: NaN;
  bottom: -120px;
}

.tip.is--9 {
  opacity: 0;
  width: 330px;
  bottom: 102px;
  left: 0;
  right: auto;
}

.h-tool {
  letter-spacing: 1px;
  font-family: Songer G, Arial, sans-serif;
  font-size: 24px;
}

.tool-text {
  font-family: Comfortaa, Georgia, sans-serif;
  font-size: 16px;
  line-height: 140%;
}

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

.image-9 {
  cursor: pointer;
  width: 24px;
}

.text-span-26 {
  background-color: var(--yel);
  cursor: pointer;
}

.text-span-26:hover {
  background-color: var(--light-purp);
}

.text-span-27 {
  background-color: var(--yel);
  cursor: pointer;
}

.text-span-27:hover {
  background-color: var(--light-purp);
}

.text-span-28 {
  background-color: var(--yel);
  cursor: pointer;
}

.text-span-28:hover {
  background-color: var(--light-purp);
}

.text-span-29 {
  background-color: var(--dark);
  cursor: pointer;
}

.text-span-29:hover {
  background-color: var(--light-green);
}

.text-span-30 {
  background-color: var(--yel);
  cursor: pointer;
}

.text-span-30:hover {
  background-color: var(--light-purp);
}

.text-span-31 {
  background-color: var(--yel);
  cursor: pointer;
}

.text-span-31:hover {
  background-color: var(--light-purp);
}

.text-span-32 {
  background-color: var(--dark);
  cursor: pointer;
}

.text-span-32:hover {
  background-color: var(--light-purp);
}

.text-span-33 {
  background-color: var(--dark);
  cursor: pointer;
}

.text-span-33:hover {
  background-color: var(--light-green);
}

.image-10 {
  display: none;
}

.nav-header-sticky {
  z-index: 100;
  color: #3330;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-right: 4px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.container-9 {
  width: 100%;
  max-width: 100%;
}

.div-block-35 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-bottom-right-radius: 0;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 40px;
  padding-left: 0;
  display: flex;
}

.div-block-36 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  border-bottom: 1px #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .3s;
  display: flex;
}

.line-3 {
  outline-offset: 0px;
  background-color: #000;
  border: 1px #000;
  outline: 3px #000;
  width: 22px;
  height: 2px;
}

.div-block-30 {
  align-self: center;
}

.image-24 {
  height: 15px;
}

@media screen and (min-width: 1440px) {
  .section.is--main {
    background-position: 0%;
  }

  .image.pol.is--16, .image.pol.is--22 {
    height: 620px;
  }

  .image.pol.is--24 {
    height: 470px;
  }

  .image.pol.is--29 {
    height: 820px;
  }

  .image.is--1 {
    height: 788px;
  }

  .image.is--2 {
    height: 760px;
  }

  .image.is--3 {
    height: 648px;
  }

  .image.is--4 {
    height: 569px;
  }

  .image.is--5 {
    height: 749px;
  }

  .image.is--6 {
    height: 760px;
  }

  .image.is--7 {
    height: 684px;
  }

  .image.is--8 {
    height: 532px;
  }

  .image.is--9 {
    height: 608px;
  }

  .image.is--10 {
    height: 635px;
  }

  .image.is--11 {
    height: 680px;
  }

  .image.is--12 {
    height: 440px;
  }

  .image.is--13 {
    height: 532px;
  }

  .image.is--14 {
    height: 407px;
  }

  .image.is--15 {
    height: 608px;
  }

  .image.is--17 {
    height: 798px;
  }

  .image.is--18 {
    height: 570px;
  }

  .image.is--19 {
    height: 542px;
  }

  .image.is--20, .image.is--23 {
    height: 462px;
  }

  .image.is--25 {
    height: 874px;
  }

  .image.is--26 {
    height: 600px;
  }

  .image.is--27 {
    height: 684px;
  }

  .image.is--28 {
    height: 521px;
  }

  .image.is--30 {
    height: 640px;
  }

  .image.is--31 {
    height: 418px;
  }

  .image.is--32 {
    height: 400px;
  }

  ._2-grey-screen_content {
    height: auto;
  }

  .num2 {
    top: 20px;
    right: 420px;
  }

  .num4 {
    bottom: 230px;
    right: 500px;
  }

  .num3 {
    top: 246px;
    right: 240px;
  }
}

@media screen and (min-width: 1920px) {
  .section.is--main {
    background-position: 0%;
  }

  .container.is--billet {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.is--under-billet {
    padding-bottom: 100px;
  }

  .white-screen_content {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image.is--11 {
    height: 690px;
  }

  .white-screen_block-billet {
    background-color: #c3bce6;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 100px;
  }

  .purple-bg {
    width: 47%;
  }

  .container-2 {
    width: 1200px;
    max-width: none;
    position: relative;
  }

  .is--billet-body {
    letter-spacing: 0;
  }

  ._2-grey-screen_collage-text {
    justify-content: space-between;
    align-items: center;
  }

  .image-6 {
    width: 100%;
  }

  .tooltip {
    opacity: 0;
  }

  .image-8 {
    border-radius: 0;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .section.is--white.is--under-billet, .section.is--white.is--under-billet.more {
    margin-top: 0;
  }

  .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container.is--billet {
    padding-bottom: 0;
  }

  .container.is--billet.is--top {
    margin-top: 0;
  }

  .container.is--billet.is--pol {
    margin-bottom: 0;
  }

  .container.is--under-billet {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main__content {
    grid-template-columns: 1fr;
  }

  .main__header-group, .main__text-group {
    width: auto;
  }

  ._1-grey-screen_content {
    grid-template-columns: 1fr;
  }

  ._1-grey-screen_text-block-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .white-screen_content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: auto;
  }

  .white-screen_content.is--right-with-collage {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .white-screen_content.is--right-with-collage.flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .white-screen_text-img {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .text {
    width: auto;
  }

  .img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .image {
    margin-bottom: 0;
  }

  .image.pol {
    margin-bottom: 60px;
  }

  .image.pol.is--16, .image.pol.is--22, .image.pol.is--24, .image.pol.is--29, .image.is--1, .image.is--2, .image.is--3, .image.is--4, .image.is--5, .image.is--6, .image.is--7, .image.is--8, .image.is--9, .image.is--10, .image.is--11, .image.is--12, .image.is--13, .image.is--14, .image.is--15, .image.is--17, .image.is--18, .image.is--19, .image.is--20, .image.is--21, .image.is--23, .image.is--25, .image.is--26, .image.is--27, .image.is--28, .image.is--30, .image.is--31, .image.is--32 {
    height: auto;
  }

  .white-screen_header-group {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-self: auto;
    width: auto;
  }

  .white-screen_header-group.is--810, .white-screen_header-group.is--1000 {
    align-self: auto;
    width: auto;
  }

  .h2 {
    font-size: 90px;
    line-height: 80px;
  }

  .h2.is--right-100, .h2.is--right-452 {
    margin-left: 0;
  }

  .h2.is--200, .h2.is--85, .h2.is--290, .h2.is--350, .h2.is--120, .h2.is--440, .h2.is--170 {
    padding-left: 0;
  }

  .white-screen_text {
    align-self: auto;
    width: auto;
  }

  .white-screen_block-billet {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    padding-right: 0;
    display: grid;
  }

  .white-screen_block-billet.is--right {
    order: -9999;
    width: auto;
    padding-left: 0;
  }

  .purple-bg {
    width: 100vw;
    margin-left: -32px;
  }

  .purple-bg.is--right {
    width: 100vw;
  }

  .container-2 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .white-screen_collage.is--desk {
    display: none;
  }

  .white-screen_collage.is--mob {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-3 {
    width: 60%;
  }

  ._2-grey-screen_content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  ._2-grey-screen_collage-text {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    place-items: center;
    display: grid;
  }

  ._2-grey-screen__text {
    width: auto;
  }

  .image-4 {
    align-self: center;
  }

  .image-5 {
    width: 110px;
    max-width: 100%;
  }

  .white-screen_central-text, ._2-grey-screen_text-left {
    width: auto;
  }

  .white-screen_central-billet {
    padding-left: 60px;
    padding-right: 60px;
  }

  .white-screen_central-billet-text {
    width: auto;
  }

  ._2-grey-screen_collage {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .white-screen_avtors {
    width: auto;
  }

  .box__img {
    display: none;
  }

  .tooltip {
    opacity: 0;
    top: 71%;
    right: 56%;
  }

  .tooltip.is--1, .tooltip.is--3, .tooltip.is--4, .tooltip.is--2 {
    opacity: 100;
    display: none;
  }

  .num1 {
    width: 34px;
    max-width: none;
    top: 2%;
  }

  .num2 {
    max-width: 100%;
    top: 0%;
    right: 31%;
  }

  .num4 {
    bottom: 37%;
    right: 41%;
  }

  .num3 {
    top: 36%;
    right: 20%;
  }

  .tip.is--3 {
    bottom: 290px;
    left: 0;
    right: auto;
  }

  .tip.is--4 {
    bottom: 63px;
    left: 0;
    right: auto;
  }

  .tip.is--5 {
    left: auto;
    right: 0;
  }

  .tip.is--7 {
    bottom: 221px;
  }

  .tip.is--9 {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section.is--main {
    height: 100%;
  }

  .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container.is--billet.is--top {
    margin-top: 40px;
  }

  .container.is--billet.is--pol {
    margin-bottom: 40px;
  }

  .container.is--under-billet {
    padding-top: 60px;
  }

  .main__content {
    grid-template-columns: 1fr;
  }

  .h1 {
    font-size: 60px;
    line-height: 80%;
  }

  .h1.is--right {
    margin-left: 0;
  }

  .main__header-group {
    width: auto;
  }

  .body1 {
    font-size: 20px;
  }

  ._1-grey-screen_content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .big-number {
    font-size: 60px;
    line-height: 60px;
  }

  .white-screen_content, .white-screen_text-img {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .body2 {
    font-size: 18px;
  }

  .image.is--8 {
    height: auto;
  }

  .white-screen_header-group.is--810 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    align-self: auto;
  }

  .h2 {
    font-size: 50px;
    line-height: 80%;
  }

  .white-screen_block-billet {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .purple-bg {
    margin-left: -24px;
  }

  .container-2 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .is--billet-body {
    font-size: 30px;
  }

  ._2-grey-screen_content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  ._2-grey-screen_quote {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  ._2-grey-screen_quote-text {
    width: auto;
  }

  ._2-grey-screen_collage-text {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-5 {
    width: 10%;
  }

  .white-screen_central-billet {
    padding: 40px;
  }

  .white-screen_avtors {
    width: auto;
  }

  .body3 {
    font-size: 16px;
  }

  .tooltip {
    opacity: 0;
    top: 70%;
    right: 46%;
  }

  .tip.is--5 {
    bottom: 39px;
  }

  .tip.is--6 {
    bottom: 14px;
    left: auto;
    right: 0;
  }

  .tip.is--7 {
    bottom: 136px;
  }

  .tip.is--8 {
    bottom: -155px;
  }

  .tip.is--9 {
    bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .section.is--main {
    background-image: url('../images/Frame-340mob.avif');
    background-position: 50% 100%;
    justify-content: flex-start;
    align-items: flex-start;
    height: 800px;
  }

  .container.is--main {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .container.is--billet.is--top {
    margin-top: 0;
  }

  .container.is--billet.is--pol {
    margin-bottom: 0;
  }

  .main__content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
  }

  .h1 {
    font-size: 60px;
  }

  .h1.is--right {
    margin-left: 0;
  }

  .main__text-group {
    width: auto;
  }

  .big-number {
    font-size: 60px;
  }

  .white-screen_text-img {
    grid-template-rows: auto;
  }

  .image {
    width: 100%;
    height: auto;
  }

  .image.is--5, .image.is--6, .image.is--7, .image.is--8 {
    height: auto;
  }

  .white-screen_header-group.is--810 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .h2 {
    font-size: 50px;
  }

  .white-screen_block-billet {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .white-screen_block-billet.is--right {
    align-self: auto;
  }

  .purple-bg {
    margin-left: -24px;
  }

  .is--billet-body {
    font-size: 24px;
  }

  .image-3 {
    width: 100%;
  }

  ._2-grey-screen_img {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 120%;
    height: auto;
    display: flex;
    overflow: visible;
  }

  .image-6 {
    width: 530px;
    max-width: none;
    height: auto;
    display: none;
  }

  ._2-grey-screen_collage {
    width: auto;
  }

  .body3 {
    font-size: 14px;
  }

  .tooltip {
    opacity: 0;
    border-radius: 0;
    max-width: 100%;
    inset: 80px 0% 0%;
    overflow: visible;
  }

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

  .tip {
    width: 100%;
  }

  .tip.is--2 {
    opacity: 0;
    width: 100%;
    bottom: 220px;
  }

  .tip.is--1 {
    opacity: 0;
    width: 100%;
    bottom: 280px;
  }

  .tip.is--3 {
    width: 100%;
    bottom: 340px;
  }

  .tip.is--4 {
    width: 100%;
    bottom: 120px;
  }

  .tip.is--5 {
    width: 100%;
    bottom: 100px;
  }

  .tip.is--6 {
    width: 100%;
    bottom: 60px;
  }

  .tip.is--7 {
    bottom: 250px;
  }

  .tip.is--8 {
    bottom: -180px;
  }

  .tip.is--9 {
    width: 100%;
    bottom: 100px;
  }

  .h-tool {
    line-height: 24px;
  }

  .tip-header {
    justify-content: space-between;
    align-items: flex-start;
  }

  .image-10 {
    display: block;
  }

  .nav-header-sticky {
    padding-right: 0;
  }

  .div-block-36 {
    height: 40px;
  }
}

#w-node-_93c013ef-e836-5b34-1938-7f1efbce6a17-a5a3feaa {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4385b983-d615-c56e-2a93-7ee460b967a4-a5a3feaa {
  grid-area: 2 / 1 / 3 / 2;
}

@media screen and (max-width: 991px) {
  #w-node-aa4dec3c-5687-8f44-5604-015ba0c30a75-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-aa4dec3c-5687-8f44-5604-015ba0c30a78-a5a3feaa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8c3ba09e-e463-5183-e3ff-1a7f8896ccbf-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_8c3ba09e-e463-5183-e3ff-1a7f8896ccc2-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8c3ba09e-e463-5183-e3ff-1a7f8896ccc7-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_243030fb-40f3-72fc-ba66-5f976fd1ca55-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_243030fb-40f3-72fc-ba66-5f976fd1ca58-a5a3feaa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d156dba5-eb3a-298f-4603-47d5b3e64098-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d156dba5-eb3a-298f-4603-47d5b3e6409a-a5a3feaa, #w-node-_365b4f74-1531-52d9-3fc0-62a70842e667-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_365b4f74-1531-52d9-3fc0-62a70842e66d-a5a3feaa, #w-node-_6eb67069-7e94-0167-b111-1b891b411d03-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6eb67069-7e94-0167-b111-1b891b411d05-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_72fbe1a0-07ac-7e4b-ec97-f9e3628493d2-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_72fbe1a0-07ac-7e4b-ec97-f9e3628493d4-a5a3feaa, #w-node-_27cec2f0-4c68-9616-2e98-56554f4cfb58-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_27cec2f0-4c68-9616-2e98-56554f4cfb5e-a5a3feaa, #w-node-_27cec2f0-4c68-9616-2e98-56554f4cfb46-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_27cec2f0-4c68-9616-2e98-56554f4cfb48-a5a3feaa, #w-node-eb7d7bd6-7612-428d-a7db-794840f66510-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-eb7d7bd6-7612-428d-a7db-794840f66516-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a10a92ea-44ff-1416-3eb4-b3afb8e591b6-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dbb827eb-70d6-dbf4-da47-b4aa53d2a976-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dbb827eb-70d6-dbf4-da47-b4aa53d2a97c-a5a3feaa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a1b71d72-c1dd-190f-a3c9-d054e70ac661-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a1b71d72-c1dd-190f-a3c9-d054e70ac663-a5a3feaa, #w-node-_00adba55-d5fe-f866-dfdb-45b0e3faf567-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_00adba55-d5fe-f866-dfdb-45b0e3faf573-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ec8baffa-00b7-b30a-a0a6-ca93cbfb2952-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c39a5471-86b6-c092-619c-95469084d25d-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-db8bb3de-97bc-6dae-959b-4daaef4e77d9-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-db8bb3de-97bc-6dae-959b-4daaef4e77e5-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-db8bb3de-97bc-6dae-959b-4daaef4e77e9-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4788202-60b1-c0c8-7c4a-c08ee0faa3fd-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c4a69a34-e779-24eb-c5eb-2e2c8f86ae6f-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c4a69a34-e779-24eb-c5eb-2e2c8f86ae75-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f10b51e4-cd9b-d5f4-19f3-b31e938efbff-a5a3feaa {
    justify-self: center;
  }

  #w-node-_57955b4b-0b3c-97b1-70d0-8cbc28213af6-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3e0db8b0-5132-7b08-735c-a64a50c8a9a5-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3e0db8b0-5132-7b08-735c-a64a50c8a9a8-a5a3feaa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3e0db8b0-5132-7b08-735c-a64a50c8a9b4-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3e0db8b0-5132-7b08-735c-a64a50c8a9b6-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4edb6508-e7da-0175-a9ac-20ceb966c2d8-a5a3feaa {
    justify-self: center;
  }

  #w-node-e19f34de-1988-737c-407a-803ee5019545-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e19f34de-1988-737c-407a-803ee501954b-a5a3feaa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6b785a58-bf0b-8c0c-da84-1706a2ccba01-a5a3feaa {
    justify-self: center;
  }

  #w-node-_9e76a891-182b-e03b-706f-5e06f8177e0d-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9e76a891-182b-e03b-706f-5e06f8177e19-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f617ebbc-ae28-5902-828d-0aae345b4420-a5a3feaa {
    justify-self: center;
  }

  #w-node-f617ebbc-ae28-5902-828d-0aae345b4422-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_6e8e6ac5-f4c1-1f80-65ea-1446dd260a2b-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6e8e6ac5-f4c1-1f80-65ea-1446dd260a2e-a5a3feaa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7df7d014-a903-8706-8fee-9b34c0e62946-a5a3feaa {
    justify-self: center;
  }

  #w-node-_55906f47-8c72-aa4d-f641-e7d4bc02fcf4-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_55906f47-8c72-aa4d-f641-e7d4bc02fcfa-a5a3feaa, #w-node-_55906f47-8c72-aa4d-f641-e7d4bc02fce2-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5aea5d2f-e2d8-df1a-d1a7-f1b71f7ccf11-a5a3feaa {
    justify-self: center;
  }

  #w-node-_2d1bbeda-a913-b003-927c-619a542194f8-a5a3feaa {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_2d1bbeda-a913-b003-927c-619a542194fe-a5a3feaa, #w-node-bfbd18eb-b7e9-5c43-bb6b-1681900f4816-a5a3feaa, #w-node-_6bbbadce-6515-7d41-1545-43b2ab52bc4f-a5a3feaa {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c4a69a34-e779-24eb-c5eb-2e2c8f86ae6f-a5a3feaa {
    grid-row: 2 / 3;
  }

  #w-node-c4a69a34-e779-24eb-c5eb-2e2c8f86ae75-a5a3feaa {
    grid-row: 1 / 2;
  }

  #w-node-_57955b4b-0b3c-97b1-70d0-8cbc28213af6-a5a3feaa, #w-node-f617ebbc-ae28-5902-828d-0aae345b4422-a5a3feaa, #w-node-_2d1bbeda-a913-b003-927c-619a542194f8-a5a3feaa {
    grid-row: 2 / 3;
  }

  #w-node-_2d1bbeda-a913-b003-927c-619a542194fe-a5a3feaa {
    grid-row: 1 / 2;
  }
}


@font-face {
  font-family: 'Comfortaa';
  src: url('../fonts/Comfortaa-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Comfortaa';
  src: url('../fonts/Comfortaa-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Songer G';
  src: url('../fonts/SONGER_G_Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}