@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-ExtraLight.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-Thin.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "BeFluence";
  src: url("../font/Inter_24pt-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

html {
  scroll-behavior: smooth; }

body,
body * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "BeFluence", sans-serif;
  cursor: default; }

body {
  background: #000000;
  display: flex;
  flex-direction: column;
  align-items: center; }

section {
  width: 100%; }

a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer !important; }

img,
svg,
path,
g,
span {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

video::-webkit-media-controls,
video::-moz-media-controls,
video::-o-media-controls,
video::-ms-media-controls {
  display: none !important; }

video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
  display: none !important; }

video::-webkit-media-controls-volume-slider {
  display: none !important; }

video::-webkit-media-controls-mute-button {
  display: none !important; }

video::-webkit-media-controls-timeline {
  display: none !important; }

video::-webkit-media-controls-current-time-display {
  display: none !important; }

.wrapperSection {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.navigation {
  width: 50px;
  height: 200px;
  padding: 5px;
  background: #1c1a1d;
  border-radius: 60px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: fixed;
  top: 40%;
  left: 30px;
  z-index: 20; }
  .navigation__link {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease; }
    .navigation__link:hover {
      background: rgba(255, 255, 255, 0.04); }
      .navigation__link:hover .navigation__linkCaption {
        opacity: 1; }
    .navigation__link:active {
      background: rgba(255, 255, 255, 0.11); }
      .navigation__link:active path {
        fill-opacity: 1; }
    .navigation__link svg path {
      transition: all 0.3s ease; }
    .navigation__linkCaption {
      width: 90px;
      position: absolute;
      font-weight: 400;
      font-size: 14px;
      line-height: 17px;
      color: #a2a2a2;
      right: -110px;
      text-align: left;
      opacity: 0;
      pointer-events: none;
      transition: all 0.3s ease; }

.header {
  position: absolute;
  z-index: 100;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px; }
  .header__logo {
    position: fixed;
    top: 30px;
    left: 30px;
    width: 153px;
    height: 50px; }
    .header__logo img {
      width: 100%;
      height: 100%; }
  .header__contacts {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px; }
  .header__contactsLink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(25px);
    border-radius: 50%; }
    .header__contactsLink path {
      transition: all 0.3s ease; }
    .header__contactsLink:hover path {
      fill: #bbff00; }

.main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  position: relative;
  overflow-y: hidden; }
  .main__headerImg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1085px;
    z-index: 3;
    pointer-events: none; }
  .main__bottomImg {
    position: absolute;
    right: 100px;
    width: 840px;
    height: auto;
    bottom: 0;
    z-index: -3; }

.greetingSection {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
  padding: 210px 210px 110px; }
  .greetingSection__container {
    display: flex;
    flex-direction: column;
    align-items: start;
    position: relative;
    z-index: 2; }
  .greetingSection__navButton {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 40px 7px 13px;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    margin-bottom: 22px; }
    .greetingSection__navButtonImg {
      height: 16px;
      width: auto; }
      .greetingSection__navButtonImg path {
        transition: all 0.3s ease; }
    .greetingSection__navButtonHeader {
      font-weight: 400;
      font-size: 16px;
      line-height: 129%;
      color: rgba(255, 255, 255, 0.7); }
    .greetingSection__navButtonArrow {
      top: 0;
      bottom: 0;
      margin: auto 0;
      right: 13px;
      width: 24px;
      height: 24px;
      position: absolute;
      z-index: 2; }
      .greetingSection__navButtonArrow path {
        transition: all 0.3s ease; }
    .greetingSection__navButton:hover .greetingSection__navButtonImg path {
      fill: #bbff00; }
    .greetingSection__navButton:hover .greetingSection__navButtonArrow {
      animation-name: MoveRight;
      animation-timing-function: ease;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards; }
      .greetingSection__navButton:hover .greetingSection__navButtonArrow path {
        fill: #bbff00; }
  .greetingSection__header {
    font-style: normal;
    font-weight: 500;
    font-size: 72px;
    line-height: 94%;
    letter-spacing: -0.07em;
    color: #ffffff; }
    .greetingSection__headerDecor {
      display: inline-block;
      padding: 8px 10px;
      transform: rotate(-2deg);
      position: relative;
      color: transparent; }
      .greetingSection__headerDecor::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background-image: url("../media/img/decor/HeaderLayer.png");
        border-radius: 12px;
        z-index: 1; }
      .greetingSection__headerDecor::after {
        content: "CPA Oriented";
        position: absolute;
        top: 8px;
        left: 10px;
        width: 100%;
        height: 100%;
        display: block;
        background: linear-gradient(80.21deg, #bbff00 -45.28%, #ffffff 86.67%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        z-index: 2; }
  .greetingSection__subheader {
    margin-top: 28px;
    font-weight: 400;
    font-size: 24px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.7); }
  .greetingSection__nums {
    margin-top: 38px;
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 26px;
    margin-bottom: 40px; }
    .greetingSection__numsTile {
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 8px; }
      .greetingSection__numsTileValue {
        display: flex;
        align-items: center;
        gap: 4px; }
        .greetingSection__numsTileValueImg {
          height: 27px;
          width: auto; }
        .greetingSection__numsTileValueHeader {
          font-weight: 500;
          font-size: 36px;
          line-height: 94%;
          letter-spacing: -0.07em;
          color: #ffffff; }
      .greetingSection__numsTileDef {
        font-weight: 400;
        font-size: 14px;
        line-height: 132%;
        letter-spacing: -0.03em;
        color: rgba(255, 255, 255, 0.7); }
  .greetingSection__video {
    position: absolute;
    top: 0;
    right: -100px;
    height: 900px;
    z-index: -1; }

.brandsSection {
  padding: 40px 240px;
  display: flex;
  flex-direction: column;
  gap: 34px;
  align-items: center;
  position: relative;
  z-index: 2; }
  .brandsSection__header {
    font-weight: 500;
    font-size: 24px;
    line-height: 94%;
    letter-spacing: -0.07em;
    color: rgba(255, 255, 255, 0.4); }
  .brandsSection__brands {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 72px;
    border: 100px; }
    .brandsSection__brands:after {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      content: "";
      width: 100%;
      height: 72px;
      z-index: 5;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.99) 100%); }
    .brandsSection__brands .swiper-wrapper {
      transition-timing-function: linear; }
      .brandsSection__brands .swiper-wrapper .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center; }
        .brandsSection__brands .swiper-wrapper .swiper-slide img {
          width: 100%;
          height: 110px !important;
          position: relative;
          object-fit: contain;
          object-position: center; }
      .brandsSection__brands .swiper-wrapper .child7 img {
        top: -4px; }
      .brandsSection__brands .swiper-wrapper .child8 img {
        height: 60px !important; }
      .brandsSection__brands .swiper-wrapper .child13 img {
        top: -6px; }

.directionSection {
  z-index: 8;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 50px 240px 300px 340px;
  height: 840px;
  max-height: 840px; }
  .directionSection__container {
    z-index: 4;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 28px; }
    .directionSection__containerHeader {
      font-weight: 500;
      font-size: 72px;
      line-height: 94%;
      letter-spacing: -0.07em;
      color: #ffffff; }
    .directionSection__containerSubheader {
      font-weight: 400;
      font-size: 24px;
      line-height: 132%;
      letter-spacing: -0.03em;
      color: rgba(255, 255, 255, 0.7); }
    .directionSection__containerImg {
      position: relative;
      left: -100px;
      margin-top: 10px;
      width: 620px;
      height: auto; }
  .directionSection__videoGrid {
    position: absolute;
    z-index: 6;
    right: 170px;
    bottom: 0;
    display: grid;
    grid-template-columns: 152px 152px 152px;
    column-gap: 8px;
    cursor: none; }
    .directionSection__videoGrid::after {
      content: "";
      position: absolute;
      z-index: 5;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.99) 100%);
      pointer-events: none; }
    .directionSection__videoGridColumn {
      display: flex;
      flex-direction: column;
      align-items: start;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 550px;
      pointer-events: none; }
      .directionSection__videoGridColumn .swiper-wrapper {
        transition-timing-function: linear; }
    .directionSection__videoGrid .videoGridTile {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: start;
      position: relative; }
      .directionSection__videoGrid .videoGridTile__video {
        width: 100%;
        max-height: 272px;
        border-radius: 16px;
        position: relative;
        z-index: -1; }
      .directionSection__videoGrid .videoGridTile__personalContainer {
        display: flex;
        align-items: center;
        gap: 4px;
        position: absolute;
        bottom: 12px;
        left: 12px;
        z-index: 5; }
        .directionSection__videoGrid .videoGridTile__personalContainerImg {
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 400;
          font-size: 10px;
          color: white;
          border: 1.1px solid rgba(255, 255, 255, 0.8); }
        .directionSection__videoGrid .videoGridTile__personalContainerColumn {
          display: flex;
          flex-direction: column;
          gap: 3px; }
        .directionSection__videoGrid .videoGridTile__personalContainerNickname {
          font-weight: 400;
          font-size: 8.78552px;
          line-height: 91.8%;
          letter-spacing: -0.03em;
          color: #ffffff;
          display: flex;
          align-items: center;
          gap: 1px; }
        .directionSection__videoGrid .videoGridTile__personalContainerFollowers {
          font-weight: 400;
          font-size: 6.83318px;
          line-height: 91.8%;
          letter-spacing: -0.04em;
          color: rgba(255, 255, 255, 0.7); }
  .directionSection__stepContainer {
    position: absolute;
    right: 128px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px; }
    .directionSection__stepContainerTile {
      position: relative;
      width: 100%;
      padding: 20px 30px;
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 8px;
      border-radius: 18px;
      overflow: hidden;
      transition: all 0.3s ease;
      background: transparent; }
      .directionSection__stepContainerTileCounter {
        width: 52px;
        height: 42px;
        backdrop-filter: blur(6px);
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) -34.24%, rgba(255, 255, 255, 0.1) 32.07%);
        transition: all 0.3s ease; }
        .directionSection__stepContainerTileCounter span {
          font-weight: 500;
          font-size: 24px;
          line-height: 94%;
          letter-spacing: -0.07em;
          background: linear-gradient(80.21deg, rgba(255, 255, 255, 0.18) -45.28%, rgba(255, 255, 255, 0.6) 86.67%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
          text-fill-color: transparent;
          transition: all 0.3s ease; }
      .directionSection__stepContainerTileHeader {
        display: flex;
        align-items: center;
        gap: 6px;
        font-weight: 500;
        font-size: 24px;
        line-height: 94%;
        letter-spacing: -0.07em;
        color: #ffffff; }
      .directionSection__stepContainerTileContent {
        padding-left: 56px;
        font-weight: 400;
        font-size: 16px;
        line-height: 132%;
        letter-spacing: -0.03em;
        color: rgba(255, 255, 255, 0.7); }
      .directionSection__stepContainerTileImg {
        position: absolute;
        top: 0;
        left: 0;
        width: 97px;
        opacity: 0;
        transition: all 0.3s ease; }
      .directionSection__stepContainerTileActive {
        background: linear-gradient(268.45deg, rgba(236, 255, 183, 0) 56.65%, rgba(217, 255, 113, 0.044) 98.69%); }
        .directionSection__stepContainerTileActive .directionSection__stepContainerTileCounter {
          background: linear-gradient(180deg, rgba(184, 244, 18, 0.05) -34.24%, rgba(187, 255, 0, 0.1) 32.07%); }
          .directionSection__stepContainerTileActive .directionSection__stepContainerTileCounter span {
            background: linear-gradient(80.21deg, #bbff00 -45.28%, #ffffff 86.67%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent; }
        .directionSection__stepContainerTileActive .directionSection__stepContainerTileImg {
          opacity: 1 !important; }
  .directionSection:hover .sectionTag__img path {
    fill: #bbff00; }

.videoSection {
  padding: 80px 106px 40px;
  display: flex;
  flex-direction: column;
  align-items: start; }
  .videoSection__contentContainer {
    width: 100%;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 58px 90px 380px;
    position: relative;
    overflow: hidden; }
  .videoSection__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end; }
  .videoSection__column {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px; }
  .videoSection__header {
    margin-top: 12px;
    font-weight: 500;
    font-size: 56px;
    line-height: 94%;
    letter-spacing: -0.07em;
    color: #ffffff; }
  .videoSection__subheader {
    font-weight: 400;
    font-size: 20px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.7); }
  .videoSection__finVideo {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto; }
  .videoSection__clients {
    width: 100%;
    padding: 126px 37px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 26px; }
    .videoSection__clientsHeader {
      font-weight: 500;
      font-size: 24px;
      line-height: 94%;
      text-align: center;
      letter-spacing: -0.07em;
      color: #ffffff; }
    .videoSection__clientsGrid {
      width: fit-content;
      display: grid;
      grid-template-columns: 98px 142px 116px;
      column-gap: 32px; }
      .videoSection__clientsGridImg {
        opacity: 0.3;
        width: 100%;
        height: auto; }
  .videoSection:hover .sectionTag__img path {
    fill: #bbff00; }
  .videoSection__videoCanvas {
    position: absolute;
    width: calc(100% - 180px);
    height: 300px;
    bottom: 40px; }
    .videoSection__videoCanvasBottom {
      bottom: -200px;
      position: absolute;
      width: 100%;
      height: auto;
      z-index: 1;
      animation: glow 2s linear infinite; }
    .videoSection__videoCanvasTop {
      left: 0;
      right: 0;
      bottom: -200px;
      position: absolute;
      width: 255px;
      height: auto;
      z-index: 3;
      margin: 0 auto; }
  .videoSection__iconL {
    position: absolute;
    bottom: 65px;
    width: 73px;
    height: 73px;
    object-fit: contain;
    z-index: 2; }
    .videoSection__iconL1 {
      left: 320px;
      animation: IconL1 5s linear infinite; }
    .videoSection__iconL2 {
      left: 220px;
      animation: IconL2 5s linear infinite; }
    .videoSection__iconL3 {
      left: 120px;
      animation: IconL3 5s linear infinite; }
    .videoSection__iconL4 {
      left: 20px;
      animation: IconL4 5s linear infinite; }
  .videoSection__iconR {
    position: absolute;
    bottom: 65px;
    width: 73px;
    height: 73px;
    object-fit: contain;
    z-index: 2; }
    .videoSection__iconR1 {
      right: 320px;
      animation: IconR1 5s linear infinite; }
    .videoSection__iconR2 {
      right: 220px;
      animation: IconR2 5s linear infinite; }
    .videoSection__iconR3 {
      right: 120px;
      animation: IconR3 5s linear infinite; }
    .videoSection__iconR4 {
      right: 20px;
      animation: IconR4 5s linear infinite; }

.techSection {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 102px;
  padding: 110px 190px 50px; }
  .techSection__container {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 28px; }
  .techSection__header {
    min-width: 400px;
    position: relative;
    font-weight: 500;
    font-size: 62px;
    line-height: 94%;
    letter-spacing: -0.07em;
    color: #ffffff; }
    .techSection__header img {
      position: absolute;
      bottom: 0px;
      right: -20px;
      width: 300px;
      height: auto; }
  .techSection__subheader {
    font-weight: 400;
    font-size: 24px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.7); }
  .techSection__solution {
    font-weight: 500;
    font-size: 36px;
    line-height: 94%;
    letter-spacing: -0.07em;
    color: #ffffff;
    transition: all 0.5s ease;
    transition-delay: 300ms; }
  .techSection__solutions {
    width: 360px;
    height: 515px;
    max-height: 515px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .techSection__solutions:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 206px;
      backdrop-filter: blur(5px);
      z-index: 6; }
    .techSection__solutions::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 206px;
      backdrop-filter: blur(5px);
      z-index: 6; }
    .techSection__solutions .specialWrapper {
      width: 100%;
      height: 515px;
      max-height: 515px; }
    .techSection__solutions .swiper-wrapper {
      overflow: visible;
      height: 103px;
      max-height: 515px; }
      .techSection__solutions .swiper-wrapper .swiper-slide {
        height: 103px;
        padding: 30px 0;
        display: flex;
        align-items: center;
        justify-content: center; }
      .techSection__solutions .swiper-wrapper .swiper-slide-active + .swiper-slide + .swiper-slide {
        font-size: 46px; }
    .techSection__solutionsPicker {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      width: 100%; }
  .techSection:hover .sectionTag__img path {
    fill: #bbff00; }

.formSection {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 60px 120px 150px;
  gap: 50px; }
  .formSection__column {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 28px;
    min-width: 260px; }
    .formSection__columnHeader {
      font-weight: 500;
      font-size: 46px;
      line-height: 94%;
      letter-spacing: -0.07em;
      color: #ffffff; }
  .formSection__form {
    width: 760px;
    max-width: 760px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 40px;
    padding: 38px 80px 30px;
    overflow: hidden; }
    .formSection__form::before {
      content: "";
      display: block;
      position: absolute;
      top: -450px;
      left: 0;
      right: 0;
      margin: 0 auto;
      border-radius: 50%;
      width: 50%;
      height: 500px;
      background: #bbff00;
      opacity: 0.5;
      filter: blur(50px); }
    .formSection__form::after {
      content: "";
      display: block;
      position: absolute;
      top: 1px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 60%;
      height: 1px;
      z-index: 2;
      background: linear-gradient(180deg, rgba(187, 255, 0, 0.05) 40%, rgba(187, 255, 0, 0.1) 50%, rgba(187, 255, 0, 0.05) 60%); }
    .formSection__formLabel {
      width: 600px;
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 14px;
      position: relative; }
    .formSection__formInput {
      width: 100%;
      height: 40px;
      background: rgba(255, 255, 255, 0.01);
      border: 1px solid rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(17px);
      border-radius: 10px;
      outline: none;
      padding: 8px 14px;
      font-weight: 500;
      font-size: 14px;
      line-height: 94%;
      color: #ffffff;
      caret-color: #bbff00;
      cursor: text !important;
      transition: all 0.3s ease; }
      .formSection__formInput::placeholder {
        font-weight: 500;
        font-size: 14px;
        line-height: 94%;
        letter-spacing: -0.07em;
        color: rgba(255, 255, 255, 0.5); }
      .formSection__formInput:focus {
        border-color: #bbff00; }
      .formSection__formInput:focus + .formSection__formLayer {
        opacity: 1; }
      .formSection__formInput:hover {
        border-color: #bbff00; }
      .formSection__formInput:hover + .formSection__formLayer {
        opacity: 0.5; }
      .formSection__formInputHeader {
        font-weight: 500;
        font-size: 14px;
        line-height: 94%;
        letter-spacing: -0.07em;
        color: #ffffff; }
        .formSection__formInputHeader sup {
          color: #bbff00; }
    .formSection__form textarea {
      height: 96px;
      resize: none; }
    .formSection__formLayer {
      width: 100%;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 15px;
      padding: 6px;
      position: absolute;
      bottom: -6px;
      left: -6px;
      width: calc(100% + 12px);
      height: 52px;
      opacity: 0;
      pointer-events: none;
      transition: all 0.3s ease; }
    .formSection__form textarea + .formSection__formLayer {
      height: 108px; }
    .formSection__form .contactButton {
      border: none;
      outline: none;
      max-width: 600px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      cursor: pointer;
      padding: 2px 6px 2px 24px;
      min-height: 39px;
      height: 39px; }
      .formSection__form .contactButton__anim {
        position: absolute;
        right: 2px; }
    .formSection__formCaption {
      pointer-events: all;
      font-weight: 500;
      font-size: 12px;
      line-height: 94%;
      letter-spacing: -0.07em;
      color: rgba(255, 255, 255, 0.4); }
      .formSection__formCaption a {
        color: rgba(255, 255, 255, 0.7);
        transition: all 0.3s ease; }
        .formSection__formCaption a:hover {
          color: #bbff00; }
  .formSection:hover .sectionTag__img path {
    fill: #bbff00; }

.footer {
  width: 100%;
  padding: 80px 50px 46px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 60px; }
  .footer__row {
    width: 100%;
    display: flex;
    align-items: start; }
  .footer__column {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 22px; }
  .footer__logo {
    width: 153px;
    height: 50px; }
  .footer__subheader {
    font-weight: 400;
    font-size: 16px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.7); }
  .footerContact {
    margin-left: auto;
    display: flex;
    align-items: start;
    gap: 50px; }
    .footerContact__column {
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 21px; }
      .footerContact__columnHeader {
        font-weight: 500;
        font-size: 16px;
        line-height: 132%;
        letter-spacing: -0.03em;
        color: #ffffff; }
      .footerContact__columnLink {
        opacity: 0.6;
        font-weight: 400;
        font-size: 14px;
        line-height: 132%;
        letter-spacing: -0.03em;
        color: #ffffff;
        transition: all 0.3s ease; }
        .footerContact__columnLink:hover {
          opacity: 0.8;
          color: #bbff00; }
          .footerContact__columnLink:hover svg path {
            fill: #bbff00; }
        .footerContact__columnLink svg {
          position: relative;
          top: 3px; }
          .footerContact__columnLink svg path {
            transition: all 0.3s ease; }
      .footerContact__columnLinks {
        display: flex;
        align-items: center;
        gap: 8px; }
      .footerContact__columnContactLink {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        background: rgba(255, 255, 255, 0.11);
        backdrop-filter: blur(25px);
        border-radius: 50%; }
        .footerContact__columnContactLink path {
          transition: all 0.3s ease; }
        .footerContact__columnContactLink:hover path {
          fill: #bbff00; }
  .footer__caption {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.7); }

.contactButton {
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 2px 15px rgba(160, 135, 137, 0.07);
  border-radius: 110px;
  gap: 8px;
  padding: 6px 6px 6px 24px;
  transition: all 0.3s ease; }
  .contactButton__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 94%;
    letter-spacing: -0.07em;
    color: #0a090b;
    pointer-events: none; }
  .contactButton__anim {
    background: #b8f412;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    pointer-events: none; }
  .contactButton:hover {
    background: #b8f412; }
    .contactButton:hover .contactButton__anim {
      background-color: #ffffff; }
    .contactButton:hover svg {
      animation-name: MoveRightTop;
      animation-timing-function: ease;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards; }

.diveButton {
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  filter: drop-shadow(0px 3px 16px rgba(160, 135, 137, 0.07));
  border-radius: 110px;
  gap: 8px;
  padding: 6px 6px 6px 24px;
  transition: all 0.3s ease; }
  .diveButton__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 94%;
    letter-spacing: -0.07em;
    color: #ffffff;
    pointer-events: none; }
  .diveButton__anim {
    background: rgba(255, 255, 255, 0.09);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    pointer-events: none; }
    .diveButton__anim svg {
      position: relative;
      right: -1px; }
  .diveButton:hover {
    background: rgba(255, 255, 255, 0.09); }
    .diveButton:hover .diveButton__anim {
      background-color: #ffffff; }
    .diveButton:hover svg {
      animation-name: MoveRightTop;
      animation-timing-function: ease;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards; }
      .diveButton:hover svg path {
        fill: #000000; }

.sectionTag {
  width: fit-content;
  padding: 9.5px 28px 9.5px 15px;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(10px);
  border-radius: 52px;
  gap: 7px;
  display: flex;
  align-items: center; }
  .sectionTag__img path {
    transition: all 0.3s ease; }
  .sectionTag__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 129%;
    color: rgba(255, 255, 255, 0.8); }

.cursor {
  position: absolute;
  pointer-events: none; }

.arrow {
  z-index: 50;
  width: 30px;
  height: 30px;
  background-image: url("../media/img/decor/cursor.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.bubble {
  z-index: 50;
  width: 129px;
  height: 39px;
  background-image: url("../media/img/decor/bubble.png");
  background-repeat: no-repeat;
  background-size: 160%;
  background-position: center center;
  left: -100px;
  top: 20px; }

.mobileBreak,
.mobileImg {
  display: none !important; }

@media screen and (min-width: 1441px) {
  .main__bottomImg {
    right: calc(calc(100% - 1300px) / 2); }
  .header {
    padding-left: calc(calc(100% - 1380px) / 2);
    padding-right: calc(calc(100% - 1380px) / 2); }
    .header__logo {
      left: calc(calc(100% - 1330px) / 2); }
  .greetingSection {
    padding-left: calc(calc(100% - 1040px) / 2);
    padding-right: calc(calc(100% - 1040px) / 2); }
    .greetingSection__video {
      right: calc(calc(100% - 1540px) / 2); }
  .brandsSection {
    padding-left: calc(calc(100% - 1010px) / 2);
    padding-right: calc(calc(100% - 1010px) / 2); }
  .directionSection {
    padding-left: calc(calc(100% - 760px) / 2);
    padding-right: calc(calc(100% - 860px) / 2); }
    .directionSection__videoGrid {
      right: calc(calc(100% - 1120px) / 2); }
    .directionSection__stepContainer {
      right: calc(calc(100% - 1152px) / 2); }
  .videoSection {
    padding-left: calc(calc(100% - 1228px) / 2);
    padding-right: calc(calc(100% - 1228px) / 2); }
  .techSection {
    padding-left: calc(calc(100% - 1060px) / 2);
    padding-right: calc(calc(100% - 1060px) / 2); }
  .formSection {
    padding-left: calc(calc(100% - 1200px) / 2);
    padding-right: calc(calc(100% - 1200px) / 2); }
  .footer {
    padding-left: calc(calc(100% - 1340px) / 2);
    padding-right: calc(calc(100% - 1340px) / 2); } }

@media screen and (max-width: 960px) {
  .mobileBreak,
  .mobileImg {
    display: block !important; }
  .navigation {
    width: 222px;
    height: 64px;
    padding: 5px;
    gap: 2px;
    top: auto;
    bottom: 28px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    background: rgba(28, 26, 29, 0.6); }
    .navigation__link {
      width: 54px;
      height: 54px; }
      .navigation__linkCaption {
        display: none !important; }
  .header {
    padding: 20px; }
    .header__logo {
      width: 126px;
      height: 42px; }
  .main__headerImg {
    top: -150px;
    width: 100%;
    max-width: 960px;
    content: url("../media/img/decor/headerTopMobile.png"); }
  .main__bottomImg {
    width: 100%;
    height: auto;
    bottom: 0;
    z-index: -3; }
  .greetingSection {
    padding: 95px 20px 140px; }
    .greetingSection__container {
      width: 100%;
      height: 100%;
      align-items: center; }
    .greetingSection__navButton {
      gap: 8px;
      padding: 5px 38px 5px 15px;
      margin-bottom: 20px; }
      .greetingSection__navButtonImg {
        height: 14px; }
      .greetingSection__navButtonHeader {
        font-size: 12px;
        line-height: 129%; }
      .greetingSection__navButtonArrow {
        right: 12px; }
      .greetingSection__navButton:hover .greetingSection__navButtonImg path {
        fill: #bbff00; }
      .greetingSection__navButton:hover .greetingSection__navButtonArrow {
        animation-name: MoveRight;
        animation-timing-function: ease;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-fill-mode: forwards; }
        .greetingSection__navButton:hover .greetingSection__navButtonArrow path {
          fill: #bbff00; }
    .greetingSection__header {
      font-size: 41px;
      line-height: 94%;
      text-align: center; }
      .greetingSection__headerDecor {
        padding: 6px 7px; }
        .greetingSection__headerDecor::before {
          top: -7px;
          left: -10px;
          background-image: url("../media/img/decor/greetingHeaderMobile.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
        .greetingSection__headerDecor::after {
          display: none !important; }
    .greetingSection__subheader {
      text-align: center; }
      .greetingSection__subheader br {
        display: none; }
    .greetingSection__nums {
      margin-top: 42px;
      column-gap: 20px;
      margin-bottom: 170px; }
      .greetingSection__numsTile {
        gap: 7px; }
        .greetingSection__numsTileValue {
          gap: 3px; }
          .greetingSection__numsTileValueImg {
            height: 27px;
            width: auto; }
          .greetingSection__numsTileValueHeader {
            font-size: 27px;
            line-height: 94%; }
        .greetingSection__numsTileDef {
          width: 100%;
          text-align: center;
          font-size: 12px;
          line-height: 132%; }
    .greetingSection__video {
      transform: rotate(-90deg);
      position: absolute;
      top: auto;
      bottom: -150px;
      right: 0;
      left: -90px;
      margin: 0 auto;
      height: 900px;
      z-index: -1; }
  .brandsSection {
    padding: 27px 0; }
    .brandsSection__header {
      font-size: 16px;
      line-height: 94%; }
  .directionSection {
    padding: 52px 20px 20px;
    height: 100%;
    max-height: 1000px; }
    .directionSection#gaming {
      max-height: 1500px; }
    .directionSection__container {
      position: relative; }
      .directionSection__containerHeader {
        font-size: 36px;
        line-height: 94%; }
        .directionSection__containerHeader br {
          display: none; }
      .directionSection__containerSubheader {
        font-size: 14px;
        line-height: 132%; }
        .directionSection__containerSubheader br {
          display: none; }
      .directionSection__containerImg {
        position: absolute;
        left: 0px;
        bottom: -410px;
        width: 620px;
        height: auto;
        content: url("../media/img/decor/iGamingMobile.png"); }
    .directionSection__videoGrid {
      margin-top: 60px;
      position: relative;
      right: 0;
      bottom: 0;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 8px;
      cursor: none; }
      .directionSection__videoGrid::after {
        content: "";
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.99) 100%);
        pointer-events: none; }
      .directionSection__videoGridColumn {
        display: flex;
        flex-direction: column;
        align-items: start;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 550px;
        pointer-events: none; }
        .directionSection__videoGridColumn .swiper-wrapper {
          transition-timing-function: linear; }
      .directionSection__videoGrid .videoGridTile {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        position: relative; }
        .directionSection__videoGrid .videoGridTile__video {
          width: 100%;
          max-height: 272px;
          border-radius: 16px; }
        .directionSection__videoGrid .videoGridTile__personalContainer {
          display: flex;
          align-items: center;
          gap: 4px;
          position: absolute;
          bottom: 12px;
          left: 12px; }
          .directionSection__videoGrid .videoGridTile__personalContainerImg {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 10px;
            color: white;
            border: 1.1px solid rgba(255, 255, 255, 0.8); }
          .directionSection__videoGrid .videoGridTile__personalContainerColumn {
            display: flex;
            flex-direction: column;
            gap: 3px; }
          .directionSection__videoGrid .videoGridTile__personalContainerNickname {
            font-weight: 400;
            font-size: 8.78552px;
            line-height: 91.8%;
            letter-spacing: -0.03em;
            color: #ffffff;
            display: flex;
            align-items: center;
            gap: 1px; }
          .directionSection__videoGrid .videoGridTile__personalContainerFollowers {
            font-weight: 400;
            font-size: 6.83318px;
            line-height: 91.8%;
            letter-spacing: -0.04em;
            color: rgba(255, 255, 255, 0.7); }
    .directionSection__stepContainer {
      margin-top: 380px;
      width: 100%;
      position: relative;
      right: 0;
      bottom: 0;
      gap: 12px; }
      .directionSection__stepContainerTile {
        padding: 20px 30px; }
        .directionSection__stepContainerTileHeader {
          gap: 10px;
          font-size: 22px;
          line-height: 94%; }
        .directionSection__stepContainerTileContent {
          padding-left: 64px;
          font-size: 14px;
          line-height: 132%; }
          .directionSection__stepContainerTileContent br {
            display: none; }
        .directionSection__stepContainerTileImg {
          position: absolute;
          top: 0;
          left: 0;
          width: 97px;
          opacity: 0;
          transition: all 0.3s ease; }
        .directionSection__stepContainerTileActive {
          background: linear-gradient(268.45deg, rgba(236, 255, 183, 0) 56.65%, rgba(217, 255, 113, 0.044) 98.69%); }
          .directionSection__stepContainerTileActive .directionSection__stepContainerTileCounter {
            background: linear-gradient(180deg, rgba(184, 244, 18, 0.05) -34.24%, rgba(187, 255, 0, 0.1) 32.07%); }
            .directionSection__stepContainerTileActive .directionSection__stepContainerTileCounter span {
              background: linear-gradient(80.21deg, #bbff00 -45.28%, #ffffff 86.67%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent; }
          .directionSection__stepContainerTileActive .directionSection__stepContainerTileImg {
            opacity: 1 !important; }
  .videoSection {
    padding: 26px 20px; }
    .videoSection__contentContainer {
      border-radius: 30px;
      padding: 20px; }
    .videoSection__row {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: start;
      justify-content: flex-start;
      gap: 345px;
      position: relative;
      z-index: 5; }
    .videoSection__column {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 24px; }
      .videoSection__columnLast {
        gap: 20px;
        align-items: center; }
    .videoSection__header {
      margin-top: 0;
      font-size: 36px;
      line-height: 94%; }
      .videoSection__header br {
        display: none; }
    .videoSection__subheader {
      text-align: center;
      font-size: 14px;
      line-height: 132%; }
      .videoSection__subheader br {
        display: none; }
    .videoSection__finVideo {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -200px;
      width: 100%;
      height: auto;
      display: none;
      opacity: 0.8; }
    .videoSection__clients {
      width: 100%;
      padding: 60px 36px 0px;
      gap: 26px; }
      .videoSection__clientsHeader {
        font-size: 16px;
        line-height: 94%; }
      .videoSection__clientsGrid {
        width: fit-content;
        display: grid;
        grid-template-columns: 76px 112px 92px;
        column-gap: 24px; }
        .videoSection__clientsGridImg {
          opacity: 0.8; }
  .techSection {
    gap: 20px;
    padding: 26px 20px;
    display: flex;
    flex-direction: column-reverse;
    align-items: start; }
    .techSection__container {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 28px; }
    .techSection__header {
      min-width: 318px;
      font-size: 36px;
      line-height: 94%; }
      .techSection__header img {
        position: absolute;
        bottom: -15px;
        right: 0;
        width: 240px;
        height: auto; }
    .techSection__subheader {
      font-size: 14px;
      line-height: 132%; }
    .techSection__solution {
      font-size: 40px;
      line-height: 94%; }
    .techSection__solutions {
      align-self: center;
      width: 100%;
      max-width: 305px;
      height: 515px;
      max-height: 515px; }
  .formSection {
    padding: 26px 20px 200px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: start; }
    .formSection__column {
      min-width: 100%; }
      .formSection__columnHeader {
        font-size: 36px;
        line-height: 94%; }
    .formSection__form {
      width: 100%;
      max-width: 100%;
      gap: 16px;
      border-radius: 30px;
      padding: 30px; }
      .formSection__formCaption {
        line-height: 120%;
        text-align: center; }
  .footer {
    padding: 26px 20px;
    gap: 20px; }
    .footer__row {
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 40px; }
    .footer__subheader {
      font-size: 14px;
      line-height: 132%; }
      .footer__subheader br {
        display: none; }
    .footerContact {
      margin-left: 0;
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 20px; }
      .footerContact__column {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 21px; }
    .footer__caption {
      text-align: center; } }

@media screen and (max-width: 680px) {
  .main {
    overflow: hidden; }
    .main__headerImg {
      top: -100px; }
    .main__bottomImg {
      width: 100%;
      height: 200px;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 0;
      z-index: -3; }
  .greetingSection__video {
    bottom: -100px;
    right: 0;
    left: -90px;
    height: 600px; }
  .directionSection {
    padding: 52px 20px 20px;
    height: 100%;
    max-height: 1000px;
    overflow: hidden; }
    .directionSection#gaming {
      max-height: 1500px; }
    .directionSection__containerImg {
      left: -80px;
      bottom: -350px;
      width: 500px; }
    .directionSection__videoGridColumn {
      height: 450px; }
    .directionSection__stepContainer {
      margin-top: 320px; }
      .directionSection__stepContainerTileImg {
        width: 97px;
        height: 100%; }
  .videoSection__finVideo {
    right: auto;
    bottom: 0px;
    width: 100%;
    opacity: 0.9; }
  .formSection {
    padding: 26px 20px 200px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: start; }
    .formSection__column {
      min-width: 100%; }
      .formSection__columnHeader {
        font-size: 36px;
        line-height: 94%; }
    .formSection__form {
      width: 100%;
      max-width: 100%;
      gap: 16px;
      border-radius: 30px;
      padding: 30px; }
      .formSection__formCaption {
        line-height: 120%;
        text-align: center; }
      .formSection__formLabel {
        width: 100%; }
  .footer {
    padding: 26px 20px;
    gap: 20px; }
    .footer__row {
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 40px; }
    .footer__subheader {
      font-size: 14px;
      line-height: 132%; }
    .footerContact {
      margin-left: 0;
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 20px; }
      .footerContact__column {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 21px; }
    .footer__caption {
      text-align: center; } }

@media screen and (max-width: 480px) {
  .directionSection__videoGridColumn {
    height: 410px; } }

@media screen and (max-width: 370px) {
  .directionSection__videoGridColumn {
    height: 390px; } }

@media screen and (max-width: 340px) {
  .directionSection__videoGridColumn {
    height: 380px; } }

@keyframes MoveRight {
  0% {
    transform: translateX(0px); }
  25% {
    transform: translateX(3px); }
  50% {
    transform: translateX(0px); }
  75% {
    transform: translateX(3px); }
  100% {
    transform: translateX(0px); } }

@keyframes MoveRightTop {
  0% {
    transform: translateX(0px) translateY(0px); }
  25% {
    transform: translateX(3px) translateY(-3px); }
  50% {
    transform: translateX(0px) translateY(0px); }
  75% {
    transform: translateX(3px) translateY(-3px); }
  100% {
    transform: translateX(0px) translateY(0px); } }

.ToTop {
  pointer-events: all !important;
  cursor: pointer !important; }

.jsHidden {
  display: none !important; }