*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html {
  padding: env(safe-area-inset);
}

html,
body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0 auto;
  padding: 0px;
  -webkit-outline: none;
  outline: none;
  position: relative;
  min-width: 320px;
  max-height: 1000000px;
  min-height: 100vh;
  text-decoration-skip: objects;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

:focus,
:active,
:hover,
:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
  -webkit-outline: none;
  outline: none;
}

ul,
ol {
  list-style-position: inside;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

li {
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

iframe {
  display: block;
  border: none;
}

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

textarea {
  white-space: pre-wrap;
  resize: none;
}

button,
select {
  display: block;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-family: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: none;
}

button {
  width: auto;
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border: none;
  padding: 0;
}

[type=search],
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  -webkit-outline: none;
  outline: none;
}

[type=search]::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[hidden],
::-ms-clear,
area {
  display: none;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  display: block;
  padding: 0;
}

menu,
dir {
  list-style: none;
  margin: 0;
  padding: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

:-ms-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-moz-placeholder {
  color: inherit;
}

:-moz-placeholder {
  color: inherit;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  -webkit-outline: none;
  outline: none;
}

[type=date]::-webkit-inner-spin-button {
  display: none;
}

[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  width: 253px;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }

  75% {
    transform: rotate(2deg);
  }

  100% {
    transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 14px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 14px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 14px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 14px;
}

/* .tooltipster-content */
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  position: absolute;
  height: 30px;
  width: 30px;
}

.tooltipster-sidetip .tooltipster-arrow:before,
.tooltipster-sidetip .tooltipster-arrow:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.tooltipster-sidetip .tooltipster-arrow:before {
  background-color: #fff;
}

.tooltipster-sidetip .tooltipster-arrow:after {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  /* half the width, for centering */
  margin-left: -14px;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  margin-top: -14px;
  right: 3px;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  margin-top: -14px;
  left: 3px;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 3px;
  margin-left: -14px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  left: 0;
  top: 0;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

html,
body {
  scroll-behavior: smooth;
  margin: 0 auto !important;
}

html.menuIsOpened,
body.menuIsOpened {
  overflow: hidden !important;
}

body {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Gogh";
  background-color: #000000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

body .bodyWrap {
  position: relative;
  min-height: 100%;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body .bodyWrap>* {
  flex-shrink: 0;
}

body .bodyWrap>*:nth-last-child(2) {
  margin-bottom: auto;
}

.container {
  position: relative;
  width: 1230px;
  padding: 0px 15px;
  margin: 0px auto;
  z-index: 1;
}

.siteTabs .tabContent {
  position: relative;
  display: none;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 1;
}

.siteTabs .tabContent.active {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px rgba(255, 255, 255, 0);
}

.siteLogo {
  width: 128px;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.siteLogo>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.siteLogo:hover {
  opacity: 0.7;
}

.siteLogo img {
  display: block;
  width: 100%;
}

.gradLink {
  display: inline-block;
  font-size: 12px;
  line-height: 60px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  z-index: 2;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.gradLink:hover {
  opacity: 0.7;
}

.linkMore {
  position: relative;
  padding-right: 20px;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #f29d0f;
  white-space: none;
}

.linkMore .arrow {
  position: absolute;
  display: block;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}

.linkMore span {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.linkMore:hover span {
  text-decoration-color: transparent;
}

.linkSimple {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #f29d0f;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.linkSimple:hover {
  text-decoration-color: transparent;
}

.btnUp {
  position: fixed;
  bottom: 49px;
  right: 24px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  cursor: pointer;
  z-index: 7;
}

.btnUp img {
  display: block;
}

.btnUp.visible {
  visibility: visible;
  opacity: 1;
}

.btnUp:hover {
  opacity: 0.7;
}

.tooltip .tooltipContent {
  display: none;
}

.tooltipControl {
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.tooltipControl:hover {
  opacity: 0.7;
}

.tooltipster-base {
  height: auto !important;
}

.tooltipster-base .tooltipster-content {
  overflow: visible;
}

.tooltipster-base .tooltipContent {
  display: block;
  padding: 10px 19px;
}

.tooltipster-base .tooltipster-arrow {
  display: none;
}

.tooltipster-sidetip .tooltipster-box {
  position: relative;
  width: 287px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: rgba(20, 25, 38, 0.929);
  -webkit-border-radius: 5px 5px 0px 5px;
  -moz-border-radius: 5px 5px 0px 5px;
  -ms-border-radius: 5px 5px 0px 5px;
  border-radius: 5px 5px 0px 5px;
  -moz-transform: translateX(-120px);
  -ms-transform: translateX(-120px);
  -webkit-transform: translateX(-120px);
  -o-transform: translateX(-120px);
  transform: translateX(-120px);
}

.tooltipster-sidetip .tooltipster-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0px;
  width: 15px;
  height: 11px;
  background-image: url(../img/tooltip_arr.png);
  background-size: 100% auto;
  background-position: right top;
  background-repeat: no-repeat;
  z-index: 1;
}

@media (max-width: 1829px) {
  .tooltipster-sidetip .tooltipster-box {
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@media (max-width: 1149px) {
  .tooltipster-sidetip .tooltipster-box {
    width: auto !important;
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }

  .tooltipster-sidetip .tooltipster-box::before {
    display: none;
  }
}

.tooltipster-sidetip ul li {
  display: flex;
}

@media (max-width: 1149px) {
  .tooltipster-sidetip ul li {
    display: block;
  }
}

.tooltipster-sidetip .par {
  display: block;
  min-width: 143px;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 20px;
  color: #727886;
}

.tooltipster-sidetip .val {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.tooltipster-sidetip a.val {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #00a8ea;
  font-weight: 400;
}

.tooltipster-sidetip .tooltipster-arrow {
  display: none !important;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .control {
  position: relative;
  z-index: 1;
}

.pagination .control>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.pagination .control svg {
  display: block;
}

.pagination .control+.num {
  margin-left: 16px;
}

.pagination .num {
  margin: 0px 5px;
}

.pagination .num a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 14px;
  line-height: 14px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.pagination .num.active a {
  background-color: #0b0f19;
}

.pagination .num+.control {
  margin-left: 16px;
}

.animatedVr {
  display: block;
  position: absolute;
  top: 140px;
  right: 50%;
  height: 140px;
  width: 140px;
  margin-right: -730px;
}

@media (max-width: 1439px) {
  .animatedVr {
    top: 109px;
    height: 120px;
    width: 120px;
    margin-right: -567px;
  }
}

@media (max-width: 1149px) {
  .animatedVr {
    top: 82px;
    height: 80px;
    width: 80px;
    margin-right: -440px;
  }
}

@media (max-width: 750px) {
  .animatedVr {
    top: 54px;
    height: 50px;
    width: 50px;
    margin-right: -286px;
  }
}

@media (max-width: 529px) {
  .animatedVr {
    margin-right: 0px;
    right: 24px;
  }
}

.btnMain {
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-right: 28px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 38px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 1;
}

.btnMain:hover {
  opacity: 0.7;
}

.btnMain::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 37px;
  height: 38px;
  background-image: url(../img/btn_el.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

@media (max-width: 1229px) and (min-width: 1016px) {
  .btnMain {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 11px;
    line-height: 31px;
  }

  .btnMain::before {
    width: 45px;
    height: 45px;
  }
}

.btnBorder {
  position: relative;
  display: inline-block;
  min-width: 202px;
  height: 58px;
  padding: 9px 15px;
  font-size: 14px;
  line-height: 38px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  -webkit-border-radius: 29px;
  -moz-border-radius: 29px;
  -ms-border-radius: 29px;
  border-radius: 29px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 1;
}

.btnBorder:hover {
  opacity: 0.7;
}

.btnBorder::before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="29" ry="29" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="29" ry="29" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  z-index: -1;
}

.btnBorder.full {
  width: 100%;
}

.btnBorder.sm {
  height: 45px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  border-radius: 23px;
}

.btnBorder.sm::before {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="23" ry="23" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="23" ry="23" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
}

@media (max-width: 1229px) {
  .btnBorder.sm {
    height: 38px;
    font-size: 10px;
    line-height: 30px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px;
  }

  .btnBorder.sm::before {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="19" ry="19" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="19" ry="19" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  }
}

.btnBorder.disabled,
.btnBorder:disabled {
  background-color: #293141;
  pointer-events: none;
}

.btnBorder.disabled::before,
.btnBorder:disabled::before {
  display: none;
}

@media (max-width: 1229px) {
  .btnBorder {
    height: 48px;
    font-size: 11.5px;
    line-height: 30px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
  }

  .btnBorder::before {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="24" ry="24" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="24" ry="24" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  }
}

.btnGrad1 {
  position: relative;
  display: inline-block;
  min-width: 193px;
  min-height: 40px;
  padding: 8px 15px 10px;
  text-align: center;
  background-color: #000000;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.btnGrad1:hover {
  opacity: 0.7;
}

.btnGrad1 input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}

.btnGrad1 span {
  display: inline-block;
  font-size: 11px;
  line-height: 12px;
  color: #acb0bc;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #f562e5;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btnGrad2 {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 60px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.btnGrad2:hover {
  opacity: 0.7;
}

@media (max-width: 1149px) {
  .btnGrad2 {
    font-size: 12px;
    line-height: 24px;
  }
}

.btnIcon {
  display: inline-block;
  min-width: 153px;
  padding: 0px 11px;
  min-height: 40px;
  background-color: #293141;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.btnIcon:hover {
  opacity: 0.7;
}

.btnIcon .in {
  display: flex;
  align-items: center;
}

.btnIcon .icon {
  display: inline-block;
  vertical-align: middle;
}

.btnIcon .text {
  display: inline-block;
  flex-grow: 1;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (max-width: 1365px) and (min-width: 1150px) {
  .btnIcon {
    min-width: 126px;
    min-height: 33px;
    padding: 0px 10px;
  }

  .btnIcon .icon {
    width: 18px;
  }

  .btnIcon .text {
    font-size: 10px;
    line-height: 10px;
  }
}

.btnSimpleIcon {
  display: inline-block;
  font-size: 11px;
  line-height: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.btnSimpleIcon:hover {
  opacity: 0.7;
}

.btnSimpleIcon .in {
  display: flex;
  align-items: center;
}

.btnSimpleIcon .in img {
  display: block;
  flex-shrink: 0;
  margin-right: 8px;
}

.btnSimpleIcon.stop {
  color: #f64141;
}

.btnSimpleIcon.repeat {
  color: #f29d0f;
}

.btnSimpleIcon.more {
  color: #75d977;
}

@media (max-width: 1149px) {
  .btnSimpleIcon {
    font-size: 10px;
  }
}

.btnFill {
  position: relative;
  display: inline-block;
  min-width: 202px;
  height: 58px;
  padding: 9px 15px;
  font-size: 14px;
  line-height: 38px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  background-color: #141927;
  -webkit-border-radius: 29px;
  -moz-border-radius: 29px;
  -ms-border-radius: 29px;
  border-radius: 29px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 1;
}

.btnFill:hover {
  opacity: 0.7;
}

.btnFill.full {
  width: 100%;
}

.btnFill.sm {
  height: 45px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  border-radius: 23px;
}

@media (max-width: 1229px) {
  .btnFill.sm {
    height: 38px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10px;
    line-height: 30px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px;
  }
}

.inputBlock label {
  display: block;
  font-size: 11px;
  line-height: 11px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.inputBlock.required label:after {
  position: absolute;
  content: "*";
  font-size: 19px;
  line-height: 7px;
  color: #f29d0f;
}

@media (max-width: 1229px) {
  .inputBlock label {
    font-size: 10px;
    line-height: 10px;
  }
}

.inputBlock label span {
  font-size: 19px;
  line-height: 7px;
  color: #f29d0f;
}

.inputBlock label+.inWrap {
  margin-top: 10px;
}

@media (max-width: 1229px) {
  .inputBlock label+.inWrap {
    margin-top: 7px;
  }
}

.inputBlock .inWrap {
  position: relative;
}

.inputBlock .inWrap.withCode input {
  padding-right: 111px;
}

.inputBlock .inWrap.withIcon input {
  padding-right: 48px;
}

.inputBlock .inWrap.withIcon .cur {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 9px;
  max-width: 32px;
}

@media (max-width: 1149px) {
  .inputBlock .inWrap.withIcon .cur {
    margin-top: -13px;
    right: 6px;
    width: 26px;
  }
}

.inputBlock .inWrap.withCopy .copyLink {
  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -9px;
}

.inputBlock .inWrap.withCopy .copyLink img {
  display: block;
}

.inputBlock .inWrap.date {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.inputBlock input {
  display: block;
  width: 100%;
  padding: 0px 16px;
  font-family: "Gogh";
  font-size: 14px;
  line-height: 44px;
  color: rgb(255, 255, 255);
  border-style: solid;
  border-width: 1px;
  border-color: #343a4b;
  background-color: #090a0f;
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
}

.inputBlock input.is-invalid {
  border: 1px solid #fb438f;
}

@media (max-width: 1229px) {
  .inputBlock input {
    line-height: 36px;
    padding: 0px 7px;
    font-size: 12px;
  }
}

.inputBlock input.center {
  text-align: center;
}

.inputBlock textarea {
  display: block;
  width: 100%;
  padding: 8px 16px;
  font-family: "Gogh";
  font-size: 14px;
  line-height: 18px;
  color: rgb(255, 255, 255);
  border-style: solid;
  border-width: 1px;
  border-color: rgb(50, 58, 76);
  background-color: rgb(23, 23, 23);
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
}

@media (max-width: 1229px) {
  .inputBlock textarea {
    padding: 7px 7px;
    font-size: 12px;
    line-height: 16px;
  }
}

.inputBlock .code {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 101px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(50, 58, 76);
  background-color: rgb(27, 33, 48);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
}

@media (max-width: 1229px) {
  .inputBlock .code {
    width: 83px;
    height: 38px;
  }
}

.inputBlock .code img {
  display: block;
}

@media (max-width: 1229px) {
  .inputBlock .code img {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
  }
}

.inputBlock .selectric {
  width: 100%;
  height: 46px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(50, 58, 76);
  background-color: rgb(23, 23, 23);
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
}

@media (max-width: 1229px) {
  .inputBlock .selectric {
    height: 38px;
  }
}

.inputBlock .selectric .label {
  height: 44px;
  margin: 0px;
  padding-left: 16px;
  padding-right: 32px;
  font-family: "Gogh";
  font-size: 15px;
  line-height: 44px;
  color: rgb(255, 255, 255);
}

@media (max-width: 1229px) {
  .inputBlock .selectric .label {
    height: 36px;
    padding: 0px 24px 0px 7px;
    font-size: 12px;
    line-height: 36px;
  }
}

.inputBlock .selectric .button {
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}

@media (max-width: 1229px) {
  .inputBlock .selectric .button {
    height: 38px;
    width: 30px;
  }
}

.inputBlock .selectric .button img {
  display: block;
}

.inputBlock .selectric .button::after {
  display: none;
}

.inputBlock .selectric-open .selectric .button {
  -moz-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

.inputBlock .selectric-items {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(50, 58, 76);
  background-color: rgb(23, 23, 23);
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
  overflow: hidden;
}

.inputBlock .selectric-items li {
  padding: 0px 16px;
  font-family: "Gogh";
  font-size: 15px;
  line-height: 44px;
  color: rgb(255, 255, 255);
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.inputBlock .selectric-items li.selected,
.inputBlock .selectric-items li.highlighted,
.inputBlock .selectric-items li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.checkButton {
  position: relative;
  display: flex;
  cursor: pointer;
}

.checkButton input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}

.checkButton input:checked~.btn::before {
  opacity: 1;
}

.checkButton .btn {
  position: relative;
  width: 35px;
  height: 36px;
  flex-shrink: 0;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(50, 58, 76);
  background-color: rgb(23, 23, 23);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
}

@media (max-width: 1229px) {
  .checkButton .btn {
    width: 29px;
    height: 29px;
  }
}

.checkButton .btn::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: url(../img/check.svg);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.checkButton .label {
  display: block;
  margin-left: 13px;
  align-self: center;
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

@media (max-width: 1229px) {
  .checkButton .label {
    margin-left: 11px;
    font-size: 12px;
    line-height: 15px;
  }
}

.checkButton .label a {
  color: #f29d0f;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.checkButton .label a:hover {
  text-decoration-color: transparent;
}

.selectric-payment .selectric .label {
  padding-left: 2px;
}

.selectric-payment .selectric .button {
  width: 38px;
}

.selectric-payment .selectric-items li {
  padding-left: 3px;
}

.selectric-payment .selectric-items li .selectLabel {
  min-height: 36px;
}

.selectric-payment .selectLabel {
  display: flex;
  align-items: baseline;
  height: 100%;
  font-size: 11px;
  line-height: 20px;
  color: #727886;
}

.selectric-payment .selectLabel .icon {
  margin-right: 12px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: center;
  background-color: #0b0f19;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.selectric-payment .selectLabel .icon img {
  display: block;
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}

.selectric-payment .selectLabel .text {
  padding-top: 8px;
}

.selectric-payment .selectLabel .sum {
  margin-left: 4px;
  font-size: 16px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.selectric-payment .selectLabel .sum sup {
  text-transform: uppercase;
  font-size: 7px;
  line-height: 1;
}

.header {
  position: relative;
  z-index: 2;
}

.header .wrapper {
  display: flex;
}

.header .logoWrapper {
  align-self: center;
  padding-top: 20px;
}

.header .menuWrapper {
  margin-left: 124px;
  margin-right: -24px;
}

.header .loginWrapper {
  position: relative;
  padding-left: 70px;
  padding-top: 5px;
  width: 292px;
  margin-left: auto;
  text-align: center;
  z-index: 1;
}

.header .loginWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: -35px;
  width: 292px;
  height: 68px;
  background-color: #151515;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="292px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M291.109,9.733 C290.046,9.733 287.627,9.733 282.485,9.733 C234.873,9.733 257.458,67.991 215.215,67.991 L128.760,67.991 L123.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L192.559,0.005 L220.389,0.005 C236.108,0.005 300.322,4.059 291.109,9.733 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="292px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M291.109,9.733 C290.046,9.733 287.627,9.733 282.485,9.733 C234.873,9.733 257.458,67.991 215.215,67.991 L128.760,67.991 L123.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L192.559,0.005 L220.389,0.005 C236.108,0.005 300.322,4.059 291.109,9.733 Z"/></svg>') 0/100% 100%;
  z-index: -1;
}

.header .langWrapper {
  position: relative;
  padding-top: 5px;
  padding-right: 46px;
}

.header .langWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: -20px;
  width: 292px;
  height: 68px;
  background-color: rgba(12, 17, 28, 0.3);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="292px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M291.109,9.733 C290.046,9.733 287.627,9.733 282.485,9.733 C234.873,9.733 257.458,67.991 215.215,67.991 L128.760,67.991 L123.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L192.559,0.005 L220.389,0.005 C236.108,0.005 300.322,4.059 291.109,9.733 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="292px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M291.109,9.733 C290.046,9.733 287.627,9.733 282.485,9.733 C234.873,9.733 257.458,67.991 215.215,67.991 L128.760,67.991 L123.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L192.559,0.005 L220.389,0.005 C236.108,0.005 300.322,4.059 291.109,9.733 Z"/></svg>') 0/100% 100%;
  z-index: -1;
}

.header .burgerWrapper {
  display: none;
}

.menuList {
  display: flex;
}

.menuList li {
  position: relative;
  padding-top: 6px;
  flex-shrink: 0;
}

.menuList li a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 60px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 5;
}

.menuList li a:hover {
  opacity: 0.7;
}

.menuList li::before {
  content: "";
  display: block;
  position: absolute;
  left: -78px;
  top: -10px;
  width: calc(100% + 156px);
  height: 68px;
  background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  opacity: 0;
  -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="232px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M231.109,9.733 C230.046,9.733 227.627,9.733 222.485,9.733 C174.873,9.733 197.458,67.991 155.215,67.991 L118.760,67.991 L113.241,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L132.559,0.005 L160.389,0.005 C176.108,0.005 240.322,4.059 231.109,9.733 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="232px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M231.109,9.733 C230.046,9.733 227.627,9.733 222.485,9.733 C174.873,9.733 197.458,67.991 155.215,67.991 L118.760,67.991 L113.241,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L132.559,0.005 L160.389,0.005 C176.108,0.005 240.322,4.059 231.109,9.733 Z"/></svg>') 0/100% 100%;
  z-index: -1;
}

.menuList li.active a {
  color: rgb(0, 0, 0);
}

.menuList li.active::before {
  opacity: 1;
}

.menuList li+li {
  margin-left: 51px;
}

.menuList .hidden {
  display: none;
}

.langList {
  position: relative;
  z-index: 5;
}

.langList .head {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.langList .head .cap {
  margin-left: 8px;
  margin-right: 2px;
}

.langList .head.active .arrow {
  -moz-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

.langList .cap {
  display: block;
  font-size: 12px;
  line-height: 60px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.langList .arrow {
  display: block;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}

.langList .list {
  display: none;
  position: absolute;
  left: 8px;
  top: calc(100% + 0px);
  padding: 10px 10px 10px 15px;
  background-color: rgba(12, 17, 28, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.langList .list .cap {
  line-height: 30px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.langList .list .cap:hover {
  opacity: 0.7;
}

.mobileHeaderInfo {
  display: none;
}

.openSiteMenu,
.openCabinetMenu {
  width: 32px;
  margin-left: auto;
  margin-right: auto;
}

.openSiteMenu span,
.openCabinetMenu span {
  position: relative;
  display: block;
  height: 2px;
  background-color: #0c111c;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.openSiteMenu span+span,
.openCabinetMenu span+span {
  margin-top: 5px;
}

.openSiteMenu.active span:first-child,
.openCabinetMenu.active span:first-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 4px;
}

.openSiteMenu.active span:nth-child(2),
.openCabinetMenu.active span:nth-child(2) {
  opacity: 0;
}

.openSiteMenu.active span:last-child,
.openCabinetMenu.active span:last-child {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -10px;
}

.startSectionWrapper {
  position: relative;
  z-index: 1;
}

.startSectionWrapper .back {
  position: absolute;
  right: 50%;
  margin-right: -960px;
  top: 0px;
  width: 1920px;
  max-width: unset;
  height: auto;
  z-index: -1;
}

.startSectionWrapper .backSm {
  display: none;
}

.startSectionWrapper .animatedDots {
  position: absolute;
  display: block;
  width: 1920px;
  height: 1347px;
  top: -340px;
  left: 50%;
  margin-left: -960px;
  z-index: -1;
}

.startSectionWrapper .animatedDots .dotWrapper {
  position: absolute;
}

.startSectionWrapper .animatedDots .dotWrapper-1 {
  top: 63%;
  left: 94%;
  -webkit-animation: flying 26s ease-in-out -6.2s infinite alternate;
  animation: flying 26s ease-in-out -6.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-2 {
  top: 54%;
  left: 91%;
  -webkit-animation: flying 70s ease-in-out -6.3s infinite alternate;
  animation: flying 70s ease-in-out -6.3s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-3 {
  top: 58%;
  left: 9%;
  -webkit-animation: flying 56s ease-in-out -3.9s infinite alternate;
  animation: flying 56s ease-in-out -3.9s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-4 {
  top: 16%;
  left: 4%;
  -webkit-animation: flying 57s ease-in-out -9.1s infinite alternate;
  animation: flying 57s ease-in-out -9.1s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-5 {
  top: 22%;
  left: 12%;
  -webkit-animation: flying 31s ease-in-out -7.7s infinite alternate;
  animation: flying 31s ease-in-out -7.7s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-6 {
  top: 87%;
  left: 65%;
  -webkit-animation: flying 30s ease-in-out -7.7s infinite alternate;
  animation: flying 30s ease-in-out -7.7s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-7 {
  top: 31%;
  left: 83%;
  -webkit-animation: flying 36s ease-in-out -1.4s infinite alternate;
  animation: flying 36s ease-in-out -1.4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-8 {
  top: 88%;
  left: 70%;
  -webkit-animation: flying 42s ease-in-out -5.4s infinite alternate;
  animation: flying 42s ease-in-out -5.4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-9 {
  top: 10%;
  left: 27%;
  -webkit-animation: flying 67s ease-in-out -2.2s infinite alternate;
  animation: flying 67s ease-in-out -2.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-10 {
  top: 3%;
  left: 33%;
  -webkit-animation: flying 26s ease-in-out -8.1s infinite alternate;
  animation: flying 26s ease-in-out -8.1s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-11 {
  top: 58%;
  left: 36%;
  -webkit-animation: flying 26s ease-in-out -0.2s infinite alternate;
  animation: flying 26s ease-in-out -0.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-12 {
  top: 60%;
  left: 68%;
  -webkit-animation: flying 64s ease-in-out -5s infinite alternate;
  animation: flying 64s ease-in-out -5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-13 {
  top: 76%;
  left: 74%;
  -webkit-animation: flying 62s ease-in-out -3.4s infinite alternate;
  animation: flying 62s ease-in-out -3.4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-14 {
  top: 70%;
  left: 66%;
  -webkit-animation: flying 69s ease-in-out -3.2s infinite alternate;
  animation: flying 69s ease-in-out -3.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-15 {
  top: 17%;
  left: 12%;
  -webkit-animation: flying 24s ease-in-out -3.7s infinite alternate;
  animation: flying 24s ease-in-out -3.7s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-16 {
  top: 94%;
  left: 89%;
  -webkit-animation: flying 25s ease-in-out -4.6s infinite alternate;
  animation: flying 25s ease-in-out -4.6s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-17 {
  top: 24%;
  left: 48%;
  -webkit-animation: flying 56s ease-in-out -6.4s infinite alternate;
  animation: flying 56s ease-in-out -6.4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-18 {
  top: 77%;
  left: 14%;
  -webkit-animation: flying 60s ease-in-out -2.4s infinite alternate;
  animation: flying 60s ease-in-out -2.4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-19 {
  top: 55%;
  left: 20%;
  -webkit-animation: flying 38s ease-in-out -9.7s infinite alternate;
  animation: flying 38s ease-in-out -9.7s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-20 {
  top: 87%;
  left: 73%;
  -webkit-animation: flying 41s ease-in-out -9.5s infinite alternate;
  animation: flying 41s ease-in-out -9.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-21 {
  top: 94%;
  left: 26%;
  -webkit-animation: flying 69s ease-in-out -1.1s infinite alternate;
  animation: flying 69s ease-in-out -1.1s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-22 {
  top: 99%;
  left: 72%;
  -webkit-animation: flying 50s ease-in-out -4.5s infinite alternate;
  animation: flying 50s ease-in-out -4.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-23 {
  top: 58%;
  left: 74%;
  -webkit-animation: flying 49s ease-in-out -4s infinite alternate;
  animation: flying 49s ease-in-out -4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-24 {
  top: 2%;
  left: 75%;
  -webkit-animation: flying 29s ease-in-out -4.8s infinite alternate;
  animation: flying 29s ease-in-out -4.8s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-25 {
  top: 88%;
  left: 71%;
  -webkit-animation: flying 27s ease-in-out -7.6s infinite alternate;
  animation: flying 27s ease-in-out -7.6s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-26 {
  top: 34%;
  left: 54%;
  -webkit-animation: flying 21s ease-in-out -3.3s infinite alternate;
  animation: flying 21s ease-in-out -3.3s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-27 {
  top: 28%;
  left: 58%;
  -webkit-animation: flying 25s ease-in-out -9.9s infinite alternate;
  animation: flying 25s ease-in-out -9.9s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-28 {
  top: 37%;
  left: 52%;
  -webkit-animation: flying 38s ease-in-out -2.5s infinite alternate;
  animation: flying 38s ease-in-out -2.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-29 {
  top: 22%;
  left: 70%;
  -webkit-animation: flying 63s ease-in-out -8.3s infinite alternate;
  animation: flying 63s ease-in-out -8.3s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-30 {
  top: 84%;
  left: 68%;
  -webkit-animation: flying 46s ease-in-out -4.9s infinite alternate;
  animation: flying 46s ease-in-out -4.9s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-31 {
  top: 98%;
  left: 33%;
  -webkit-animation: flying 43s ease-in-out -1.3s infinite alternate;
  animation: flying 43s ease-in-out -1.3s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-32 {
  top: 37%;
  left: 49%;
  -webkit-animation: flying 21s ease-in-out -8.8s infinite alternate;
  animation: flying 21s ease-in-out -8.8s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-33 {
  top: 85%;
  left: 37%;
  -webkit-animation: flying 65s ease-in-out -9s infinite alternate;
  animation: flying 65s ease-in-out -9s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-34 {
  top: 61%;
  left: 84%;
  -webkit-animation: flying 44s ease-in-out -5.6s infinite alternate;
  animation: flying 44s ease-in-out -5.6s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-35 {
  top: 7%;
  left: 18%;
  -webkit-animation: flying 35s ease-in-out -4.9s infinite alternate;
  animation: flying 35s ease-in-out -4.9s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-36 {
  top: 37%;
  left: 59%;
  -webkit-animation: flying 69s ease-in-out -0.7s infinite alternate;
  animation: flying 69s ease-in-out -0.7s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-37 {
  top: 94%;
  left: 33%;
  -webkit-animation: flying 40s ease-in-out -2.2s infinite alternate;
  animation: flying 40s ease-in-out -2.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-38 {
  top: 22%;
  left: 82%;
  -webkit-animation: flying 58s ease-in-out -6.2s infinite alternate;
  animation: flying 58s ease-in-out -6.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-39 {
  top: 6%;
  left: 7%;
  -webkit-animation: flying 68s ease-in-out -1.2s infinite alternate;
  animation: flying 68s ease-in-out -1.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-40 {
  top: 77%;
  left: 24%;
  -webkit-animation: flying 36s ease-in-out -0.6s infinite alternate;
  animation: flying 36s ease-in-out -0.6s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-41 {
  top: 95%;
  left: 53%;
  -webkit-animation: flying 26s ease-in-out -5s infinite alternate;
  animation: flying 26s ease-in-out -5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-42 {
  top: 35%;
  left: 19%;
  -webkit-animation: flying 47s ease-in-out -8.8s infinite alternate;
  animation: flying 47s ease-in-out -8.8s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-43 {
  top: 30%;
  left: 65%;
  -webkit-animation: flying 56s ease-in-out -5.5s infinite alternate;
  animation: flying 56s ease-in-out -5.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-44 {
  top: 23%;
  left: 67%;
  -webkit-animation: flying 66s ease-in-out -6.9s infinite alternate;
  animation: flying 66s ease-in-out -6.9s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-45 {
  top: 26%;
  left: 99%;
  -webkit-animation: flying 56s ease-in-out -8.1s infinite alternate;
  animation: flying 56s ease-in-out -8.1s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-46 {
  top: 98%;
  left: 41%;
  -webkit-animation: flying 28s ease-in-out -6.2s infinite alternate;
  animation: flying 28s ease-in-out -6.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-47 {
  top: 35%;
  left: 27%;
  -webkit-animation: flying 59s ease-in-out -4.8s infinite alternate;
  animation: flying 59s ease-in-out -4.8s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-48 {
  top: 77%;
  left: 65%;
  -webkit-animation: flying 41s ease-in-out -4.3s infinite alternate;
  animation: flying 41s ease-in-out -4.3s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-49 {
  top: 59%;
  left: 79%;
  -webkit-animation: flying 29s ease-in-out -6.5s infinite alternate;
  animation: flying 29s ease-in-out -6.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-50 {
  top: 36%;
  left: 14%;
  -webkit-animation: flying 48s ease-in-out -4.6s infinite alternate;
  animation: flying 48s ease-in-out -4.6s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-51 {
  top: 78%;
  left: 17%;
  -webkit-animation: flying 55s ease-in-out -2.6s infinite alternate;
  animation: flying 55s ease-in-out -2.6s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-52 {
  top: 62%;
  left: 87%;
  -webkit-animation: flying 27s ease-in-out -9.2s infinite alternate;
  animation: flying 27s ease-in-out -9.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-53 {
  top: 9%;
  left: 11%;
  -webkit-animation: flying 39s ease-in-out -1.4s infinite alternate;
  animation: flying 39s ease-in-out -1.4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-54 {
  top: 14%;
  left: 24%;
  -webkit-animation: flying 28s ease-in-out -7.2s infinite alternate;
  animation: flying 28s ease-in-out -7.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-55 {
  top: 52%;
  left: 18%;
  -webkit-animation: flying 56s ease-in-out -9.4s infinite alternate;
  animation: flying 56s ease-in-out -9.4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-56 {
  top: 10%;
  left: 5%;
  -webkit-animation: flying 66s ease-in-out -9.4s infinite alternate;
  animation: flying 66s ease-in-out -9.4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-57 {
  top: 56%;
  left: 63%;
  -webkit-animation: flying 57s ease-in-out -2.1s infinite alternate;
  animation: flying 57s ease-in-out -2.1s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-58 {
  top: 61%;
  left: 72%;
  -webkit-animation: flying 57s ease-in-out -9.8s infinite alternate;
  animation: flying 57s ease-in-out -9.8s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-59 {
  top: 31%;
  left: 11%;
  -webkit-animation: flying 51s ease-in-out -6.3s infinite alternate;
  animation: flying 51s ease-in-out -6.3s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-60 {
  top: 82%;
  left: 5%;
  -webkit-animation: flying 46s ease-in-out -7.3s infinite alternate;
  animation: flying 46s ease-in-out -7.3s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-61 {
  top: 41%;
  left: 72%;
  -webkit-animation: flying 63s ease-in-out -4.5s infinite alternate;
  animation: flying 63s ease-in-out -4.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-62 {
  top: 69%;
  left: 8%;
  -webkit-animation: flying 21s ease-in-out -8.6s infinite alternate;
  animation: flying 21s ease-in-out -8.6s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-63 {
  top: 36%;
  left: 30%;
  -webkit-animation: flying 66s ease-in-out -0.1s infinite alternate;
  animation: flying 66s ease-in-out -0.1s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-64 {
  top: 72%;
  left: 66%;
  -webkit-animation: flying 35s ease-in-out -2.5s infinite alternate;
  animation: flying 35s ease-in-out -2.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-65 {
  top: 59%;
  left: 20%;
  -webkit-animation: flying 47s ease-in-out -1s infinite alternate;
  animation: flying 47s ease-in-out -1s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-66 {
  top: 89%;
  left: 12%;
  -webkit-animation: flying 68s ease-in-out -3.8s infinite alternate;
  animation: flying 68s ease-in-out -3.8s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-67 {
  top: 65%;
  left: 16%;
  -webkit-animation: flying 34s ease-in-out -1.5s infinite alternate;
  animation: flying 34s ease-in-out -1.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-68 {
  top: 41%;
  left: 83%;
  -webkit-animation: flying 69s ease-in-out -5.2s infinite alternate;
  animation: flying 69s ease-in-out -5.2s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-69 {
  top: 89%;
  left: 31%;
  -webkit-animation: flying 69s ease-in-out -9.5s infinite alternate;
  animation: flying 69s ease-in-out -9.5s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-70 {
  top: 48%;
  left: 13%;
  -webkit-animation: flying 55s ease-in-out -9.8s infinite alternate;
  animation: flying 55s ease-in-out -9.8s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-71 {
  top: 91%;
  left: 43%;
  -webkit-animation: flying 69s ease-in-out -6.8s infinite alternate;
  animation: flying 69s ease-in-out -6.8s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-72 {
  top: 47%;
  left: 21%;
  -webkit-animation: flying 61s ease-in-out -1.3s infinite alternate;
  animation: flying 61s ease-in-out -1.3s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-73 {
  top: 87%;
  left: 92%;
  -webkit-animation: flying 51s ease-in-out -5.9s infinite alternate;
  animation: flying 51s ease-in-out -5.9s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-74 {
  top: 57%;
  left: 94%;
  -webkit-animation: flying 40s ease-in-out -4s infinite alternate;
  animation: flying 40s ease-in-out -4s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper-75 {
  top: 51%;
  left: 51%;
  -webkit-animation: flying 24s ease-in-out -9.1s infinite alternate;
  animation: flying 24s ease-in-out -9.1s infinite alternate;
}

.startSectionWrapper .animatedDots .dotWrapper:nth-child(odd) .dot {
  background: #f29d0f;
}

.startSectionWrapper .animatedDots .dotWrapper:nth-child(even) .dot {
  background: #96a3b4;
}

.startSectionWrapper .animatedDots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.startSectionWrapper .animatedDots .dot-1 {
  transform-origin: 2px -9px;
  -webkit-animation: rotating 21s ease-in-out -4.9s infinite;
  animation: rotating 21s ease-in-out -4.9s infinite;
}

.startSectionWrapper .animatedDots .dot-2 {
  transform-origin: 2px -2px;
  -webkit-animation: rotating 19s ease-in-out -5.5s infinite;
  animation: rotating 19s ease-in-out -5.5s infinite;
}

.startSectionWrapper .animatedDots .dot-3 {
  transform-origin: 8px -14px;
  -webkit-animation: rotating 23s ease-in-out -3.5s infinite;
  animation: rotating 23s ease-in-out -3.5s infinite;
}

.startSectionWrapper .animatedDots .dot-4 {
  transform-origin: 5px 5px;
  -webkit-animation: rotating 20s ease-in-out -3.9s infinite;
  animation: rotating 20s ease-in-out -3.9s infinite;
}

.startSectionWrapper .animatedDots .dot-5 {
  transform-origin: -1px -7px;
  -webkit-animation: rotating 14s ease-in-out -6.6s infinite;
  animation: rotating 14s ease-in-out -6.6s infinite;
}

.startSectionWrapper .animatedDots .dot-6 {
  transform-origin: 5px 2px;
  -webkit-animation: rotating 15s ease-in-out -3.3s infinite;
  animation: rotating 15s ease-in-out -3.3s infinite;
}

.startSectionWrapper .animatedDots .dot-7 {
  transform-origin: 2px 9px;
  -webkit-animation: rotating 14s ease-in-out -3.6s infinite;
  animation: rotating 14s ease-in-out -3.6s infinite;
}

.startSectionWrapper .animatedDots .dot-8 {
  transform-origin: 15px -6px;
  -webkit-animation: rotating 17s ease-in-out -7.5s infinite;
  animation: rotating 17s ease-in-out -7.5s infinite;
}

.startSectionWrapper .animatedDots .dot-9 {
  transform-origin: -5px 8px;
  -webkit-animation: rotating 25s ease-in-out -5.5s infinite;
  animation: rotating 25s ease-in-out -5.5s infinite;
}

.startSectionWrapper .animatedDots .dot-10 {
  transform-origin: 12px 9px;
  -webkit-animation: rotating 11s ease-in-out -7.5s infinite;
  animation: rotating 11s ease-in-out -7.5s infinite;
}

.startSectionWrapper .animatedDots .dot-11 {
  transform-origin: 13px -5px;
  -webkit-animation: rotating 22s ease-in-out -3.2s infinite;
  animation: rotating 22s ease-in-out -3.2s infinite;
}

.startSectionWrapper .animatedDots .dot-12 {
  transform-origin: -9px 5px;
  -webkit-animation: rotating 23s ease-in-out -3s infinite;
  animation: rotating 23s ease-in-out -3s infinite;
}

.startSectionWrapper .animatedDots .dot-13 {
  transform-origin: -14px 5px;
  -webkit-animation: rotating 14s ease-in-out -2.1s infinite;
  animation: rotating 14s ease-in-out -2.1s infinite;
}

.startSectionWrapper .animatedDots .dot-14 {
  transform-origin: 8px -1px;
  -webkit-animation: rotating 26s ease-in-out -8.8s infinite;
  animation: rotating 26s ease-in-out -8.8s infinite;
}

.startSectionWrapper .animatedDots .dot-15 {
  transform-origin: 14px 10px;
  -webkit-animation: rotating 18s ease-in-out -3.7s infinite;
  animation: rotating 18s ease-in-out -3.7s infinite;
}

.startSectionWrapper .animatedDots .dot-16 {
  transform-origin: -13px 1px;
  -webkit-animation: rotating 24s ease-in-out -7.7s infinite;
  animation: rotating 24s ease-in-out -7.7s infinite;
}

.startSectionWrapper .animatedDots .dot-17 {
  transform-origin: -1px -3px;
  -webkit-animation: rotating 21s ease-in-out -8.6s infinite;
  animation: rotating 21s ease-in-out -8.6s infinite;
}

.startSectionWrapper .animatedDots .dot-18 {
  transform-origin: -13px 10px;
  -webkit-animation: rotating 22s ease-in-out -5.7s infinite;
  animation: rotating 22s ease-in-out -5.7s infinite;
}

.startSectionWrapper .animatedDots .dot-19 {
  transform-origin: 15px 0px;
  -webkit-animation: rotating 17s ease-in-out -4.2s infinite;
  animation: rotating 17s ease-in-out -4.2s infinite;
}

.startSectionWrapper .animatedDots .dot-20 {
  transform-origin: 10px 11px;
  -webkit-animation: rotating 25s ease-in-out -3.1s infinite;
  animation: rotating 25s ease-in-out -3.1s infinite;
}

.startSectionWrapper .animatedDots .dot-21 {
  transform-origin: 4px 1px;
  -webkit-animation: rotating 21s ease-in-out -5.7s infinite;
  animation: rotating 21s ease-in-out -5.7s infinite;
}

.startSectionWrapper .animatedDots .dot-22 {
  transform-origin: -9px -14px;
  -webkit-animation: rotating 15s ease-in-out -9.8s infinite;
  animation: rotating 15s ease-in-out -9.8s infinite;
}

.startSectionWrapper .animatedDots .dot-23 {
  transform-origin: 7px -13px;
  -webkit-animation: rotating 14s ease-in-out -0.6s infinite;
  animation: rotating 14s ease-in-out -0.6s infinite;
}

.startSectionWrapper .animatedDots .dot-24 {
  transform-origin: 6px 5px;
  -webkit-animation: rotating 17s ease-in-out -3.4s infinite;
  animation: rotating 17s ease-in-out -3.4s infinite;
}

.startSectionWrapper .animatedDots .dot-25 {
  transform-origin: 3px 6px;
  -webkit-animation: rotating 26s ease-in-out -3.9s infinite;
  animation: rotating 26s ease-in-out -3.9s infinite;
}

.startSectionWrapper .animatedDots .dot-26 {
  transform-origin: 11px -8px;
  -webkit-animation: rotating 21s ease-in-out -4.2s infinite;
  animation: rotating 21s ease-in-out -4.2s infinite;
}

.startSectionWrapper .animatedDots .dot-27 {
  transform-origin: 5px -4px;
  -webkit-animation: rotating 19s ease-in-out -4.5s infinite;
  animation: rotating 19s ease-in-out -4.5s infinite;
}

.startSectionWrapper .animatedDots .dot-28 {
  transform-origin: 2px 7px;
  -webkit-animation: rotating 24s ease-in-out -9.9s infinite;
  animation: rotating 24s ease-in-out -9.9s infinite;
}

.startSectionWrapper .animatedDots .dot-29 {
  transform-origin: -8px -1px;
  -webkit-animation: rotating 20s ease-in-out -6.3s infinite;
  animation: rotating 20s ease-in-out -6.3s infinite;
}

.startSectionWrapper .animatedDots .dot-30 {
  transform-origin: -8px -1px;
  -webkit-animation: rotating 21s ease-in-out -1.8s infinite;
  animation: rotating 21s ease-in-out -1.8s infinite;
}

.startSectionWrapper .animatedDots .dot-31 {
  transform-origin: -2px 6px;
  -webkit-animation: rotating 16s ease-in-out -2.1s infinite;
  animation: rotating 16s ease-in-out -2.1s infinite;
}

.startSectionWrapper .animatedDots .dot-32 {
  transform-origin: 14px -13px;
  -webkit-animation: rotating 27s ease-in-out -9s infinite;
  animation: rotating 27s ease-in-out -9s infinite;
}

.startSectionWrapper .animatedDots .dot-33 {
  transform-origin: 4px -5px;
  -webkit-animation: rotating 13s ease-in-out -7.8s infinite;
  animation: rotating 13s ease-in-out -7.8s infinite;
}

.startSectionWrapper .animatedDots .dot-34 {
  transform-origin: 7px -4px;
  -webkit-animation: rotating 15s ease-in-out -9.7s infinite;
  animation: rotating 15s ease-in-out -9.7s infinite;
}

.startSectionWrapper .animatedDots .dot-35 {
  transform-origin: 15px -6px;
  -webkit-animation: rotating 13s ease-in-out -8.9s infinite;
  animation: rotating 13s ease-in-out -8.9s infinite;
}

.startSectionWrapper .animatedDots .dot-36 {
  transform-origin: -6px 5px;
  -webkit-animation: rotating 16s ease-in-out -0.1s infinite;
  animation: rotating 16s ease-in-out -0.1s infinite;
}

.startSectionWrapper .animatedDots .dot-37 {
  transform-origin: 9px 3px;
  -webkit-animation: rotating 26s ease-in-out -9.7s infinite;
  animation: rotating 26s ease-in-out -9.7s infinite;
}

.startSectionWrapper .animatedDots .dot-38 {
  transform-origin: 10px 4px;
  -webkit-animation: rotating 20s ease-in-out -1.7s infinite;
  animation: rotating 20s ease-in-out -1.7s infinite;
}

.startSectionWrapper .animatedDots .dot-39 {
  transform-origin: -7px 13px;
  -webkit-animation: rotating 29s ease-in-out -9.2s infinite;
  animation: rotating 29s ease-in-out -9.2s infinite;
}

.startSectionWrapper .animatedDots .dot-40 {
  transform-origin: 9px -2px;
  -webkit-animation: rotating 17s ease-in-out -6.3s infinite;
  animation: rotating 17s ease-in-out -6.3s infinite;
}

.startSectionWrapper .animatedDots .dot-41 {
  transform-origin: 4px -4px;
  -webkit-animation: rotating 21s ease-in-out -5.5s infinite;
  animation: rotating 21s ease-in-out -5.5s infinite;
}

.startSectionWrapper .animatedDots .dot-42 {
  transform-origin: 0px 4px;
  -webkit-animation: rotating 17s ease-in-out -3.4s infinite;
  animation: rotating 17s ease-in-out -3.4s infinite;
}

.startSectionWrapper .animatedDots .dot-43 {
  transform-origin: 6px -2px;
  -webkit-animation: rotating 15s ease-in-out -8.3s infinite;
  animation: rotating 15s ease-in-out -8.3s infinite;
}

.startSectionWrapper .animatedDots .dot-44 {
  transform-origin: -1px 11px;
  -webkit-animation: rotating 22s ease-in-out -1.5s infinite;
  animation: rotating 22s ease-in-out -1.5s infinite;
}

.startSectionWrapper .animatedDots .dot-45 {
  transform-origin: 14px 8px;
  -webkit-animation: rotating 19s ease-in-out -2.5s infinite;
  animation: rotating 19s ease-in-out -2.5s infinite;
}

.startSectionWrapper .animatedDots .dot-46 {
  transform-origin: -8px -10px;
  -webkit-animation: rotating 30s ease-in-out -2.4s infinite;
  animation: rotating 30s ease-in-out -2.4s infinite;
}

.startSectionWrapper .animatedDots .dot-47 {
  transform-origin: 6px 12px;
  -webkit-animation: rotating 25s ease-in-out -0.6s infinite;
  animation: rotating 25s ease-in-out -0.6s infinite;
}

.startSectionWrapper .animatedDots .dot-48 {
  transform-origin: -1px -2px;
  -webkit-animation: rotating 25s ease-in-out -9.3s infinite;
  animation: rotating 25s ease-in-out -9.3s infinite;
}

.startSectionWrapper .animatedDots .dot-49 {
  transform-origin: -2px -6px;
  -webkit-animation: rotating 14s ease-in-out -5.3s infinite;
  animation: rotating 14s ease-in-out -5.3s infinite;
}

.startSectionWrapper .animatedDots .dot-50 {
  transform-origin: 5px -2px;
  -webkit-animation: rotating 29s ease-in-out -4.5s infinite;
  animation: rotating 29s ease-in-out -4.5s infinite;
}

@-webkit-keyframes rotating {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }

  25%,
  75% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }

  25%,
  75% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: rotate(360deg);
  }
}

@-webkit-keyframes flying {
  0% {
    transform: translate(0, 0);
  }

  10% {
    transform: translate(20px, 50px);
  }

  20% {
    transform: translate(-30px, 10px);
  }

  30% {
    transform: translate(10px, 60px);
  }

  40% {
    transform: translate(50px, 0px);
  }

  50% {
    transform: translate(-10px, -40px);
  }

  60% {
    transform: translate(-40px, 20px);
  }

  70% {
    transform: translate(30px, -30px);
  }

  80% {
    transform: translate(0px, -60px);
  }

  90% {
    transform: translate(40px, 10px);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes flying {
  0% {
    transform: translate(0, 0);
  }

  10% {
    transform: translate(20px, 50px);
  }

  20% {
    transform: translate(-30px, 10px);
  }

  30% {
    transform: translate(10px, 60px);
  }

  40% {
    transform: translate(50px, 0px);
  }

  50% {
    transform: translate(-10px, -40px);
  }

  60% {
    transform: translate(-40px, 20px);
  }

  70% {
    transform: translate(30px, -30px);
  }

  80% {
    transform: translate(0px, -60px);
  }

  90% {
    transform: translate(40px, 10px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.startSection {
  padding-top: 184px;
}

.startSection .image {
  position: absolute;
  display: block;
  width: 532px;
  height: 531px;
  left: 454px;
  top: -51px;
  z-index: -1;
}

.startSection .image img {
  display: block;
}

.startSection .image .el1 {
  position: relative;
  width: 100%;
  z-index: 1;
  -webkit-animation-name: rotate1;
  -moz-animation-name: rotate1;
  -o-animation-name: rotate1;
  animation-name: rotate1;
  -webkit-animation-duration: 50s;
  -moz-animation-duration: 50s;
  -o-animation-duration: 50s;
  animation-duration: 50s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.startSection .image .el2 {
  position: absolute;
  left: 68px;
  top: 68px;
  z-index: -1;
  -webkit-animation-name: rotate2;
  -moz-animation-name: rotate2;
  -o-animation-name: rotate2;
  animation-name: rotate2;
  -webkit-animation-duration: 100s;
  -moz-animation-duration: 100s;
  -o-animation-duration: 100s;
  animation-duration: 100s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.startSection .image .el3 {
  position: absolute;
  left: 145px;
  top: 145px;
  -webkit-animation-name: rotate2;
  -moz-animation-name: rotate2;
  -o-animation-name: rotate2;
  animation-name: rotate2;
  -webkit-animation-duration: 40s;
  -moz-animation-duration: 40s;
  -o-animation-duration: 40s;
  animation-duration: 40s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.startSection .image .el4 {
  position: absolute;
  max-width: unset;
  left: -109px;
  top: -79px;
  z-index: 1;
}

.startSection .image .el5 {
  position: absolute;
  max-width: unset;
  left: 200px;
  top: 238px;
  z-index: 2;
}

.startSection .wrapper {
  position: relative;
}

.startSection .titleContainer {
  max-width: 500px;
}

.startSection .titleContainer+.contentContainer {
  margin-top: 56px;
}

.startSection .contentContainer {
  max-width: 600px;
}

.startSection .title {
  display: block;
  font-size: 40px;
  line-height: 60px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.startSection .info {
  max-width: 400px;
  font-size: 20px;
  line-height: 30px;
  color: #acb0bc;
  font-weight: 500;
}

.startSection .info .highlighted {
  background: #f562e5;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.startSection .button {
  margin-top: 43px;
}

.startSection .logo {
  margin-top: 245px;
  position: relative;
}

.startSection .logo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.15;
}

@keyframes rotate1 {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes rotate2 {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.mainAboutSection {
  position: relative;
  margin-top: 83px;
  padding-bottom: 80px;
  z-index: 2;
}

.mainAboutSection::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -370px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1431px;
  background-image: url(../img/back_2.png);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -2;
}

.mainAboutSection .titleContainer .title {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
  z-index: 2;
}

.mainAboutSection .titleContainer .title span {
  font-size: 60px;
  line-height: 76px;
}

.mainAboutSection .titleContainer .title .highlighted {
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.mainAboutSection .titleContainer+.contentContainer {
  margin-top: 10px;
}

.mainAboutSection .contentContainer {
  position: relative;
}

.mainAboutSection .contentContainer::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 200px;
  margin: 0px auto;
  width: 117px;
  height: 114px;
  background-image: url(../img/slider_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.mainAboutSection .animatedSphere {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 155px;
  left: 0;
  width: 190px;
  bottom: auto;
  right: 0;
  margin: 0 auto;
  padding: 0;
  z-index: 2;
}

.mainAboutSection .animatedSphere .sphere {
  transform-style: preserve-3d;
  perspective: 190px;
  position: relative;
  width: 190px;
  height: 190px;
  list-style: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  animation: rotate3d 20s linear infinite both;
}

.mainAboutSection .animatedSphere .sphere>.item {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  left: 50%;
  top: 50%;
  margin: -2.5px 0 0 -2.5px;
}

.mainAboutSection .animatedSphere .sphere>.item .dot {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  animation: pulsate 1s linear infinite both;
}

.mainAboutSection .animatedSphere .sphere .item.item-1 {
  transform: translate3d(0px, 0px, 50.41401274px);
}

.mainAboutSection .animatedSphere .sphere .item.item-1 .dot {
  background-color: #00b2ec;
  animation: pulsate 0.5s linear 0ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-2 {
  transform: translate3d(-0.67909414px, -0.47550684px, 50.41039543px);
}

.mainAboutSection .animatedSphere .sphere .item.item-2 .dot {
  background-color: #00b1ec;
  animation: pulsate 0.5s linear -20ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-3 {
  transform: translate3d(-0.56706208px, -1.55799027px, 50.39954378px);
}

.mainAboutSection .animatedSphere .sphere .item.item-3 .dot {
  background-color: #00afec;
  animation: pulsate 0.5s linear -40ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-4 {
  transform: translate3d(0.64363381px, -2.40207409px, 50.38145861px);
}

.mainAboutSection .animatedSphere .sphere .item.item-4 .dot {
  background-color: #00aeec;
  animation: pulsate 0.5s linear -60ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-5 {
  transform: translate3d(2.53978372px, -2.13113159px, 50.35614131px);
}

.mainAboutSection .animatedSphere .sphere .item.item-5 .dot {
  background-color: #00acec;
  animation: pulsate 0.5s linear -80ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-6 {
  transform: translate3d(4.12807323px, -0.36115961px, 50.32359379px);
}

.mainAboutSection .animatedSphere .sphere .item.item-6 .dot {
  background-color: #00abec;
  animation: pulsate 0.5s linear -100ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-7 {
  transform: translate3d(4.30580543px, 2.48595792px, 50.28381854px);
}

.mainAboutSection .animatedSphere .sphere .item.item-7 .dot {
  background-color: #00a9ec;
  animation: pulsate 0.5s linear -120ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-8 {
  transform: translate3d(2.45102163px, 5.25623284px, 50.23681859px);
}

.mainAboutSection .animatedSphere .sphere .item.item-8 .dot {
  background-color: #00a8ec;
  animation: pulsate 0.5s linear -140ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-9 {
  transform: translate3d(-1.15074303px, 6.52618804px, 50.18259751px);
}

.mainAboutSection .animatedSphere .sphere .item.item-9 .dot {
  background-color: #00a6ec;
  animation: pulsate 0.5s linear -160ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-10 {
  transform: translate3d(-5.27050107px, 5.27050107px, 50.12115944px);
}

.mainAboutSection .animatedSphere .sphere .item.item-10 .dot {
  background-color: #00a5ec;
  animation: pulsate 0.5s linear -180ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-11 {
  transform: translate3d(-8.15400686px, 1.43777141px, 50.05250906px);
}

.mainAboutSection .animatedSphere .sphere .item.item-11 .dot {
  background-color: #00a3ec;
  animation: pulsate 0.5s linear -200ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-12 {
  transform: translate3d(-8.25224643px, -3.84808571px, 49.97665158px);
}

.mainAboutSection .animatedSphere .sphere .item.item-12 .dot {
  background-color: #00a2ec;
  animation: pulsate 0.5s linear -220ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-13 {
  transform: translate3d(-4.96510201px, -8.59980894px, 49.8935928px);
}

.mainAboutSection .animatedSphere .sphere .item.item-13 .dot {
  background-color: #00a1ec;
  animation: pulsate 0.5s linear -240ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-14 {
  transform: translate3d(0.93729947px, -10.71338193px, 49.80333903px);
}

.mainAboutSection .animatedSphere .sphere .item.item-14 .dot {
  background-color: #009fec;
  animation: pulsate 0.5s linear -260ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-15 {
  transform: translate3d(7.44192987px, -8.86894666px, 49.70589714px);
}

.mainAboutSection .animatedSphere .sphere .item.item-15 .dot {
  background-color: #009eec;
  animation: pulsate 0.5s linear -280ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-16 {
  transform: translate3d(11.97746891px, -3.20935312px, 49.60127457px);
}

.mainAboutSection .animatedSphere .sphere .item.item-16 .dot {
  background-color: #009cec;
  animation: pulsate 0.5s linear -300ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-17 {
  transform: translate3d(12.42409392px, 4.52200037px, 49.48947927px);
}

.mainAboutSection .animatedSphere .sphere .item.item-17 .dot {
  background-color: #009bec;
  animation: pulsate 0.5s linear -320ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-18 {
  transform: translate3d(8.05409955px, 11.50244622px, 49.37051976px);
}

.mainAboutSection .animatedSphere .sphere .item.item-18 .dot {
  background-color: #0099ec;
  animation: pulsate 0.5s linear -340ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-19 {
  transform: translate3d(0px, 14.86127418px, 49.2444051px);
}

.mainAboutSection .animatedSphere .sphere .item.item-19 .dot {
  background-color: #0098ec;
  animation: pulsate 0.5s linear -360ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-20 {
  transform: translate3d(-8.99340467px, 12.84391296px, 49.11114488px);
}

.mainAboutSection .animatedSphere .sphere .item.item-20 .dot {
  background-color: #0096ec;
  animation: pulsate 0.5s linear -380ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-21 {
  transform: translate3d(-15.50171156px, 5.64216159px, 48.97074928px);
}

.mainAboutSection .animatedSphere .sphere .item.item-21 .dot {
  background-color: #0095ec;
  animation: pulsate 0.5s linear -400ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-22 {
  transform: translate3d(-16.72247005px, -4.48077235px, 48.82322896px);
}

.mainAboutSection .animatedSphere .sphere .item.item-22 .dot {
  background-color: #0093ec;
  animation: pulsate 0.5s linear -420ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-23 {
  transform: translate3d(-11.65171751px, -13.88597621px, 48.66859517px);
}

.mainAboutSection .animatedSphere .sphere .item.item-23 .dot {
  background-color: #0092ec;
  animation: pulsate 0.5s linear -440ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-24 {
  transform: translate3d(-1.65072574px, -18.86788153px, 48.50685968px);
}

.mainAboutSection .animatedSphere .sphere .item.item-24 .dot {
  background-color: #0090ec;
  animation: pulsate 0.5s linear -460ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-25 {
  transform: translate3d(9.87580531px, -17.10539657px, 48.33803481px);
}

.mainAboutSection .animatedSphere .sphere .item.item-25 .dot {
  background-color: #008fec;
  animation: pulsate 0.5s linear -480ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-26 {
  transform: translate3d(18.63528622px, -8.68977667px, 48.16213342px);
}

.mainAboutSection .animatedSphere .sphere .item.item-26 .dot {
  background-color: #008eec;
  animation: pulsate 0.5s linear -500ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-27 {
  transform: translate3d(21.04568652px, 3.71092236px, 47.97916889px);
}

.mainAboutSection .animatedSphere .sphere .item.item-27 .dot {
  background-color: #008cec;
  animation: pulsate 0.5s linear -520ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-28 {
  transform: translate3d(15.68172598px, 15.68172598px, 47.78915518px);
}

.mainAboutSection .animatedSphere .sphere .item.item-28 .dot {
  background-color: #008bec;
  animation: pulsate 0.5s linear -540ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-29 {
  transform: translate3d(3.99088315px, 22.63342305px, 47.59210674px);
}

.mainAboutSection .animatedSphere .sphere .item.item-29 .dot {
  background-color: #0089ec;
  animation: pulsate 0.5s linear -560ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-30 {
  transform: translate3d(-10.0524404px, 21.557528px, 47.38803857px);
}

.mainAboutSection .animatedSphere .sphere .item.item-30 .dot {
  background-color: #0088ec;
  animation: pulsate 0.5s linear -580ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-31 {
  transform: translate3d(-21.29366746px, 12.29390464px, 47.17696624px);
}

.mainAboutSection .animatedSphere .sphere .item.item-31 .dot {
  background-color: #0086ec;
  animation: pulsate 0.5s linear -600ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-32 {
  transform: translate3d(-25.29103807px, -2.21267912px, 46.95890579px);
}

.mainAboutSection .animatedSphere .sphere .item.item-32 .dot {
  background-color: #0085ec;
  animation: pulsate 0.5s linear -620ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-33 {
  transform: translate3d(-20.05929415px, -16.83174632px, 46.73387385px);
}

.mainAboutSection .animatedSphere .sphere .item.item-33 .dot {
  background-color: #0083ec;
  animation: pulsate 0.5s linear -640ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-34 {
  transform: translate3d(-6.98331513px, -26.06208687px, 46.50188755px);
}

.mainAboutSection .animatedSphere .sphere .item.item-34 .dot {
  background-color: #0082ec;
  animation: pulsate 0.5s linear -660ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-35 {
  transform: translate3d(9.49971617px, -26.10025568px, 46.26296456px);
}

.mainAboutSection .animatedSphere .sphere .item.item-35 .dot {
  background-color: #0080ec;
  animation: pulsate 0.5s linear -680ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-36 {
  transform: translate3d(23.40075819px, -16.38538728px, 46.01712306px);
}

.mainAboutSection .animatedSphere .sphere .item.item-36 .dot {
  background-color: #007fec;
  animation: pulsate 0.5s linear -700ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-37 {
  transform: translate3d(29.35661447px, 0px, 45.76438179px);
}

.mainAboutSection .animatedSphere .sphere .item.item-37 .dot {
  background-color: #007eec;
  animation: pulsate 0.5s linear -720ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-38 {
  transform: translate3d(24.69247201px, 17.28985504px, 45.50475998px);
}

.mainAboutSection .animatedSphere .sphere .item.item-38 .dot {
  background-color: #007cec;
  animation: pulsate 0.5s linear -740ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-39 {
  transform: translate3d(10.57833235px, 29.06372927px, 45.23827742px);
}

.mainAboutSection .animatedSphere .sphere .item.item-39 .dot {
  background-color: #007bec;
  animation: pulsate 0.5s linear -760ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-40 {
  transform: translate3d(-8.20757939px, 30.6311033px, 44.96495439px);
}

.mainAboutSection .animatedSphere .sphere .item.item-40 .dot {
  background-color: #0079ec;
  animation: pulsate 0.5s linear -780ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-41 {
  transform: translate3d(-24.89024987px, 20.88539949px, 44.68481171px);
}

.mainAboutSection .animatedSphere .sphere .item.item-41 .dot {
  background-color: #0078ec;
  animation: pulsate 0.5s linear -800ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-42 {
  transform: translate3d(-33.14309996px, 2.89964552px, 44.39787072px);
}

.mainAboutSection .animatedSphere .sphere .item.item-42 .dot {
  background-color: #0076ec;
  animation: pulsate 0.5s linear -820ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-43 {
  transform: translate3d(-29.48379608px, -17.0224776px, 44.10415326px);
}

.mainAboutSection .animatedSphere .sphere .item.item-43 .dot {
  background-color: #0075ec;
  animation: pulsate 0.5s linear -840ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-44 {
  transform: translate3d(-14.71456058px, -31.555477px, 43.8036817px);
}

.mainAboutSection .animatedSphere .sphere .item.item-44 .dot {
  background-color: #0073ec;
  animation: pulsate 0.5s linear -860ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-45 {
  transform: translate3d(6.17972647px, -35.04697036px, 43.49647892px);
}

.mainAboutSection .animatedSphere .sphere .item.item-45 .dot {
  background-color: #0072ec;
  animation: pulsate 0.5s linear -880ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-46 {
  transform: translate3d(25.70681476px, -25.70681476px, 43.18256833px);
}

.mainAboutSection .animatedSphere .sphere .item.item-46 .dot {
  background-color: #0070ec;
  animation: pulsate 0.5s linear -900ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-47 {
  transform: translate3d(36.55552924px, -6.4457261px, 42.86197382px);
}

.mainAboutSection .animatedSphere .sphere .item.item-47 .dot {
  background-color: #006fec;
  animation: pulsate 0.5s linear -920ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-48 {
  transform: translate3d(34.33199169px, 16.00927065px, 42.53471981px);
}

.mainAboutSection .animatedSphere .sphere .item.item-48 .dot {
  background-color: #006eec;
  animation: pulsate 0.5s linear -940ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-49 {
  transform: translate3d(19.31999055px, 33.46320523px, 42.20083121px);
}

.mainAboutSection .animatedSphere .sphere .item.item-49 .dot {
  background-color: #006cec;
  animation: pulsate 0.5s linear -960ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-50 {
  transform: translate3d(-3.43357527px, 39.24594492px, 41.86033347px);
}

.mainAboutSection .animatedSphere .sphere .item.item-50 .dot {
  background-color: #006bec;
  animation: pulsate 0.5s linear -980ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-51 {
  transform: translate3d(-25.80710932px, 30.75571524px, 41.51325251px);
}

.mainAboutSection .animatedSphere .sphere .item.item-51 .dot {
  background-color: #0069ec;
  animation: pulsate 0.5s linear -1000ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-52 {
  transform: translate3d(-39.50496976px, 10.58532474px, 41.15961475px);
}

.mainAboutSection .animatedSphere .sphere .item.item-52 .dot {
  background-color: #0068ec;
  animation: pulsate 0.5s linear -1020ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-53 {
  transform: translate3d(-39.13374252px, -14.24351743px, 40.79944714px);
}

.mainAboutSection .animatedSphere .sphere .item.item-53 .dot {
  background-color: #0066ec;
  animation: pulsate 0.5s linear -1040ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-54 {
  transform: translate3d(-24.3132124px, -34.72286582px, 40.43277709px);
}

.mainAboutSection .animatedSphere .sphere .item.item-54 .dot {
  background-color: #0065ec;
  animation: pulsate 0.5s linear -1060ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-55 {
  transform: translate3d(0px, -43.12909748px, 40.05963254px);
}

.mainAboutSection .animatedSphere .sphere .item.item-55 .dot {
  background-color: #0063ec;
  animation: pulsate 0.5s linear -1080ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-56 {
  transform: translate3d(25.16057179px, -35.93302045px, 39.68004189px);
}

.mainAboutSection .animatedSphere .sphere .item.item-56 .dot {
  background-color: #0062ec;
  animation: pulsate 0.5s linear -1100ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-57 {
  transform: translate3d(41.91010151px, -15.25402946px, 39.29403406px);
}

.mainAboutSection .animatedSphere .sphere .item.item-57 .dot {
  background-color: #0060ec;
  animation: pulsate 0.5s linear -1120ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-58 {
  transform: translate3d(43.78549713px, 11.7322886px, 38.90163844px);
}

.mainAboutSection .animatedSphere .sphere .item.item-58 .dot {
  background-color: #005fec;
  animation: pulsate 0.5s linear -1140ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-59 {
  transform: translate3d(29.60481361px, 35.28164298px, 38.50288492px);
}

.mainAboutSection .animatedSphere .sphere .item.item-59 .dot {
  background-color: #005eec;
  animation: pulsate 0.5s linear -1160ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-60 {
  transform: translate3d(4.07716641px, 46.60222528px, 38.09780385px);
}

.mainAboutSection .animatedSphere .sphere .item.item-60 .dot {
  background-color: #005cec;
  animation: pulsate 0.5s linear -1180ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-61 {
  transform: translate3d(-23.75px, 41.13620668px, 37.6864261px);
}

.mainAboutSection .animatedSphere .sphere .item.item-61 .dot {
  background-color: #005bec;
  animation: pulsate 0.5s linear -1200ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-62 {
  transform: translate3d(-43.6986672px, 20.37702317px, 37.26878298px);
}

.mainAboutSection .animatedSphere .sphere .item.item-62 .dot {
  background-color: #0059ec;
  animation: pulsate 0.5s linear -1220ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-63 {
  transform: translate3d(-48.18528148px, -8.4963652px, 36.84490631px);
}

.mainAboutSection .animatedSphere .sphere .item.item-63 .dot {
  background-color: #0058ec;
  animation: pulsate 0.5s linear -1240ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-64 {
  transform: translate3d(-35.09891644px, -35.09891644px, 36.41482835px);
}

.mainAboutSection .animatedSphere .sphere .item.item-64 .dot {
  background-color: #0056ec;
  animation: pulsate 0.5s linear -1260ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-65 {
  transform: translate3d(-8.74185388px, -49.57751699px, 35.97858187px);
}

.mainAboutSection .animatedSphere .sphere .item.item-65 .dot {
  background-color: #0055ec;
  animation: pulsate 0.5s linear -1280ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-66 {
  transform: translate3d(21.57189952px, -46.26108781px, 35.53620009px);
}

.mainAboutSection .animatedSphere .sphere .item.item-66 .dot {
  background-color: #0053ec;
  animation: pulsate 0.5s linear -1300ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-67 {
  transform: translate3d(44.80876782px, -25.87035416px, 35.08771669px);
}

.mainAboutSection .animatedSphere .sphere .item.item-67 .dot {
  background-color: #0052ec;
  animation: pulsate 0.5s linear -1320ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-68 {
  transform: translate3d(52.23448635px, 4.5699254px, 34.63316584px);
}

.mainAboutSection .animatedSphere .sphere .item.item-68 .dot {
  background-color: #0050ec;
  animation: pulsate 0.5s linear -1340ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-69 {
  transform: translate3d(40.69482855px, 34.14701563px, 34.17258213px);
}

.mainAboutSection .animatedSphere .sphere .item.item-69 .dot {
  background-color: #004fec;
  animation: pulsate 0.5s linear -1360ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-70 {
  transform: translate3d(13.92668853px, 51.97510918px, 33.70600066px);
}

.mainAboutSection .animatedSphere .sphere .item.item-70 .dot {
  background-color: #004dec;
  animation: pulsate 0.5s linear -1380ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-71 {
  transform: translate3d(-18.63659602px, 51.20362675px, 33.23345695px);
}

.mainAboutSection .animatedSphere .sphere .item.item-71 .dot {
  background-color: #004cec;
  animation: pulsate 0.5s linear -1400ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-72 {
  transform: translate3d(-45.18998126px, 31.64236553px, 32.75498698px);
}

.mainAboutSection .animatedSphere .sphere .item.item-72 .dot {
  background-color: #004bec;
  animation: pulsate 0.5s linear -1420ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-73 {
  transform: translate3d(-55.83959897px, 0px, 32.2706272px);
}

.mainAboutSection .animatedSphere .sphere .item.item-73 .dot {
  background-color: #0049ec;
  animation: pulsate 0.5s linear -1440ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-74 {
  transform: translate3d(-46.28877867px, -32.41175176px, 31.7804145px);
}

.mainAboutSection .animatedSphere .sphere .item.item-74 .dot {
  background-color: #0048ec;
  animation: pulsate 0.5s linear -1460ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-75 {
  transform: translate3d(-19.55412175px, -53.72450795px, 31.28438619px);
}

.mainAboutSection .animatedSphere .sphere .item.item-75 .dot {
  background-color: #0046ec;
  animation: pulsate 0.5s linear -1480ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-76 {
  transform: translate3d(14.96810992px, -55.8617467px, 30.78258007px);
}

.mainAboutSection .animatedSphere .sphere .item.item-76 .dot {
  background-color: #0045ec;
  animation: pulsate 0.5s linear -1500ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-77 {
  transform: translate3d(44.80428494px, -37.59525897px, 30.27503433px);
}

.mainAboutSection .animatedSphere .sphere .item.item-77 .dot {
  background-color: #0043ec;
  animation: pulsate 0.5s linear -1520ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-78 {
  transform: translate3d(58.91384915px, -5.15429393px, 29.76178764px);
}

.mainAboutSection .animatedSphere .sphere .item.item-78 .dot {
  background-color: #0042ec;
  animation: pulsate 0.5s linear -1540ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-79 {
  transform: translate3d(51.77570735px, 29.89271857px, 29.24287908px);
}

.mainAboutSection .animatedSphere .sphere .item.item-79 .dot {
  background-color: #0040ec;
  animation: pulsate 0.5s linear -1560ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-80 {
  transform: translate3d(25.53773582px, 54.7658512px, 28.71834816px);
}

.mainAboutSection .animatedSphere .sphere .item.item-80 .dot {
  background-color: #003fec;
  animation: pulsate 0.5s linear -1580ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-81 {
  transform: translate3d(-10.60379522px, 60.13711105px, 28.18823484px);
}

.mainAboutSection .animatedSphere .sphere .item.item-81 .dot {
  background-color: #003dec;
  animation: pulsate 0.5s linear -1600ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-82 {
  transform: translate3d(-43.62676631px, 43.62676631px, 27.65257947px);
}

.mainAboutSection .animatedSphere .sphere .item.item-82 .dot {
  background-color: #003cec;
  animation: pulsate 0.5s linear -1620ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-83 {
  transform: translate3d(-61.37874173px, 10.82272821px, 27.11142286px);
}

.mainAboutSection .animatedSphere .sphere .item.item-83 .dot {
  background-color: #003bec;
  animation: pulsate 0.5s linear -1640ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-84 {
  transform: translate3d(-57.05108241px, -26.60335663px, 26.56480621px);
}

.mainAboutSection .animatedSphere .sphere .item.item-84 .dot {
  background-color: #0039ec;
  animation: pulsate 0.5s linear -1660ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-85 {
  transform: translate3d(-31.7837038px, -55.05098984px, 26.01277116px);
}

.mainAboutSection .animatedSphere .sphere .item.item-85 .dot {
  background-color: #0038ec;
  animation: pulsate 0.5s linear -1680ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-86 {
  transform: translate3d(5.5937488px, -63.93684138px, 25.45535974px);
}

.mainAboutSection .animatedSphere .sphere .item.item-86 .dot {
  background-color: #0036ec;
  animation: pulsate 0.5s linear -1700ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-87 {
  transform: translate3d(41.64610909px, -49.63190012px, 24.89261439px);
}

.mainAboutSection .animatedSphere .sphere .item.item-87 .dot {
  background-color: #0035ec;
  animation: pulsate 0.5s linear -1720ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-88 {
  transform: translate3d(63.16544892px, -16.92513103px, 24.32457799px);
}

.mainAboutSection .animatedSphere .sphere .item.item-88 .dot {
  background-color: #0033ec;
  animation: pulsate 0.5s linear -1740ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-89 {
  transform: translate3d(62.01270775px, 22.57077977px, 23.75129377px);
}

.mainAboutSection .animatedSphere .sphere .item.item-89 .dot {
  background-color: #0032ec;
  animation: pulsate 0.5s linear -1760ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-90 {
  transform: translate3d(38.19237861px, 54.54436939px, 23.17280541px);
}

.mainAboutSection .animatedSphere .sphere .item.item-90 .dot {
  background-color: #0030ec;
  animation: pulsate 0.5s linear -1780ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-91 {
  transform: translate3d(0px, 67.17514421px, 22.58915695px);
}

.mainAboutSection .animatedSphere .sphere .item.item-91 .dot {
  background-color: #002fec;
  animation: pulsate 0.5s linear -1800ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-92 {
  transform: translate3d(-38.86484683px, 55.50475353px, 22.00039285px);
}

.mainAboutSection .animatedSphere .sphere .item.item-92 .dot {
  background-color: #002dec;
  animation: pulsate 0.5s linear -1820ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-93 {
  transform: translate3d(-64.21603871px, 23.37272665px, 21.40655793px);
}

.mainAboutSection .animatedSphere .sphere .item.item-93 .dot {
  background-color: #002cec;
  animation: pulsate 0.5s linear -1840ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-94 {
  transform: translate3d(-66.56249468px, -17.83536669px, 20.80769743px);
}

.mainAboutSection .animatedSphere .sphere .item.item-94 .dot {
  background-color: #002bec;
  animation: pulsate 0.5s linear -1860ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-95 {
  transform: translate3d(-44.65998428px, -53.22369671px, 20.20385694px);
}

.mainAboutSection .animatedSphere .sphere .item.item-95 .dot {
  background-color: #0029ec;
  animation: pulsate 0.5s linear -1880ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-96 {
  transform: translate3d(-6.10450562px, -69.77481853px, 19.59508246px);
}

.mainAboutSection .animatedSphere .sphere .item.item-96 .dot {
  background-color: #0028ec;
  animation: pulsate 0.5s linear -1900ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-97 {
  transform: translate3d(35.29937921px, -61.14031827px, 18.98142034px);
}

.mainAboutSection .animatedSphere .sphere .item.item-97 .dot {
  background-color: #0026ec;
  animation: pulsate 0.5s linear -1920ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-98 {
  transform: translate3d(64.48451818px, -30.06962466px, 18.36291732px);
}

.mainAboutSection .animatedSphere .sphere .item.item-98 .dot {
  background-color: #0025ec;
  animation: pulsate 0.5s linear -1940ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-99 {
  transform: translate3d(70.60816536px, 12.45012461px, 17.73962049px);
}

.mainAboutSection .animatedSphere .sphere .item.item-99 .dot {
  background-color: #0023ec;
  animation: pulsate 0.5s linear -1960ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-100 {
  transform: translate3d(51.0803804px, 51.0803804px, 17.11157733px);
}

.mainAboutSection .animatedSphere .sphere .item.item-100 .dot {
  background-color: #0022ec;
  animation: pulsate 0.5s linear -1980ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-101 {
  transform: translate3d(12.63711105px, 71.66861814px, 16.47883566px);
}

.mainAboutSection .animatedSphere .sphere .item.item-101 .dot {
  background-color: #0020ec;
  animation: pulsate 0.5s linear -2000ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-102 {
  transform: translate3d(-30.97975081px, 66.43629002px, 15.84144367px);
}

.mainAboutSection .animatedSphere .sphere .item.item-102 .dot {
  background-color: #001fec;
  animation: pulsate 0.5s linear -2020ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-103 {
  transform: translate3d(-63.93767378px, 36.91443317px, 15.19944989px);
}

.mainAboutSection .animatedSphere .sphere .item.item-103 .dot {
  background-color: #001dec;
  animation: pulsate 0.5s linear -2040ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-104 {
  transform: translate3d(-74.06485917px, -6.47983554px, 14.55290322px);
}

.mainAboutSection .animatedSphere .sphere .item.item-104 .dot {
  background-color: #001cec;
  animation: pulsate 0.5s linear -2060ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-105 {
  transform: translate3d(-57.3468696px, -48.11973713px, 13.90185289px);
}

.mainAboutSection .animatedSphere .sphere .item.item-105 .dot {
  background-color: #001aec;
  animation: pulsate 0.5s linear -2080ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-106 {
  transform: translate3d(-19.50682063px, -72.80044567px, 13.24634849px);
}

.mainAboutSection .animatedSphere .sphere .item.item-106 .dot {
  background-color: #0019ec;
  animation: pulsate 0.5s linear -2100ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-107 {
  transform: translate3d(25.949196px, -71.29483007px, 12.58643994px);
}

.mainAboutSection .animatedSphere .sphere .item.item-107 .dot {
  background-color: #0018ec;
  animation: pulsate 0.5s linear -2120ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-108 {
  transform: translate3d(62.55569412px, -43.80196858px, 11.92217748px);
}

.mainAboutSection .animatedSphere .sphere .item.item-108 .dot {
  background-color: #0016ec;
  animation: pulsate 0.5s linear -2140ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-109 {
  transform: translate3d(76.85661447px, 0px, 11.25361171px);
}

.mainAboutSection .animatedSphere .sphere .item.item-109 .dot {
  background-color: #0015ec;
  animation: pulsate 0.5s linear -2160ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-110 {
  transform: translate3d(63.35401716px, 44.36096039px, 10.58079353px);
}

.mainAboutSection .animatedSphere .sphere .item.item-110 .dot {
  background-color: #0013ec;
  animation: pulsate 0.5s linear -2180ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-111 {
  transform: translate3d(26.61581746px, 73.12635748px, 9.90377419px);
}

.mainAboutSection .animatedSphere .sphere .item.item-111 .dot {
  background-color: #0012ec;
  animation: pulsate 0.5s linear -2200ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-112 {
  transform: translate3d(-20.26345755px, 75.62425312px, 9.22260525px);
}

.mainAboutSection .animatedSphere .sphere .item.item-112 .dot {
  background-color: #0010ec;
  animation: pulsate 0.5s linear -2220ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-113 {
  transform: translate3d(-60.33256443px, 50.62503256px, 8.53733857px);
}

.mainAboutSection .animatedSphere .sphere .item.item-113 .dot {
  background-color: #000fec;
  animation: pulsate 0.5s linear -2240ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-114 {
  transform: translate3d(-78.9177003px, 6.90440413px, 7.84802634px);
}

.mainAboutSection .animatedSphere .sphere .item.item-114 .dot {
  background-color: #000dec;
  animation: pulsate 0.5s linear -2260ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-115 {
  transform: translate3d(-68.99945164px, -39.83685198px, 7.15472107px);
}

.mainAboutSection .animatedSphere .sphere .item.item-115 .dot {
  background-color: #000cec;
  animation: pulsate 0.5s linear -2280ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-116 {
  transform: translate3d(-33.86109955px, -72.61536231px, 6.45747553px);
}

.mainAboutSection .animatedSphere .sphere .item.item-116 .dot {
  background-color: #000aec;
  animation: pulsate 0.5s linear -2300ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-117 {
  transform: translate3d(13.98989061px, -79.3406123px, 5.75634284px);
}

.mainAboutSection .animatedSphere .sphere .item.item-117 .dot {
  background-color: #0009ec;
  animation: pulsate 0.5s linear -2320ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-118 {
  transform: translate3d(57.276226px, -57.276226px, 5.05137639px);
}

.mainAboutSection .animatedSphere .sphere .item.item-118 .dot {
  background-color: #0008ec;
  animation: pulsate 0.5s linear -2340ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-119 {
  transform: translate3d(80.19377532px, -14.14032627px, 4.34262986px);
}

.mainAboutSection .animatedSphere .sphere .item.item-119 .dot {
  background-color: #0006ec;
  animation: pulsate 0.5s linear -2360ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-120 {
  transform: translate3d(74.18561568px, 34.59332071px, 3.63015722px);
}

.mainAboutSection .animatedSphere .sphere .item.item-120 .dot {
  background-color: #0005ec;
  animation: pulsate 0.5s linear -2380ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-121 {
  transform: translate3d(41.13620668px, 71.25px, 2.91401274px);
}

.mainAboutSection .animatedSphere .sphere .item.item-121 .dot {
  background-color: #0003ec;
  animation: pulsate 0.5s linear -2400ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-122 {
  transform: translate3d(-7.20636723px, 82.36915433px, 2.19425095px);
}

.mainAboutSection .animatedSphere .sphere .item.item-122 .dot {
  background-color: #0002ec;
  animation: pulsate 0.5s linear -2420ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-123 {
  transform: translate3d(-53.40849754px, 63.64976882px, 1.47092666px);
}

.mainAboutSection .animatedSphere .sphere .item.item-123 .dot {
  background-color: #0000ec;
  animation: pulsate 0.5s linear -2440ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-124 {
  transform: translate3d(-80.64285384px, 21.60818756px, 0.74409496px);
}

.mainAboutSection .animatedSphere .sphere .item.item-124 .dot {
  background-color: #0100ec;
  animation: pulsate 0.5s linear -2460ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-125 {
  transform: translate3d(-78.82143707px, -28.68865691px, 0.0138112px);
}

.mainAboutSection .animatedSphere .sphere .item.item-125 .dot {
  background-color: #0300ec;
  animation: pulsate 0.5s linear -2480ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-126 {
  transform: translate3d(-48.33300871px, -69.02669004px, -0.719869px);
}

.mainAboutSection .animatedSphere .sphere .item.item-126 .dot {
  background-color: #0400ec;
  animation: pulsate 0.5s linear -2500ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-127 {
  transform: translate3d(0px, -84.6456198px, -1.45688979px);
}

.mainAboutSection .animatedSphere .sphere .item.item-127 .dot {
  background-color: #0600ec;
  animation: pulsate 0.5s linear -2520ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-128 {
  transform: translate3d(48.76475988px, -69.64329462px, -2.19719502px);
}

.mainAboutSection .animatedSphere .sphere .item.item-128 .dot {
  background-color: #0700ec;
  animation: pulsate 0.5s linear -2540ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-129 {
  transform: translate3d(80.23606263px, -29.20353851px, -2.94072832px);
}

.mainAboutSection .animatedSphere .sphere .item.item-129 .dot {
  background-color: #0800ec;
  animation: pulsate 0.5s linear -2560ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-130 {
  transform: translate3d(82.82389148px, 22.19259483px, -3.68743306px);
}

.mainAboutSection .animatedSphere .sphere .item.item-130 .dot {
  background-color: #0a00ec;
  animation: pulsate 0.5s linear -2580ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-131 {
  transform: translate3d(55.34352453px, 65.95584418px, -4.4372524px);
}

.mainAboutSection .animatedSphere .sphere .item.item-131 .dot {
  background-color: #0b00ec;
  animation: pulsate 0.5s linear -2600ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-132 {
  transform: translate3d(7.53429329px, 86.11736638px, -5.19012921px);
}

.mainAboutSection .animatedSphere .sphere .item.item-132 .dot {
  background-color: #0d00ec;
  animation: pulsate 0.5s linear -2620ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-133 {
  transform: translate3d(-43.39340924px, 75.15958951px, -5.94600617px);
}

.mainAboutSection .animatedSphere .sphere .item.item-133 .dot {
  background-color: #0e00ec;
  animation: pulsate 0.5s linear -2640ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-134 {
  transform: translate3d(-78.95817523px, 36.81880178px, -6.70482571px);
}

.mainAboutSection .animatedSphere .sphere .item.item-134 .dot {
  background-color: #1000ec;
  animation: pulsate 0.5s linear -2660ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-135 {
  transform: translate3d(-86.11943005px, -15.18517908px, -7.46653005px);
}

.mainAboutSection .animatedSphere .sphere .item.item-135 .dot {
  background-color: #1100ec;
  animation: pulsate 0.5s linear -2680ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-136 {
  transform: translate3d(-62.06174083px, -62.06174083px, -8.23106119px);
}

.mainAboutSection .animatedSphere .sphere .item.item-136 .dot {
  background-color: #1300ec;
  animation: pulsate 0.5s linear -2700ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-137 {
  transform: translate3d(-15.29535974px, -86.7442956px, -8.99836089px);
}

.mainAboutSection .animatedSphere .sphere .item.item-137 .dot {
  background-color: #1400ec;
  animation: pulsate 0.5s linear -2720ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-138 {
  transform: translate3d(37.35508825px, -80.10824527px, -9.76837072px);
}

.mainAboutSection .animatedSphere .sphere .item.item-138 .dot {
  background-color: #1600ec;
  animation: pulsate 0.5s linear -2740ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-139 {
  transform: translate3d(76.80791475px, -44.34507026px, -10.54103205px);
}

.mainAboutSection .animatedSphere .sphere .item.item-139 .dot {
  background-color: #1700ec;
  animation: pulsate 0.5s linear -2760ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-140 {
  transform: translate3d(88.64524753px, 7.75545423px, -11.31628604px);
}

.mainAboutSection .animatedSphere .sphere .item.item-140 .dot {
  background-color: #1800ec;
  animation: pulsate 0.5s linear -2780ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-141 {
  transform: translate3d(68.38539949px, 57.38216349px, -12.09407365px);
}

.mainAboutSection .animatedSphere .sphere .item.item-141 .dot {
  background-color: #1a00ec;
  animation: pulsate 0.5s linear -2800ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-142 {
  transform: translate3d(23.17748921px, 86.49956731px, -12.87433563px);
}

.mainAboutSection .animatedSphere .sphere .item.item-142 .dot {
  background-color: #1b00ec;
  animation: pulsate 0.5s linear -2820ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-143 {
  transform: translate3d(-30.72170788px, 84.40719869px, -13.65701259px);
}

.mainAboutSection .animatedSphere .sphere .item.item-143 .dot {
  background-color: #1d00ec;
  animation: pulsate 0.5s linear -2840ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-144 {
  transform: translate3d(-73.79801978px, 51.67392975px, -14.4420449px);
}

.mainAboutSection .animatedSphere .sphere .item.item-144 .dot {
  background-color: #1e00ec;
  animation: pulsate 0.5s linear -2860ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-145 {
  transform: translate3d(-90.35036905px, 0px, -15.2293728px);
}

.mainAboutSection .animatedSphere .sphere .item.item-145 .dot {
  background-color: #2000ec;
  animation: pulsate 0.5s linear -2880ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-146 {
  transform: translate3d(-74.21772304px, -51.96780914px, -16.01893631px);
}

.mainAboutSection .animatedSphere .sphere .item.item-146 .dot {
  background-color: #2100ec;
  animation: pulsate 0.5s linear -2900ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-147 {
  transform: translate3d(-31.07217152px, -85.37008963px, -16.81067531px);
}

.mainAboutSection .animatedSphere .sphere .item.item-147 .dot {
  background-color: #2300ec;
  animation: pulsate 0.5s linear -2920ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-148 {
  transform: translate3d(23.57527678px, -87.98413074px, -17.60452951px);
}

.mainAboutSection .animatedSphere .sphere .item.item-148 .dot {
  background-color: #2400ec;
  animation: pulsate 0.5s linear -2940ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-149 {
  transform: translate3d(69.95507215px, -58.69927524px, -18.40043846px);
}

.mainAboutSection .animatedSphere .sphere .item.item-149 .dot {
  background-color: #2600ec;
  animation: pulsate 0.5s linear -2960ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-150 {
  transform: translate3d(91.1965371px, -7.97866315px, -19.19834153px);
}

.mainAboutSection .animatedSphere .sphere .item.item-150 .dot {
  background-color: #2700ec;
  animation: pulsate 0.5s linear -2980ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-151 {
  transform: translate3d(79.46904886px, 45.88147675px, -19.99817798px);
}

.mainAboutSection .animatedSphere .sphere .item.item-151 .dot {
  background-color: #2900ec;
  animation: pulsate 0.5s linear -3000ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-152 {
  transform: translate3d(38.86990292px, 83.35677582px, -20.79988688px);
}

.mainAboutSection .animatedSphere .sphere .item.item-152 .dot {
  background-color: #2a00ec;
  animation: pulsate 0.5s linear -3020ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-153 {
  transform: translate3d(-16.00655804px, 90.77770163px, -21.60340718px);
}

.mainAboutSection .animatedSphere .sphere .item.item-153 .dot {
  background-color: #2b00ec;
  animation: pulsate 0.5s linear -3040ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-154 {
  transform: translate3d(-65.31908963px, 65.31908963px, -22.40867769px);
}

.mainAboutSection .animatedSphere .sphere .item.item-154 .dot {
  background-color: #2d00ec;
  animation: pulsate 0.5s linear -3060ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-155 {
  transform: translate3d(-91.15888344px, 16.07377068px, -23.2156371px);
}

.mainAboutSection .animatedSphere .sphere .item.item-155 .dot {
  background-color: #2e00ec;
  animation: pulsate 0.5s linear -3080ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-156 {
  transform: translate3d(-84.058344px, -39.19704954px, -24.02422394px);
}

.mainAboutSection .animatedSphere .sphere .item.item-156 .dot {
  background-color: #3000ec;
  animation: pulsate 0.5s linear -3100ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-157 {
  transform: translate3d(-46.46201103px, -80.47456373px, -24.83437663px);
}

.mainAboutSection .animatedSphere .sphere .item.item-157 .dot {
  background-color: #3100ec;
  animation: pulsate 0.5s linear -3120ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-158 {
  transform: translate3d(8.11357622px, -92.73860055px, -25.64603349px);
}

.mainAboutSection .animatedSphere .sphere .item.item-158 .dot {
  background-color: #3300ec;
  animation: pulsate 0.5s linear -3140ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-159 {
  transform: translate3d(59.94289013px, -71.43715466px, -26.4591327px);
}

.mainAboutSection .animatedSphere .sphere .item.item-159 .dot {
  background-color: #3400ec;
  animation: pulsate 0.5s linear -3160ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-160 {
  transform: translate3d(90.22637436px, -24.17608415px, -27.27361234px);
}

.mainAboutSection .animatedSphere .sphere .item.item-160 .dot {
  background-color: #3600ec;
  animation: pulsate 0.5s linear -3180ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-161 {
  transform: translate3d(87.91457495px, 31.99828844px, -28.08941038px);
}

.mainAboutSection .animatedSphere .sphere .item.item-161 .dot {
  background-color: #3700ec;
  animation: pulsate 0.5s linear -3200ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-162 {
  transform: translate3d(53.74246715px, 76.75219734px, -28.9064647px);
}

.mainAboutSection .animatedSphere .sphere .item.item-162 .dot {
  background-color: #3900ec;
  animation: pulsate 0.5s linear -3220ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-163 {
  transform: translate3d(0px, 93.83039236px, -29.72471308px);
}

.mainAboutSection .animatedSphere .sphere .item.item-163 .dot {
  background-color: #3a00ec;
  animation: pulsate 0.5s linear -3240ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-164 {
  transform: translate3d(-53.89123847px, 76.9646648px, -30.5440932px);
}

.mainAboutSection .animatedSphere .sphere .item.item-164 .dot {
  background-color: #3b00ec;
  animation: pulsate 0.5s linear -3260ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-165 {
  transform: translate3d(-88.4020217px, 32.17570455px, -31.36454267px);
}

.mainAboutSection .animatedSphere .sphere .item.item-165 .dot {
  background-color: #3d00ec;
  animation: pulsate 0.5s linear -3280ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-166 {
  transform: translate3d(-90.97790871px, -24.37745717px, -32.185999px);
}

.mainAboutSection .animatedSphere .sphere .item.item-166 .dot {
  background-color: #3e00ec;
  animation: pulsate 0.5s linear -3300ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-167 {
  transform: translate3d(-60.60965499px, -72.23177408px, -33.00839964px);
}

.mainAboutSection .animatedSphere .sphere .item.item-167 .dot {
  background-color: #4000ec;
  animation: pulsate 0.5s linear -3320ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-168 {
  transform: translate3d(-8.22657184px, -94.03014641px, -33.83168195px);
}

.mainAboutSection .animatedSphere .sphere .item.item-168 .dot {
  background-color: #4100ec;
  animation: pulsate 0.5s linear -3340ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-169 {
  transform: translate3d(47.23979003px, -81.82171647px, -34.65578325px);
}

.mainAboutSection .animatedSphere .sphere .item.item-169 .dot {
  background-color: #4300ec;
  animation: pulsate 0.5s linear -3360ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-170 {
  transform: translate3d(85.70285595px, -39.96389805px, -35.48064077px);
}

.mainAboutSection .animatedSphere .sphere .item.item-170 .dot {
  background-color: #4400ec;
  animation: pulsate 0.5s linear -3380ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-171 {
  transform: translate3d(93.20072491px, 16.43380242px, -36.3061917px);
}

.mainAboutSection .animatedSphere .sphere .item.item-171 .dot {
  background-color: #4600ec;
  animation: pulsate 0.5s linear -3400ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-172 {
  transform: translate3d(66.96806566px, 66.96806566px, -37.13237317px);
}

.mainAboutSection .animatedSphere .sphere .item.item-172 .dot {
  background-color: #4700ec;
  animation: pulsate 0.5s linear -3420ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-173 {
  transform: translate3d(16.45639205px, 93.32883703px, -37.95912226px);
}

.mainAboutSection .animatedSphere .sphere .item.item-173 .dot {
  background-color: #4900ec;
  animation: pulsate 0.5s linear -3440ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-174 {
  transform: translate3d(-40.07384938px, 85.93864733px, -38.78637601px);
}

.mainAboutSection .animatedSphere .sphere .item.item-174 .dot {
  background-color: #4a00ec;
  animation: pulsate 0.5s linear -3460ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-175 {
  transform: translate3d(-82.15966188px, 47.4349029px, -39.61407142px);
}

.mainAboutSection .animatedSphere .sphere .item.item-175 .dot {
  background-color: #4b00ec;
  animation: pulsate 0.5s linear -3480ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-176 {
  transform: translate3d(-94.54842144px, -8.27191503px, -40.44214546px);
}

.mainAboutSection .animatedSphere .sphere .item.item-176 .dot {
  background-color: #4d00ec;
  animation: pulsate 0.5s linear -3500ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-177 {
  transform: translate3d(-72.72989001px, -61.02762388px, -41.27053507px);
}

.mainAboutSection .animatedSphere .sphere .item.item-177 .dot {
  background-color: #4e00ec;
  animation: pulsate 0.5s linear -3520ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-178 {
  transform: translate3d(-24.57938366px, -91.73150863px, -42.09917717px);
}

.mainAboutSection .animatedSphere .sphere .item.item-178 .dot {
  background-color: #5000ec;
  animation: pulsate 0.5s linear -3540ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-179 {
  transform: translate3d(32.48696494px, -89.2572026px, -42.92800865px);
}

.mainAboutSection .animatedSphere .sphere .item.item-179 .dot {
  background-color: #5100ec;
  animation: pulsate 0.5s linear -3560ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-180 {
  transform: translate3d(77.81648108px, -54.48768665px, -43.75696639px);
}

.mainAboutSection .animatedSphere .sphere .item.item-180 .dot {
  background-color: #5300ec;
  animation: pulsate 0.5s linear -3580ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-181 {
  transform: translate3d(95px, 0px, -44.58598726px);
}

.mainAboutSection .animatedSphere .sphere .item.item-181 .dot {
  background-color: #5400ec;
  animation: pulsate 0.5s linear -3600ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-182 {
  transform: translate3d(77.81648108px, 54.48768665px, -45.41500813px);
}

.mainAboutSection .animatedSphere .sphere .item.item-182 .dot {
  background-color: #5600ec;
  animation: pulsate 0.5s linear -3620ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-183 {
  transform: translate3d(32.48696494px, 89.2572026px, -46.24396587px);
}

.mainAboutSection .animatedSphere .sphere .item.item-183 .dot {
  background-color: #5700ec;
  animation: pulsate 0.5s linear -3640ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-184 {
  transform: translate3d(-24.57938366px, 91.73150863px, -47.07279735px);
}

.mainAboutSection .animatedSphere .sphere .item.item-184 .dot {
  background-color: #5900ec;
  animation: pulsate 0.5s linear -3660ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-185 {
  transform: translate3d(-72.72989001px, 61.02762388px, -47.90143945px);
}

.mainAboutSection .animatedSphere .sphere .item.item-185 .dot {
  background-color: #5a00ec;
  animation: pulsate 0.5s linear -3680ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-186 {
  transform: translate3d(-94.54842144px, 8.27191503px, -48.72982906px);
}

.mainAboutSection .animatedSphere .sphere .item.item-186 .dot {
  background-color: #5c00ec;
  animation: pulsate 0.5s linear -3700ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-187 {
  transform: translate3d(-82.15966188px, -47.4349029px, -49.5579031px);
}

.mainAboutSection .animatedSphere .sphere .item.item-187 .dot {
  background-color: #5d00ec;
  animation: pulsate 0.5s linear -3720ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-188 {
  transform: translate3d(-40.07384938px, -85.93864733px, -50.38559852px);
}

.mainAboutSection .animatedSphere .sphere .item.item-188 .dot {
  background-color: #5e00ec;
  animation: pulsate 0.5s linear -3740ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-189 {
  transform: translate3d(16.45639205px, -93.32883703px, -51.21285227px);
}

.mainAboutSection .animatedSphere .sphere .item.item-189 .dot {
  background-color: #6000ec;
  animation: pulsate 0.5s linear -3760ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-190 {
  transform: translate3d(66.96806566px, -66.96806566px, -52.03960136px);
}

.mainAboutSection .animatedSphere .sphere .item.item-190 .dot {
  background-color: #6100ec;
  animation: pulsate 0.5s linear -3780ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-191 {
  transform: translate3d(93.20072491px, -16.43380242px, -52.86578282px);
}

.mainAboutSection .animatedSphere .sphere .item.item-191 .dot {
  background-color: #6300ec;
  animation: pulsate 0.5s linear -3800ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-192 {
  transform: translate3d(85.70285595px, 39.96389805px, -53.69133375px);
}

.mainAboutSection .animatedSphere .sphere .item.item-192 .dot {
  background-color: #6400ec;
  animation: pulsate 0.5s linear -3820ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-193 {
  transform: translate3d(47.23979003px, 81.82171647px, -54.51619127px);
}

.mainAboutSection .animatedSphere .sphere .item.item-193 .dot {
  background-color: #6600ec;
  animation: pulsate 0.5s linear -3840ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-194 {
  transform: translate3d(-8.22657184px, 94.03014641px, -55.34029257px);
}

.mainAboutSection .animatedSphere .sphere .item.item-194 .dot {
  background-color: #6700ec;
  animation: pulsate 0.5s linear -3860ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-195 {
  transform: translate3d(-60.60965499px, 72.23177408px, -56.16357488px);
}

.mainAboutSection .animatedSphere .sphere .item.item-195 .dot {
  background-color: #6900ec;
  animation: pulsate 0.5s linear -3880ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-196 {
  transform: translate3d(-90.97790871px, 24.37745717px, -56.98597552px);
}

.mainAboutSection .animatedSphere .sphere .item.item-196 .dot {
  background-color: #6a00ec;
  animation: pulsate 0.5s linear -3900ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-197 {
  transform: translate3d(-88.4020217px, -32.17570455px, -57.80743185px);
}

.mainAboutSection .animatedSphere .sphere .item.item-197 .dot {
  background-color: #6c00ec;
  animation: pulsate 0.5s linear -3920ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-198 {
  transform: translate3d(-53.89123847px, -76.9646648px, -58.62788132px);
}

.mainAboutSection .animatedSphere .sphere .item.item-198 .dot {
  background-color: #6d00ec;
  animation: pulsate 0.5s linear -3940ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-199 {
  transform: translate3d(0px, -93.83039236px, -59.44726144px);
}

.mainAboutSection .animatedSphere .sphere .item.item-199 .dot {
  background-color: #6e00ec;
  animation: pulsate 0.5s linear -3960ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-200 {
  transform: translate3d(53.74246715px, -76.75219734px, -60.26550982px);
}

.mainAboutSection .animatedSphere .sphere .item.item-200 .dot {
  background-color: #7000ec;
  animation: pulsate 0.5s linear -3980ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-201 {
  transform: translate3d(87.91457495px, -31.99828844px, -61.08256414px);
}

.mainAboutSection .animatedSphere .sphere .item.item-201 .dot {
  background-color: #7100ec;
  animation: pulsate 0.5s linear -4000ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-202 {
  transform: translate3d(90.22637436px, 24.17608415px, -61.89836218px);
}

.mainAboutSection .animatedSphere .sphere .item.item-202 .dot {
  background-color: #7300ec;
  animation: pulsate 0.5s linear -4020ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-203 {
  transform: translate3d(59.94289013px, 71.43715466px, -62.71284182px);
}

.mainAboutSection .animatedSphere .sphere .item.item-203 .dot {
  background-color: #7400ec;
  animation: pulsate 0.5s linear -4040ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-204 {
  transform: translate3d(8.11357622px, 92.73860055px, -63.52594103px);
}

.mainAboutSection .animatedSphere .sphere .item.item-204 .dot {
  background-color: #7600ec;
  animation: pulsate 0.5s linear -4060ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-205 {
  transform: translate3d(-46.46201103px, 80.47456373px, -64.33759789px);
}

.mainAboutSection .animatedSphere .sphere .item.item-205 .dot {
  background-color: #7700ec;
  animation: pulsate 0.5s linear -4080ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-206 {
  transform: translate3d(-84.058344px, 39.19704954px, -65.14775059px);
}

.mainAboutSection .animatedSphere .sphere .item.item-206 .dot {
  background-color: #7900ec;
  animation: pulsate 0.5s linear -4100ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-207 {
  transform: translate3d(-91.15888344px, -16.07377068px, -65.95633742px);
}

.mainAboutSection .animatedSphere .sphere .item.item-207 .dot {
  background-color: #7a00ec;
  animation: pulsate 0.5s linear -4120ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-208 {
  transform: translate3d(-65.31908963px, -65.31908963px, -66.76329683px);
}

.mainAboutSection .animatedSphere .sphere .item.item-208 .dot {
  background-color: #7c00ec;
  animation: pulsate 0.5s linear -4140ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-209 {
  transform: translate3d(-16.00655804px, -90.77770163px, -67.56856734px);
}

.mainAboutSection .animatedSphere .sphere .item.item-209 .dot {
  background-color: #7d00ec;
  animation: pulsate 0.5s linear -4160ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-210 {
  transform: translate3d(38.86990292px, -83.35677582px, -68.37208765px);
}

.mainAboutSection .animatedSphere .sphere .item.item-210 .dot {
  background-color: #7e00ec;
  animation: pulsate 0.5s linear -4180ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-211 {
  transform: translate3d(79.46904886px, -45.88147675px, -69.17379655px);
}

.mainAboutSection .animatedSphere .sphere .item.item-211 .dot {
  background-color: #8000ec;
  animation: pulsate 0.5s linear -4200ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-212 {
  transform: translate3d(91.1965371px, 7.97866315px, -69.97363299px);
}

.mainAboutSection .animatedSphere .sphere .item.item-212 .dot {
  background-color: #8100ec;
  animation: pulsate 0.5s linear -4220ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-213 {
  transform: translate3d(69.95507215px, 58.69927524px, -70.77153606px);
}

.mainAboutSection .animatedSphere .sphere .item.item-213 .dot {
  background-color: #8300ec;
  animation: pulsate 0.5s linear -4240ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-214 {
  transform: translate3d(23.57527678px, 87.98413074px, -71.56744501px);
}

.mainAboutSection .animatedSphere .sphere .item.item-214 .dot {
  background-color: #8400ec;
  animation: pulsate 0.5s linear -4260ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-215 {
  transform: translate3d(-31.07217152px, 85.37008963px, -72.36129921px);
}

.mainAboutSection .animatedSphere .sphere .item.item-215 .dot {
  background-color: #8600ec;
  animation: pulsate 0.5s linear -4280ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-216 {
  transform: translate3d(-74.21772304px, 51.96780914px, -73.15303821px);
}

.mainAboutSection .animatedSphere .sphere .item.item-216 .dot {
  background-color: #8700ec;
  animation: pulsate 0.5s linear -4300ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-217 {
  transform: translate3d(-90.35036905px, 0px, -73.94260173px);
}

.mainAboutSection .animatedSphere .sphere .item.item-217 .dot {
  background-color: #8900ec;
  animation: pulsate 0.5s linear -4320ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-218 {
  transform: translate3d(-73.79801978px, -51.67392975px, -74.72992962px);
}

.mainAboutSection .animatedSphere .sphere .item.item-218 .dot {
  background-color: #8a00ec;
  animation: pulsate 0.5s linear -4340ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-219 {
  transform: translate3d(-30.72170788px, -84.40719869px, -75.51496193px);
}

.mainAboutSection .animatedSphere .sphere .item.item-219 .dot {
  background-color: #8c00ec;
  animation: pulsate 0.5s linear -4360ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-220 {
  transform: translate3d(23.17748921px, -86.49956731px, -76.29763889px);
}

.mainAboutSection .animatedSphere .sphere .item.item-220 .dot {
  background-color: #8d00ec;
  animation: pulsate 0.5s linear -4380ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-221 {
  transform: translate3d(68.38539949px, -57.38216349px, -77.07790088px);
}

.mainAboutSection .animatedSphere .sphere .item.item-221 .dot {
  background-color: #8e00ec;
  animation: pulsate 0.5s linear -4400ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-222 {
  transform: translate3d(88.64524753px, -7.75545423px, -77.85568848px);
}

.mainAboutSection .animatedSphere .sphere .item.item-222 .dot {
  background-color: #9000ec;
  animation: pulsate 0.5s linear -4420ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-223 {
  transform: translate3d(76.80791475px, 44.34507026px, -78.63094247px);
}

.mainAboutSection .animatedSphere .sphere .item.item-223 .dot {
  background-color: #9100ec;
  animation: pulsate 0.5s linear -4440ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-224 {
  transform: translate3d(37.35508825px, 80.10824527px, -79.4036038px);
}

.mainAboutSection .animatedSphere .sphere .item.item-224 .dot {
  background-color: #9300ec;
  animation: pulsate 0.5s linear -4460ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-225 {
  transform: translate3d(-15.29535974px, 86.7442956px, -80.17361364px);
}

.mainAboutSection .animatedSphere .sphere .item.item-225 .dot {
  background-color: #9400ec;
  animation: pulsate 0.5s linear -4480ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-226 {
  transform: translate3d(-62.06174083px, 62.06174083px, -80.94091334px);
}

.mainAboutSection .animatedSphere .sphere .item.item-226 .dot {
  background-color: #9600ec;
  animation: pulsate 0.5s linear -4500ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-227 {
  transform: translate3d(-86.11943005px, 15.18517908px, -81.70544447px);
}

.mainAboutSection .animatedSphere .sphere .item.item-227 .dot {
  background-color: #9700ec;
  animation: pulsate 0.5s linear -4520ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-228 {
  transform: translate3d(-78.95817523px, -36.81880178px, -82.46714881px);
}

.mainAboutSection .animatedSphere .sphere .item.item-228 .dot {
  background-color: #9900ec;
  animation: pulsate 0.5s linear -4540ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-229 {
  transform: translate3d(-43.39340924px, -75.15958951px, -83.22596835px);
}

.mainAboutSection .animatedSphere .sphere .item.item-229 .dot {
  background-color: #9a00ec;
  animation: pulsate 0.5s linear -4560ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-230 {
  transform: translate3d(7.53429329px, -86.11736638px, -83.98184531px);
}

.mainAboutSection .animatedSphere .sphere .item.item-230 .dot {
  background-color: #9c00ec;
  animation: pulsate 0.5s linear -4580ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-231 {
  transform: translate3d(55.34352453px, -65.95584418px, -84.73472213px);
}

.mainAboutSection .animatedSphere .sphere .item.item-231 .dot {
  background-color: #9d00ec;
  animation: pulsate 0.5s linear -4600ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-232 {
  transform: translate3d(82.82389148px, -22.19259483px, -85.48454146px);
}

.mainAboutSection .animatedSphere .sphere .item.item-232 .dot {
  background-color: #9f00ec;
  animation: pulsate 0.5s linear -4620ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-233 {
  transform: translate3d(80.23606263px, 29.20353851px, -86.23124621px);
}

.mainAboutSection .animatedSphere .sphere .item.item-233 .dot {
  background-color: #a000ec;
  animation: pulsate 0.5s linear -4640ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-234 {
  transform: translate3d(48.76475988px, 69.64329462px, -86.97477951px);
}

.mainAboutSection .animatedSphere .sphere .item.item-234 .dot {
  background-color: #a100ec;
  animation: pulsate 0.5s linear -4660ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-235 {
  transform: translate3d(0px, 84.6456198px, -87.71508474px);
}

.mainAboutSection .animatedSphere .sphere .item.item-235 .dot {
  background-color: #a300ec;
  animation: pulsate 0.5s linear -4680ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-236 {
  transform: translate3d(-48.33300871px, 69.02669004px, -88.45210552px);
}

.mainAboutSection .animatedSphere .sphere .item.item-236 .dot {
  background-color: #a400ec;
  animation: pulsate 0.5s linear -4700ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-237 {
  transform: translate3d(-78.82143707px, 28.68865691px, -89.18578573px);
}

.mainAboutSection .animatedSphere .sphere .item.item-237 .dot {
  background-color: #a600ec;
  animation: pulsate 0.5s linear -4720ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-238 {
  transform: translate3d(-80.64285384px, -21.60818756px, -89.91606949px);
}

.mainAboutSection .animatedSphere .sphere .item.item-238 .dot {
  background-color: #a700ec;
  animation: pulsate 0.5s linear -4740ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-239 {
  transform: translate3d(-53.40849754px, -63.64976882px, -90.64290118px);
}

.mainAboutSection .animatedSphere .sphere .item.item-239 .dot {
  background-color: #a900ec;
  animation: pulsate 0.5s linear -4760ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-240 {
  transform: translate3d(-7.20636723px, -82.36915433px, -91.36622547px);
}

.mainAboutSection .animatedSphere .sphere .item.item-240 .dot {
  background-color: #aa00ec;
  animation: pulsate 0.5s linear -4780ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-241 {
  transform: translate3d(41.13620668px, -71.25px, -92.08598726px);
}

.mainAboutSection .animatedSphere .sphere .item.item-241 .dot {
  background-color: #ac00ec;
  animation: pulsate 0.5s linear -4800ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-242 {
  transform: translate3d(74.18561568px, -34.59332071px, -92.80213174px);
}

.mainAboutSection .animatedSphere .sphere .item.item-242 .dot {
  background-color: #ad00ec;
  animation: pulsate 0.5s linear -4820ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-243 {
  transform: translate3d(80.19377532px, 14.14032627px, -93.51460438px);
}

.mainAboutSection .animatedSphere .sphere .item.item-243 .dot {
  background-color: #af00ec;
  animation: pulsate 0.5s linear -4840ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-244 {
  transform: translate3d(57.276226px, 57.276226px, -94.22335091px);
}

.mainAboutSection .animatedSphere .sphere .item.item-244 .dot {
  background-color: #b000ec;
  animation: pulsate 0.5s linear -4860ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-245 {
  transform: translate3d(13.98989061px, 79.3406123px, -94.92831736px);
}

.mainAboutSection .animatedSphere .sphere .item.item-245 .dot {
  background-color: #b100ec;
  animation: pulsate 0.5s linear -4880ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-246 {
  transform: translate3d(-33.86109955px, 72.61536231px, -95.62945005px);
}

.mainAboutSection .animatedSphere .sphere .item.item-246 .dot {
  background-color: #b300ec;
  animation: pulsate 0.5s linear -4900ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-247 {
  transform: translate3d(-68.99945164px, 39.83685198px, -96.32669559px);
}

.mainAboutSection .animatedSphere .sphere .item.item-247 .dot {
  background-color: #b400ec;
  animation: pulsate 0.5s linear -4920ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-248 {
  transform: translate3d(-78.9177003px, -6.90440413px, -97.02000087px);
}

.mainAboutSection .animatedSphere .sphere .item.item-248 .dot {
  background-color: #b600ec;
  animation: pulsate 0.5s linear -4940ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-249 {
  transform: translate3d(-60.33256443px, -50.62503256px, -97.70931309px);
}

.mainAboutSection .animatedSphere .sphere .item.item-249 .dot {
  background-color: #b700ec;
  animation: pulsate 0.5s linear -4960ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-250 {
  transform: translate3d(-20.26345755px, -75.62425312px, -98.39457977px);
}

.mainAboutSection .animatedSphere .sphere .item.item-250 .dot {
  background-color: #b900ec;
  animation: pulsate 0.5s linear -4980ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-251 {
  transform: translate3d(26.61581746px, -73.12635748px, -99.07574871px);
}

.mainAboutSection .animatedSphere .sphere .item.item-251 .dot {
  background-color: #ba00ec;
  animation: pulsate 0.5s linear -5000ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-252 {
  transform: translate3d(63.35401716px, -44.36096039px, -99.75276805px);
}

.mainAboutSection .animatedSphere .sphere .item.item-252 .dot {
  background-color: #bc00ec;
  animation: pulsate 0.5s linear -5020ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-253 {
  transform: translate3d(76.85661447px, 0px, -100.42558623px);
}

.mainAboutSection .animatedSphere .sphere .item.item-253 .dot {
  background-color: #bd00ec;
  animation: pulsate 0.5s linear -5040ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-254 {
  transform: translate3d(62.55569412px, 43.80196858px, -101.094152px);
}

.mainAboutSection .animatedSphere .sphere .item.item-254 .dot {
  background-color: #bf00ec;
  animation: pulsate 0.5s linear -5060ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-255 {
  transform: translate3d(25.949196px, 71.29483007px, -101.75841446px);
}

.mainAboutSection .animatedSphere .sphere .item.item-255 .dot {
  background-color: #c000ec;
  animation: pulsate 0.5s linear -5080ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-256 {
  transform: translate3d(-19.50682063px, 72.80044567px, -102.41832302px);
}

.mainAboutSection .animatedSphere .sphere .item.item-256 .dot {
  background-color: #c100ec;
  animation: pulsate 0.5s linear -5100ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-257 {
  transform: translate3d(-57.3468696px, 48.11973713px, -103.07382742px);
}

.mainAboutSection .animatedSphere .sphere .item.item-257 .dot {
  background-color: #c300ec;
  animation: pulsate 0.5s linear -5120ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-258 {
  transform: translate3d(-74.06485917px, 6.47983554px, -103.72487774px);
}

.mainAboutSection .animatedSphere .sphere .item.item-258 .dot {
  background-color: #c400ec;
  animation: pulsate 0.5s linear -5140ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-259 {
  transform: translate3d(-63.93767378px, -36.91443317px, -104.37142441px);
}

.mainAboutSection .animatedSphere .sphere .item.item-259 .dot {
  background-color: #c600ec;
  animation: pulsate 0.5s linear -5160ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-260 {
  transform: translate3d(-30.97975081px, -66.43629002px, -105.01341819px);
}

.mainAboutSection .animatedSphere .sphere .item.item-260 .dot {
  background-color: #c700ec;
  animation: pulsate 0.5s linear -5180ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-261 {
  transform: translate3d(12.63711105px, -71.66861814px, -105.65081018px);
}

.mainAboutSection .animatedSphere .sphere .item.item-261 .dot {
  background-color: #c900ec;
  animation: pulsate 0.5s linear -5200ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-262 {
  transform: translate3d(51.0803804px, -51.0803804px, -106.28355185px);
}

.mainAboutSection .animatedSphere .sphere .item.item-262 .dot {
  background-color: #ca00ec;
  animation: pulsate 0.5s linear -5220ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-263 {
  transform: translate3d(70.60816536px, -12.45012461px, -106.91159502px);
}

.mainAboutSection .animatedSphere .sphere .item.item-263 .dot {
  background-color: #cc00ec;
  animation: pulsate 0.5s linear -5240ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-264 {
  transform: translate3d(64.48451818px, 30.06962466px, -107.53489184px);
}

.mainAboutSection .animatedSphere .sphere .item.item-264 .dot {
  background-color: #cd00ec;
  animation: pulsate 0.5s linear -5260ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-265 {
  transform: translate3d(35.29937921px, 61.14031827px, -108.15339487px);
}

.mainAboutSection .animatedSphere .sphere .item.item-265 .dot {
  background-color: #cf00ec;
  animation: pulsate 0.5s linear -5280ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-266 {
  transform: translate3d(-6.10450562px, 69.77481853px, -108.76705698px);
}

.mainAboutSection .animatedSphere .sphere .item.item-266 .dot {
  background-color: #d000ec;
  animation: pulsate 0.5s linear -5300ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-267 {
  transform: translate3d(-44.65998428px, 53.22369671px, -109.37583147px);
}

.mainAboutSection .animatedSphere .sphere .item.item-267 .dot {
  background-color: #d200ec;
  animation: pulsate 0.5s linear -5320ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-268 {
  transform: translate3d(-66.56249468px, 17.83536669px, -109.97967195px);
}

.mainAboutSection .animatedSphere .sphere .item.item-268 .dot {
  background-color: #d300ec;
  animation: pulsate 0.5s linear -5340ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-269 {
  transform: translate3d(-64.21603871px, -23.37272665px, -110.57853245px);
}

.mainAboutSection .animatedSphere .sphere .item.item-269 .dot {
  background-color: #d400ec;
  animation: pulsate 0.5s linear -5360ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-270 {
  transform: translate3d(-38.86484683px, -55.50475353px, -111.17236737px);
}

.mainAboutSection .animatedSphere .sphere .item.item-270 .dot {
  background-color: #d600ec;
  animation: pulsate 0.5s linear -5380ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-271 {
  transform: translate3d(0px, -67.17514421px, -111.76113147px);
}

.mainAboutSection .animatedSphere .sphere .item.item-271 .dot {
  background-color: #d700ec;
  animation: pulsate 0.5s linear -5400ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-272 {
  transform: translate3d(38.19237861px, -54.54436939px, -112.34477993px);
}

.mainAboutSection .animatedSphere .sphere .item.item-272 .dot {
  background-color: #d900ec;
  animation: pulsate 0.5s linear -5420ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-273 {
  transform: translate3d(62.01270775px, -22.57077977px, -112.92326829px);
}

.mainAboutSection .animatedSphere .sphere .item.item-273 .dot {
  background-color: #da00ec;
  animation: pulsate 0.5s linear -5440ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-274 {
  transform: translate3d(63.16544892px, 16.92513103px, -113.49655251px);
}

.mainAboutSection .animatedSphere .sphere .item.item-274 .dot {
  background-color: #dc00ec;
  animation: pulsate 0.5s linear -5460ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-275 {
  transform: translate3d(41.64610909px, 49.63190012px, -114.06458891px);
}

.mainAboutSection .animatedSphere .sphere .item.item-275 .dot {
  background-color: #dd00ec;
  animation: pulsate 0.5s linear -5480ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-276 {
  transform: translate3d(5.5937488px, 63.93684138px, -114.62733426px);
}

.mainAboutSection .animatedSphere .sphere .item.item-276 .dot {
  background-color: #df00ec;
  animation: pulsate 0.5s linear -5500ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-277 {
  transform: translate3d(-31.7837038px, 55.05098984px, -115.18474568px);
}

.mainAboutSection .animatedSphere .sphere .item.item-277 .dot {
  background-color: #e000ec;
  animation: pulsate 0.5s linear -5520ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-278 {
  transform: translate3d(-57.05108241px, 26.60335663px, -115.73678074px);
}

.mainAboutSection .animatedSphere .sphere .item.item-278 .dot {
  background-color: #e200ec;
  animation: pulsate 0.5s linear -5540ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-279 {
  transform: translate3d(-61.37874173px, -10.82272821px, -116.28339738px);
}

.mainAboutSection .animatedSphere .sphere .item.item-279 .dot {
  background-color: #e300ec;
  animation: pulsate 0.5s linear -5560ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-280 {
  transform: translate3d(-43.62676631px, -43.62676631px, -116.82455399px);
}

.mainAboutSection .animatedSphere .sphere .item.item-280 .dot {
  background-color: #e400ec;
  animation: pulsate 0.5s linear -5580ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-281 {
  transform: translate3d(-10.60379522px, -60.13711105px, -117.36020936px);
}

.mainAboutSection .animatedSphere .sphere .item.item-281 .dot {
  background-color: #e600ec;
  animation: pulsate 0.5s linear -5600ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-282 {
  transform: translate3d(25.53773582px, -54.7658512px, -117.89032268px);
}

.mainAboutSection .animatedSphere .sphere .item.item-282 .dot {
  background-color: #e700ec;
  animation: pulsate 0.5s linear -5620ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-283 {
  transform: translate3d(51.77570735px, -29.89271857px, -118.4148536px);
}

.mainAboutSection .animatedSphere .sphere .item.item-283 .dot {
  background-color: #e900ec;
  animation: pulsate 0.5s linear -5640ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-284 {
  transform: translate3d(58.91384915px, 5.15429393px, -118.93376216px);
}

.mainAboutSection .animatedSphere .sphere .item.item-284 .dot {
  background-color: #ea00ec;
  animation: pulsate 0.5s linear -5660ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-285 {
  transform: translate3d(44.80428494px, 37.59525897px, -119.44700885px);
}

.mainAboutSection .animatedSphere .sphere .item.item-285 .dot {
  background-color: #ec00ec;
  animation: pulsate 0.5s linear -5680ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-286 {
  transform: translate3d(14.96810992px, 55.8617467px, -119.95455459px);
}

.mainAboutSection .animatedSphere .sphere .item.item-286 .dot {
  background-color: #ec00eb;
  animation: pulsate 0.5s linear -5700ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-287 {
  transform: translate3d(-19.55412175px, 53.72450795px, -120.45636072px);
}

.mainAboutSection .animatedSphere .sphere .item.item-287 .dot {
  background-color: #ec00e9;
  animation: pulsate 0.5s linear -5720ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-288 {
  transform: translate3d(-46.28877867px, 32.41175176px, -120.95238902px);
}

.mainAboutSection .animatedSphere .sphere .item.item-288 .dot {
  background-color: #ec00e8;
  animation: pulsate 0.5s linear -5740ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-289 {
  transform: translate3d(-55.83959897px, 0px, -121.44260173px);
}

.mainAboutSection .animatedSphere .sphere .item.item-289 .dot {
  background-color: #ec00e6;
  animation: pulsate 0.5s linear -5760ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-290 {
  transform: translate3d(-45.18998126px, -31.64236553px, -121.9269615px);
}

.mainAboutSection .animatedSphere .sphere .item.item-290 .dot {
  background-color: #ec00e5;
  animation: pulsate 0.5s linear -5780ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-291 {
  transform: translate3d(-18.63659602px, -51.20362675px, -122.40543147px);
}

.mainAboutSection .animatedSphere .sphere .item.item-291 .dot {
  background-color: #ec00e4;
  animation: pulsate 0.5s linear -5800ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-292 {
  transform: translate3d(13.92668853px, -51.97510918px, -122.87797518px);
}

.mainAboutSection .animatedSphere .sphere .item.item-292 .dot {
  background-color: #ec00e2;
  animation: pulsate 0.5s linear -5820ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-293 {
  transform: translate3d(40.69482855px, -34.14701563px, -123.34455665px);
}

.mainAboutSection .animatedSphere .sphere .item.item-293 .dot {
  background-color: #ec00e1;
  animation: pulsate 0.5s linear -5840ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-294 {
  transform: translate3d(52.23448635px, -4.5699254px, -123.80514036px);
}

.mainAboutSection .animatedSphere .sphere .item.item-294 .dot {
  background-color: #ec00df;
  animation: pulsate 0.5s linear -5860ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-295 {
  transform: translate3d(44.80876782px, 25.87035416px, -124.25969122px);
}

.mainAboutSection .animatedSphere .sphere .item.item-295 .dot {
  background-color: #ec00de;
  animation: pulsate 0.5s linear -5880ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-296 {
  transform: translate3d(21.57189952px, 46.26108781px, -124.70817461px);
}

.mainAboutSection .animatedSphere .sphere .item.item-296 .dot {
  background-color: #ec00dc;
  animation: pulsate 0.5s linear -5900ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-297 {
  transform: translate3d(-8.74185388px, 49.57751699px, -125.1505564px);
}

.mainAboutSection .animatedSphere .sphere .item.item-297 .dot {
  background-color: #ec00db;
  animation: pulsate 0.5s linear -5920ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-298 {
  transform: translate3d(-35.09891644px, 35.09891644px, -125.58680287px);
}

.mainAboutSection .animatedSphere .sphere .item.item-298 .dot {
  background-color: #ec00d9;
  animation: pulsate 0.5s linear -5940ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-299 {
  transform: translate3d(-48.18528148px, 8.4963652px, -126.01688083px);
}

.mainAboutSection .animatedSphere .sphere .item.item-299 .dot {
  background-color: #ec00d8;
  animation: pulsate 0.5s linear -5960ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-300 {
  transform: translate3d(-43.6986672px, -20.37702317px, -126.4407575px);
}

.mainAboutSection .animatedSphere .sphere .item.item-300 .dot {
  background-color: #ec00d6;
  animation: pulsate 0.5s linear -5980ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-301 {
  transform: translate3d(-23.75px, -41.13620668px, -126.85840062px);
}

.mainAboutSection .animatedSphere .sphere .item.item-301 .dot {
  background-color: #ec00d5;
  animation: pulsate 0.5s linear -6000ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-302 {
  transform: translate3d(4.07716641px, -46.60222528px, -127.26977838px);
}

.mainAboutSection .animatedSphere .sphere .item.item-302 .dot {
  background-color: #ec00d4;
  animation: pulsate 0.5s linear -6020ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-303 {
  transform: translate3d(29.60481361px, -35.28164298px, -127.67485944px);
}

.mainAboutSection .animatedSphere .sphere .item.item-303 .dot {
  background-color: #ec00d2;
  animation: pulsate 0.5s linear -6040ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-304 {
  transform: translate3d(43.78549713px, -11.7322886px, -128.07361296px);
}

.mainAboutSection .animatedSphere .sphere .item.item-304 .dot {
  background-color: #ec00d1;
  animation: pulsate 0.5s linear -6060ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-305 {
  transform: translate3d(41.91010151px, 15.25402946px, -128.46600858px);
}

.mainAboutSection .animatedSphere .sphere .item.item-305 .dot {
  background-color: #ec00cf;
  animation: pulsate 0.5s linear -6080ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-306 {
  transform: translate3d(25.16057179px, 35.93302045px, -128.85201641px);
}

.mainAboutSection .animatedSphere .sphere .item.item-306 .dot {
  background-color: #ec00ce;
  animation: pulsate 0.5s linear -6100ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-307 {
  transform: translate3d(0px, 43.12909748px, -129.23160706px);
}

.mainAboutSection .animatedSphere .sphere .item.item-307 .dot {
  background-color: #ec00cc;
  animation: pulsate 0.5s linear -6120ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-308 {
  transform: translate3d(-24.3132124px, 34.72286582px, -129.60475161px);
}

.mainAboutSection .animatedSphere .sphere .item.item-308 .dot {
  background-color: #ec00cb;
  animation: pulsate 0.5s linear -6140ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-309 {
  transform: translate3d(-39.13374252px, 14.24351743px, -129.97142166px);
}

.mainAboutSection .animatedSphere .sphere .item.item-309 .dot {
  background-color: #ec00c9;
  animation: pulsate 0.5s linear -6160ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-310 {
  transform: translate3d(-39.50496976px, -10.58532474px, -130.33158927px);
}

.mainAboutSection .animatedSphere .sphere .item.item-310 .dot {
  background-color: #ec00c8;
  animation: pulsate 0.5s linear -6180ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-311 {
  transform: translate3d(-25.80710932px, -30.75571524px, -130.68522703px);
}

.mainAboutSection .animatedSphere .sphere .item.item-311 .dot {
  background-color: #ec00c6;
  animation: pulsate 0.5s linear -6200ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-312 {
  transform: translate3d(-3.43357527px, -39.24594492px, -131.03230799px);
}

.mainAboutSection .animatedSphere .sphere .item.item-312 .dot {
  background-color: #ec00c5;
  animation: pulsate 0.5s linear -6220ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-313 {
  transform: translate3d(19.31999055px, -33.46320523px, -131.37280574px);
}

.mainAboutSection .animatedSphere .sphere .item.item-313 .dot {
  background-color: #ec00c3;
  animation: pulsate 0.5s linear -6240ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-314 {
  transform: translate3d(34.33199169px, -16.00927065px, -131.70669433px);
}

.mainAboutSection .animatedSphere .sphere .item.item-314 .dot {
  background-color: #ec00c2;
  animation: pulsate 0.5s linear -6260ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-315 {
  transform: translate3d(36.55552924px, 6.4457261px, -132.03394834px);
}

.mainAboutSection .animatedSphere .sphere .item.item-315 .dot {
  background-color: #ec00c1;
  animation: pulsate 0.5s linear -6280ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-316 {
  transform: translate3d(25.70681476px, 25.70681476px, -132.35454285px);
}

.mainAboutSection .animatedSphere .sphere .item.item-316 .dot {
  background-color: #ec00bf;
  animation: pulsate 0.5s linear -6300ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-317 {
  transform: translate3d(6.17972647px, 35.04697036px, -132.66845344px);
}

.mainAboutSection .animatedSphere .sphere .item.item-317 .dot {
  background-color: #ec00be;
  animation: pulsate 0.5s linear -6320ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-318 {
  transform: translate3d(-14.71456058px, 31.555477px, -132.97565622px);
}

.mainAboutSection .animatedSphere .sphere .item.item-318 .dot {
  background-color: #ec00bc;
  animation: pulsate 0.5s linear -6340ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-319 {
  transform: translate3d(-29.48379608px, 17.0224776px, -133.27612778px);
}

.mainAboutSection .animatedSphere .sphere .item.item-319 .dot {
  background-color: #ec00bb;
  animation: pulsate 0.5s linear -6360ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-320 {
  transform: translate3d(-33.14309996px, -2.89964552px, -133.56984524px);
}

.mainAboutSection .animatedSphere .sphere .item.item-320 .dot {
  background-color: #ec00b9;
  animation: pulsate 0.5s linear -6380ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-321 {
  transform: translate3d(-24.89024987px, -20.88539949px, -133.85678624px);
}

.mainAboutSection .animatedSphere .sphere .item.item-321 .dot {
  background-color: #ec00b8;
  animation: pulsate 0.5s linear -6400ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-322 {
  transform: translate3d(-8.20757939px, -30.6311033px, -134.13692891px);
}

.mainAboutSection .animatedSphere .sphere .item.item-322 .dot {
  background-color: #ec00b6;
  animation: pulsate 0.5s linear -6420ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-323 {
  transform: translate3d(10.57833235px, -29.06372927px, -134.41025194px);
}

.mainAboutSection .animatedSphere .sphere .item.item-323 .dot {
  background-color: #ec00b5;
  animation: pulsate 0.5s linear -6440ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-324 {
  transform: translate3d(24.69247201px, -17.28985504px, -134.67673451px);
}

.mainAboutSection .animatedSphere .sphere .item.item-324 .dot {
  background-color: #ec00b3;
  animation: pulsate 0.5s linear -6460ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-325 {
  transform: translate3d(29.35661447px, 0px, -134.93635631px);
}

.mainAboutSection .animatedSphere .sphere .item.item-325 .dot {
  background-color: #ec00b2;
  animation: pulsate 0.5s linear -6480ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-326 {
  transform: translate3d(23.40075819px, 16.38538728px, -135.18909758px);
}

.mainAboutSection .animatedSphere .sphere .item.item-326 .dot {
  background-color: #ec00b1;
  animation: pulsate 0.5s linear -6500ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-327 {
  transform: translate3d(9.49971617px, 26.10025568px, -135.43493908px);
}

.mainAboutSection .animatedSphere .sphere .item.item-327 .dot {
  background-color: #ec00af;
  animation: pulsate 0.5s linear -6520ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-328 {
  transform: translate3d(-6.98331513px, 26.06208687px, -135.67386207px);
}

.mainAboutSection .animatedSphere .sphere .item.item-328 .dot {
  background-color: #ec00ae;
  animation: pulsate 0.5s linear -6540ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-329 {
  transform: translate3d(-20.05929415px, 16.83174632px, -135.90584838px);
}

.mainAboutSection .animatedSphere .sphere .item.item-329 .dot {
  background-color: #ec00ac;
  animation: pulsate 0.5s linear -6560ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-330 {
  transform: translate3d(-25.29103807px, 2.21267912px, -136.13088032px);
}

.mainAboutSection .animatedSphere .sphere .item.item-330 .dot {
  background-color: #ec00ab;
  animation: pulsate 0.5s linear -6580ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-331 {
  transform: translate3d(-21.29366746px, -12.29390464px, -136.34894076px);
}

.mainAboutSection .animatedSphere .sphere .item.item-331 .dot {
  background-color: #ec00a9;
  animation: pulsate 0.5s linear -6600ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-332 {
  transform: translate3d(-10.0524404px, -21.557528px, -136.5600131px);
}

.mainAboutSection .animatedSphere .sphere .item.item-332 .dot {
  background-color: #ec00a8;
  animation: pulsate 0.5s linear -6620ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-333 {
  transform: translate3d(3.99088315px, -22.63342305px, -136.76408126px);
}

.mainAboutSection .animatedSphere .sphere .item.item-333 .dot {
  background-color: #ec00a6;
  animation: pulsate 0.5s linear -6640ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-334 {
  transform: translate3d(15.68172598px, -15.68172598px, -136.9611297px);
}

.mainAboutSection .animatedSphere .sphere .item.item-334 .dot {
  background-color: #ec00a5;
  animation: pulsate 0.5s linear -6660ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-335 {
  transform: translate3d(21.04568652px, -3.71092236px, -137.15114342px);
}

.mainAboutSection .animatedSphere .sphere .item.item-335 .dot {
  background-color: #ec00a3;
  animation: pulsate 0.5s linear -6680ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-336 {
  transform: translate3d(18.63528622px, 8.68977667px, -137.33410794px);
}

.mainAboutSection .animatedSphere .sphere .item.item-336 .dot {
  background-color: #ec00a2;
  animation: pulsate 0.5s linear -6700ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-337 {
  transform: translate3d(9.87580531px, 17.10539657px, -137.51000933px);
}

.mainAboutSection .animatedSphere .sphere .item.item-337 .dot {
  background-color: #ec00a1;
  animation: pulsate 0.5s linear -6720ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-338 {
  transform: translate3d(-1.65072574px, 18.86788153px, -137.6788342px);
}

.mainAboutSection .animatedSphere .sphere .item.item-338 .dot {
  background-color: #ec009f;
  animation: pulsate 0.5s linear -6740ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-339 {
  transform: translate3d(-11.65171751px, 13.88597621px, -137.84056969px);
}

.mainAboutSection .animatedSphere .sphere .item.item-339 .dot {
  background-color: #ec009e;
  animation: pulsate 0.5s linear -6760ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-340 {
  transform: translate3d(-16.72247005px, 4.48077235px, -137.99520348px);
}

.mainAboutSection .animatedSphere .sphere .item.item-340 .dot {
  background-color: #ec009c;
  animation: pulsate 0.5s linear -6780ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-341 {
  transform: translate3d(-15.50171156px, -5.64216159px, -138.1427238px);
}

.mainAboutSection .animatedSphere .sphere .item.item-341 .dot {
  background-color: #ec009b;
  animation: pulsate 0.5s linear -6800ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-342 {
  transform: translate3d(-8.99340467px, -12.84391296px, -138.28311941px);
}

.mainAboutSection .animatedSphere .sphere .item.item-342 .dot {
  background-color: #ec0099;
  animation: pulsate 0.5s linear -6820ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-343 {
  transform: translate3d(0px, -14.86127418px, -138.41637962px);
}

.mainAboutSection .animatedSphere .sphere .item.item-343 .dot {
  background-color: #ec0098;
  animation: pulsate 0.5s linear -6840ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-344 {
  transform: translate3d(8.05409955px, -11.50244622px, -138.54249428px);
}

.mainAboutSection .animatedSphere .sphere .item.item-344 .dot {
  background-color: #ec0096;
  animation: pulsate 0.5s linear -6860ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-345 {
  transform: translate3d(12.42409392px, -4.52200037px, -138.66145379px);
}

.mainAboutSection .animatedSphere .sphere .item.item-345 .dot {
  background-color: #ec0095;
  animation: pulsate 0.5s linear -6880ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-346 {
  transform: translate3d(11.97746891px, 3.20935312px, -138.77324909px);
}

.mainAboutSection .animatedSphere .sphere .item.item-346 .dot {
  background-color: #ec0093;
  animation: pulsate 0.5s linear -6900ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-347 {
  transform: translate3d(7.44192987px, 8.86894666px, -138.87787167px);
}

.mainAboutSection .animatedSphere .sphere .item.item-347 .dot {
  background-color: #ec0092;
  animation: pulsate 0.5s linear -6920ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-348 {
  transform: translate3d(0.93729947px, 10.71338193px, -138.97531355px);
}

.mainAboutSection .animatedSphere .sphere .item.item-348 .dot {
  background-color: #ec0090;
  animation: pulsate 0.5s linear -6940ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-349 {
  transform: translate3d(-4.96510201px, 8.59980894px, -139.06556732px);
}

.mainAboutSection .animatedSphere .sphere .item.item-349 .dot {
  background-color: #ec008f;
  animation: pulsate 0.5s linear -6960ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-350 {
  transform: translate3d(-8.25224643px, 3.84808571px, -139.14862611px);
}

.mainAboutSection .animatedSphere .sphere .item.item-350 .dot {
  background-color: #ec008e;
  animation: pulsate 0.5s linear -6980ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-351 {
  transform: translate3d(-8.15400686px, -1.43777141px, -139.22448358px);
}

.mainAboutSection .animatedSphere .sphere .item.item-351 .dot {
  background-color: #ec008c;
  animation: pulsate 0.5s linear -7000ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-352 {
  transform: translate3d(-5.27050107px, -5.27050107px, -139.29313397px);
}

.mainAboutSection .animatedSphere .sphere .item.item-352 .dot {
  background-color: #ec008b;
  animation: pulsate 0.5s linear -7020ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-353 {
  transform: translate3d(-1.15074303px, -6.52618804px, -139.35457204px);
}

.mainAboutSection .animatedSphere .sphere .item.item-353 .dot {
  background-color: #ec0089;
  animation: pulsate 0.5s linear -7040ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-354 {
  transform: translate3d(2.45102163px, -5.25623284px, -139.40879311px);
}

.mainAboutSection .animatedSphere .sphere .item.item-354 .dot {
  background-color: #ec0088;
  animation: pulsate 0.5s linear -7060ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-355 {
  transform: translate3d(4.30580543px, -2.48595792px, -139.45579306px);
}

.mainAboutSection .animatedSphere .sphere .item.item-355 .dot {
  background-color: #ec0086;
  animation: pulsate 0.5s linear -7080ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-356 {
  transform: translate3d(4.12807323px, 0.36115961px, -139.49556831px);
}

.mainAboutSection .animatedSphere .sphere .item.item-356 .dot {
  background-color: #ec0085;
  animation: pulsate 0.5s linear -7100ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-357 {
  transform: translate3d(2.53978372px, 2.13113159px, -139.52811583px);
}

.mainAboutSection .animatedSphere .sphere .item.item-357 .dot {
  background-color: #ec0083;
  animation: pulsate 0.5s linear -7120ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-358 {
  transform: translate3d(0.64363381px, 2.40207409px, -139.55343313px);
}

.mainAboutSection .animatedSphere .sphere .item.item-358 .dot {
  background-color: #ec0082;
  animation: pulsate 0.5s linear -7140ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-359 {
  transform: translate3d(-0.56706208px, 1.55799027px, -139.5715183px);
}

.mainAboutSection .animatedSphere .sphere .item.item-359 .dot {
  background-color: #ec0080;
  animation: pulsate 0.5s linear -7160ms infinite alternate both;
}

.mainAboutSection .animatedSphere .sphere .item.item-360 {
  transform: translate3d(-0.67909414px, 0.47550684px, -139.58236995px);
}

.mainAboutSection .animatedSphere .sphere .item.item-360 .dot {
  background-color: #ec007f;
  animation: pulsate 0.5s linear -7180ms infinite alternate both;
}

@keyframes rotate3d {
  0% {
    transform: rotate3d(1, 1, 1, 0deg);
  }

  25% {
    transform: rotate3d(1, 1, 1, 90deg);
  }

  50% {
    transform: rotate3d(1, 1, 1, 180deg);
  }

  75% {
    transform: rotate3d(1, 1, 1, 270deg);
  }

  100% {
    transform: rotate3d(1, 1, 1, 360deg);
  }
}

@keyframes irotate3d {
  0% {
    transform: rotate3d(1, 1, 1, 360deg);
  }

  100% {
    transform: rotate3d(1, 1, 1, 0deg);
  }
}

@keyframes pulsate {
  0% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(1.5);
  }
}

.mainAboutSlider {
  position: relative;
  padding-top: 26px;
  margin-top: -26px;
}

.mainAboutSlider .swiper-slide {
  position: relative;
  height: auto;
}

.mainAboutSlider .swiper-slide:nth-child(even) .mainAboutSlide .img {
  left: auto;
  right: 19px;
}

.mainAboutSlider .swiper-slide:nth-child(even) .mainAboutSlide::before {
  -webkit-border-radius: 18px 0px 18px 18px;
  -moz-border-radius: 18px 0px 18px 18px;
  -ms-border-radius: 18px 0px 18px 18px;
  border-radius: 18px 0px 18px 18px;
}

.mainAboutSlider .swiper-slide:nth-child(even) .mainAboutSlide::after {
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.mainAboutSlider .swiper-slide:nth-child(even)::before {
  content: "";
  display: block;
  position: absolute;
  top: 64px;
  left: -197px;
  width: 267px;
  height: 321px;
  background-image: url(../img/slider_img.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 2;
}

.mainAboutSlider .swiper-navigation {
  position: relative;
  margin-top: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mainAboutSlider .swiper-button-prev,
.mainAboutSlider .swiper-button-next {
  position: static;
  width: auto;
  height: auto;
  margin: unset;
  flex-shrink: 0;
  opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mainAboutSlider .swiper-button-prev:hover,
.mainAboutSlider .swiper-button-next:hover {
  opacity: 0.7;
}

.mainAboutSlider .swiper-button-prev svg path,
.mainAboutSlider .swiper-button-next svg path {
  fill: rgb(255, 255, 255);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mainAboutSlider .swiper-button-prev svg path:hover,
.mainAboutSlider .swiper-button-next svg path:hover {
  opacity: 0.7;
}

.mainAboutSlider .swiper-button-prev::after,
.mainAboutSlider .swiper-button-next::after {
  display: none;
}

.mainAboutSlider .swiper-pagination {
  position: static;
  margin-left: 27px;
  margin-right: 27px;
  width: auto;
}

.mainAboutSlider .swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0px;
  background-color: #96a3b4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  opacity: 1;
}

.mainAboutSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f29d0f;
}

.mainAboutSlider .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 11px;
}

.mainAboutSlide {
  position: relative;
  min-height: 400px;
  height: 100%;
  padding-top: 124px;
  padding-left: 50px;
  padding-right: 50px;
  z-index: 1;
}

.mainAboutSlide .img {
  position: absolute;
  left: 19px;
  top: -60px;
}

.mainAboutSlide::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(100% - 62px);
  background-color: rgba(12, 16, 27, 0.55);
  -webkit-border-radius: 0px 18px 18px 18px;
  -moz-border-radius: 0px 18px 18px 18px;
  -ms-border-radius: 0px 18px 18px 18px;
  border-radius: 0px 18px 18px 18px;
  z-index: -1;
}

.mainAboutSlide::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 62px;
  background-image: url(../img/card_el.png);
  background-size: auto 100%;
  background-position: left bottpm;
  background-repeat: no-repeat;
  z-index: -1;
}

.mainAboutSlide .title {
  position: relative;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
  z-index: 3;
}

.mainAboutSlide .content {
  position: relative;
  max-width: 350px;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 3;
}

.sectionTitle {
  display: block;
  font-size: 60px;
  line-height: 60px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.sectionTitle .highlighted {
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.sectionTitle.sm {
  font-size: 40px;
  line-height: 50px;
}

.mainOfferSection {
  margin-top: 164px;
}

.mainOfferSection .wrapper {
  display: flex;
}

.mainOfferSection .leftSide {
  width: 375px;
}

.mainOfferSection .rightSide {
  position: relative;
  width: calc(100% - 375px);
}

.mainOfferSection .titleContainer+.contentContainer {
  margin-top: 34px;
}

.mainOfferSection .contentContainer {
  max-width: 355px;
}

.mainOfferSection .button {
  margin-top: 48px;
}

.mainOfferSection .image1 {
  position: relative;
  display: block;
  margin-left: auto;
  margin-top: 17px;
  -webkit-filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
  -o-filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
  z-index: 1;
}

.mainOfferSection .image2 {
  position: absolute;
  left: 24px;
  bottom: 23px;
  z-index: 2;
}

.mainOfferSection .mainAddressBlock {
  margin-left: auto;
  margin-right: 66px;
  margin-top: -73px;
}

.mainAddressBlock {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 461px;
  height: 336px;
  padding-left: 44px;
  padding-top: 105px;
  padding-right: 21px;
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

.mainAddressBlock .license {
  width: 119px;
  height: 168px;
  flex-shrink: 0;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mainAddressBlock .license>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.mainAddressBlock .license:hover {
  opacity: 0.7;
}

.mainAddressBlock .license img {
  display: block;
  width: 100%;
}

.mainAddressBlock .info {
  padding-top: 9px;
}

.mainAddressBlock .title {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.mainAddressBlock .address {
  margin-top: 7px;
  display: flex;
  align-items: center;
}

.mainAddressBlock .address img {
  display: block;
  margin-right: 11px;
  flex-shrink: 0;
}

.mainAddressBlock .reg {
  margin-top: 20px;
}

.mainAddressBlock .reg span {
  display: block;
  font-size: 20px;
  line-height: 25px;
  color: rgb(255, 255, 255);
}

.mainAddressBlock .link {
  margin-top: 25px;
}

.mainAddressBlock::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #1c2230;
  -webkit-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  -moz-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  -ms-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  -o-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="461px" height="336px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M439.582,296.238 L318.688,296.238 C318.687,296.238 318.687,296.238 318.687,296.238 C317.614,296.238 315.175,296.238 310.042,296.238 C262.316,296.238 284.955,336.005 242.611,336.005 L28.529,336.005 C12.773,336.005 0.000,323.232 0.000,307.477 L0.000,303.154 L0.000,296.238 C0.000,293.588 -0.026,291.032 0.000,288.598 L0.000,275.238 L0.000,205.465 L0.000,21.014 C0.000,9.417 9.402,0.014 21.000,0.014 L439.582,0.014 C451.180,0.014 460.582,9.417 460.582,21.014 L460.582,275.238 C460.582,286.836 451.180,296.238 439.582,296.238 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="461px" height="336px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M439.582,296.238 L318.688,296.238 C318.687,296.238 318.687,296.238 318.687,296.238 C317.614,296.238 315.175,296.238 310.042,296.238 C262.316,296.238 284.955,336.005 242.611,336.005 L28.529,336.005 C12.773,336.005 0.000,323.232 0.000,307.477 L0.000,303.154 L0.000,296.238 C0.000,293.588 -0.026,291.032 0.000,288.598 L0.000,275.238 L0.000,205.465 L0.000,21.014 C0.000,9.417 9.402,0.014 21.000,0.014 L439.582,0.014 C451.180,0.014 460.582,9.417 460.582,21.014 L460.582,275.238 C460.582,286.836 451.180,296.238 439.582,296.238 Z"/></svg>') 0/100% 100%;
  z-index: -1;
}

.mainAddressBlock::after {
  content: "";
  display: block;
  position: absolute;
  width: 303px;
  height: 360px;
  right: 20px;
  bottom: -120px;
  background-image: url(../img/address_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.roadmapSection {
  position: relative;
  margin-top: 135px;
}

.roadmapSection .back {
  position: absolute;
  display: block;
  width: 1920px;
  height: 1347px;
  top: -340px;
  left: 50%;
  margin-left: -960px;
  background-image: url(../img/roadmap_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.roadmapSection .animatedDots {
  position: absolute;
  display: block;
  width: 1920px;
  height: 1347px;
  top: -340px;
  left: 50%;
  margin-left: -960px;
  z-index: -1;
}

.roadmapSection .animatedDots .dotWrapper {
  position: absolute;
}

.roadmapSection .animatedDots .dotWrapper-1 {
  top: 63%;
  left: 94%;
  -webkit-animation: flying 26s ease-in-out -6.2s infinite alternate;
  animation: flying 26s ease-in-out -6.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-2 {
  top: 54%;
  left: 91%;
  -webkit-animation: flying 70s ease-in-out -6.3s infinite alternate;
  animation: flying 70s ease-in-out -6.3s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-3 {
  top: 58%;
  left: 9%;
  -webkit-animation: flying 56s ease-in-out -3.9s infinite alternate;
  animation: flying 56s ease-in-out -3.9s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-4 {
  top: 16%;
  left: 4%;
  -webkit-animation: flying 57s ease-in-out -9.1s infinite alternate;
  animation: flying 57s ease-in-out -9.1s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-5 {
  top: 22%;
  left: 12%;
  -webkit-animation: flying 31s ease-in-out -7.7s infinite alternate;
  animation: flying 31s ease-in-out -7.7s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-6 {
  top: 87%;
  left: 65%;
  -webkit-animation: flying 30s ease-in-out -7.7s infinite alternate;
  animation: flying 30s ease-in-out -7.7s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-7 {
  top: 31%;
  left: 83%;
  -webkit-animation: flying 36s ease-in-out -1.4s infinite alternate;
  animation: flying 36s ease-in-out -1.4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-8 {
  top: 88%;
  left: 70%;
  -webkit-animation: flying 42s ease-in-out -5.4s infinite alternate;
  animation: flying 42s ease-in-out -5.4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-9 {
  top: 10%;
  left: 27%;
  -webkit-animation: flying 67s ease-in-out -2.2s infinite alternate;
  animation: flying 67s ease-in-out -2.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-10 {
  top: 3%;
  left: 33%;
  -webkit-animation: flying 26s ease-in-out -8.1s infinite alternate;
  animation: flying 26s ease-in-out -8.1s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-11 {
  top: 58%;
  left: 36%;
  -webkit-animation: flying 26s ease-in-out -0.2s infinite alternate;
  animation: flying 26s ease-in-out -0.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-12 {
  top: 60%;
  left: 68%;
  -webkit-animation: flying 64s ease-in-out -5s infinite alternate;
  animation: flying 64s ease-in-out -5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-13 {
  top: 76%;
  left: 74%;
  -webkit-animation: flying 62s ease-in-out -3.4s infinite alternate;
  animation: flying 62s ease-in-out -3.4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-14 {
  top: 70%;
  left: 66%;
  -webkit-animation: flying 69s ease-in-out -3.2s infinite alternate;
  animation: flying 69s ease-in-out -3.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-15 {
  top: 17%;
  left: 12%;
  -webkit-animation: flying 24s ease-in-out -3.7s infinite alternate;
  animation: flying 24s ease-in-out -3.7s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-16 {
  top: 94%;
  left: 89%;
  -webkit-animation: flying 25s ease-in-out -4.6s infinite alternate;
  animation: flying 25s ease-in-out -4.6s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-17 {
  top: 24%;
  left: 48%;
  -webkit-animation: flying 56s ease-in-out -6.4s infinite alternate;
  animation: flying 56s ease-in-out -6.4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-18 {
  top: 77%;
  left: 14%;
  -webkit-animation: flying 60s ease-in-out -2.4s infinite alternate;
  animation: flying 60s ease-in-out -2.4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-19 {
  top: 55%;
  left: 20%;
  -webkit-animation: flying 38s ease-in-out -9.7s infinite alternate;
  animation: flying 38s ease-in-out -9.7s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-20 {
  top: 87%;
  left: 73%;
  -webkit-animation: flying 41s ease-in-out -9.5s infinite alternate;
  animation: flying 41s ease-in-out -9.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-21 {
  top: 94%;
  left: 26%;
  -webkit-animation: flying 69s ease-in-out -1.1s infinite alternate;
  animation: flying 69s ease-in-out -1.1s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-22 {
  top: 99%;
  left: 72%;
  -webkit-animation: flying 50s ease-in-out -4.5s infinite alternate;
  animation: flying 50s ease-in-out -4.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-23 {
  top: 58%;
  left: 74%;
  -webkit-animation: flying 49s ease-in-out -4s infinite alternate;
  animation: flying 49s ease-in-out -4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-24 {
  top: 2%;
  left: 75%;
  -webkit-animation: flying 29s ease-in-out -4.8s infinite alternate;
  animation: flying 29s ease-in-out -4.8s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-25 {
  top: 88%;
  left: 71%;
  -webkit-animation: flying 27s ease-in-out -7.6s infinite alternate;
  animation: flying 27s ease-in-out -7.6s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-26 {
  top: 34%;
  left: 54%;
  -webkit-animation: flying 21s ease-in-out -3.3s infinite alternate;
  animation: flying 21s ease-in-out -3.3s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-27 {
  top: 28%;
  left: 58%;
  -webkit-animation: flying 25s ease-in-out -9.9s infinite alternate;
  animation: flying 25s ease-in-out -9.9s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-28 {
  top: 37%;
  left: 52%;
  -webkit-animation: flying 38s ease-in-out -2.5s infinite alternate;
  animation: flying 38s ease-in-out -2.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-29 {
  top: 22%;
  left: 70%;
  -webkit-animation: flying 63s ease-in-out -8.3s infinite alternate;
  animation: flying 63s ease-in-out -8.3s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-30 {
  top: 84%;
  left: 68%;
  -webkit-animation: flying 46s ease-in-out -4.9s infinite alternate;
  animation: flying 46s ease-in-out -4.9s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-31 {
  top: 98%;
  left: 33%;
  -webkit-animation: flying 43s ease-in-out -1.3s infinite alternate;
  animation: flying 43s ease-in-out -1.3s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-32 {
  top: 37%;
  left: 49%;
  -webkit-animation: flying 21s ease-in-out -8.8s infinite alternate;
  animation: flying 21s ease-in-out -8.8s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-33 {
  top: 85%;
  left: 37%;
  -webkit-animation: flying 65s ease-in-out -9s infinite alternate;
  animation: flying 65s ease-in-out -9s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-34 {
  top: 61%;
  left: 84%;
  -webkit-animation: flying 44s ease-in-out -5.6s infinite alternate;
  animation: flying 44s ease-in-out -5.6s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-35 {
  top: 7%;
  left: 18%;
  -webkit-animation: flying 35s ease-in-out -4.9s infinite alternate;
  animation: flying 35s ease-in-out -4.9s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-36 {
  top: 37%;
  left: 59%;
  -webkit-animation: flying 69s ease-in-out -0.7s infinite alternate;
  animation: flying 69s ease-in-out -0.7s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-37 {
  top: 94%;
  left: 33%;
  -webkit-animation: flying 40s ease-in-out -2.2s infinite alternate;
  animation: flying 40s ease-in-out -2.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-38 {
  top: 22%;
  left: 82%;
  -webkit-animation: flying 58s ease-in-out -6.2s infinite alternate;
  animation: flying 58s ease-in-out -6.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-39 {
  top: 6%;
  left: 7%;
  -webkit-animation: flying 68s ease-in-out -1.2s infinite alternate;
  animation: flying 68s ease-in-out -1.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-40 {
  top: 77%;
  left: 24%;
  -webkit-animation: flying 36s ease-in-out -0.6s infinite alternate;
  animation: flying 36s ease-in-out -0.6s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-41 {
  top: 95%;
  left: 53%;
  -webkit-animation: flying 26s ease-in-out -5s infinite alternate;
  animation: flying 26s ease-in-out -5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-42 {
  top: 35%;
  left: 19%;
  -webkit-animation: flying 47s ease-in-out -8.8s infinite alternate;
  animation: flying 47s ease-in-out -8.8s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-43 {
  top: 30%;
  left: 65%;
  -webkit-animation: flying 56s ease-in-out -5.5s infinite alternate;
  animation: flying 56s ease-in-out -5.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-44 {
  top: 23%;
  left: 67%;
  -webkit-animation: flying 66s ease-in-out -6.9s infinite alternate;
  animation: flying 66s ease-in-out -6.9s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-45 {
  top: 26%;
  left: 99%;
  -webkit-animation: flying 56s ease-in-out -8.1s infinite alternate;
  animation: flying 56s ease-in-out -8.1s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-46 {
  top: 98%;
  left: 41%;
  -webkit-animation: flying 28s ease-in-out -6.2s infinite alternate;
  animation: flying 28s ease-in-out -6.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-47 {
  top: 35%;
  left: 27%;
  -webkit-animation: flying 59s ease-in-out -4.8s infinite alternate;
  animation: flying 59s ease-in-out -4.8s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-48 {
  top: 77%;
  left: 65%;
  -webkit-animation: flying 41s ease-in-out -4.3s infinite alternate;
  animation: flying 41s ease-in-out -4.3s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-49 {
  top: 59%;
  left: 79%;
  -webkit-animation: flying 29s ease-in-out -6.5s infinite alternate;
  animation: flying 29s ease-in-out -6.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-50 {
  top: 36%;
  left: 14%;
  -webkit-animation: flying 48s ease-in-out -4.6s infinite alternate;
  animation: flying 48s ease-in-out -4.6s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-51 {
  top: 78%;
  left: 17%;
  -webkit-animation: flying 55s ease-in-out -2.6s infinite alternate;
  animation: flying 55s ease-in-out -2.6s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-52 {
  top: 62%;
  left: 87%;
  -webkit-animation: flying 27s ease-in-out -9.2s infinite alternate;
  animation: flying 27s ease-in-out -9.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-53 {
  top: 9%;
  left: 11%;
  -webkit-animation: flying 39s ease-in-out -1.4s infinite alternate;
  animation: flying 39s ease-in-out -1.4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-54 {
  top: 14%;
  left: 24%;
  -webkit-animation: flying 28s ease-in-out -7.2s infinite alternate;
  animation: flying 28s ease-in-out -7.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-55 {
  top: 52%;
  left: 18%;
  -webkit-animation: flying 56s ease-in-out -9.4s infinite alternate;
  animation: flying 56s ease-in-out -9.4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-56 {
  top: 10%;
  left: 5%;
  -webkit-animation: flying 66s ease-in-out -9.4s infinite alternate;
  animation: flying 66s ease-in-out -9.4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-57 {
  top: 56%;
  left: 63%;
  -webkit-animation: flying 57s ease-in-out -2.1s infinite alternate;
  animation: flying 57s ease-in-out -2.1s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-58 {
  top: 61%;
  left: 72%;
  -webkit-animation: flying 57s ease-in-out -9.8s infinite alternate;
  animation: flying 57s ease-in-out -9.8s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-59 {
  top: 31%;
  left: 11%;
  -webkit-animation: flying 51s ease-in-out -6.3s infinite alternate;
  animation: flying 51s ease-in-out -6.3s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-60 {
  top: 82%;
  left: 5%;
  -webkit-animation: flying 46s ease-in-out -7.3s infinite alternate;
  animation: flying 46s ease-in-out -7.3s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-61 {
  top: 41%;
  left: 72%;
  -webkit-animation: flying 63s ease-in-out -4.5s infinite alternate;
  animation: flying 63s ease-in-out -4.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-62 {
  top: 69%;
  left: 8%;
  -webkit-animation: flying 21s ease-in-out -8.6s infinite alternate;
  animation: flying 21s ease-in-out -8.6s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-63 {
  top: 36%;
  left: 30%;
  -webkit-animation: flying 66s ease-in-out -0.1s infinite alternate;
  animation: flying 66s ease-in-out -0.1s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-64 {
  top: 72%;
  left: 66%;
  -webkit-animation: flying 35s ease-in-out -2.5s infinite alternate;
  animation: flying 35s ease-in-out -2.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-65 {
  top: 59%;
  left: 20%;
  -webkit-animation: flying 47s ease-in-out -1s infinite alternate;
  animation: flying 47s ease-in-out -1s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-66 {
  top: 89%;
  left: 12%;
  -webkit-animation: flying 68s ease-in-out -3.8s infinite alternate;
  animation: flying 68s ease-in-out -3.8s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-67 {
  top: 65%;
  left: 16%;
  -webkit-animation: flying 34s ease-in-out -1.5s infinite alternate;
  animation: flying 34s ease-in-out -1.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-68 {
  top: 41%;
  left: 83%;
  -webkit-animation: flying 69s ease-in-out -5.2s infinite alternate;
  animation: flying 69s ease-in-out -5.2s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-69 {
  top: 89%;
  left: 31%;
  -webkit-animation: flying 69s ease-in-out -9.5s infinite alternate;
  animation: flying 69s ease-in-out -9.5s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-70 {
  top: 48%;
  left: 13%;
  -webkit-animation: flying 55s ease-in-out -9.8s infinite alternate;
  animation: flying 55s ease-in-out -9.8s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-71 {
  top: 91%;
  left: 43%;
  -webkit-animation: flying 69s ease-in-out -6.8s infinite alternate;
  animation: flying 69s ease-in-out -6.8s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-72 {
  top: 47%;
  left: 21%;
  -webkit-animation: flying 61s ease-in-out -1.3s infinite alternate;
  animation: flying 61s ease-in-out -1.3s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-73 {
  top: 87%;
  left: 92%;
  -webkit-animation: flying 51s ease-in-out -5.9s infinite alternate;
  animation: flying 51s ease-in-out -5.9s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-74 {
  top: 57%;
  left: 94%;
  -webkit-animation: flying 40s ease-in-out -4s infinite alternate;
  animation: flying 40s ease-in-out -4s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper-75 {
  top: 51%;
  left: 51%;
  -webkit-animation: flying 24s ease-in-out -9.1s infinite alternate;
  animation: flying 24s ease-in-out -9.1s infinite alternate;
}

.roadmapSection .animatedDots .dotWrapper:nth-child(odd) .dot {
  background: #f29d0f;
}

.roadmapSection .animatedDots .dotWrapper:nth-child(even) .dot {
  background: #96a3b4;
}

.roadmapSection .animatedDots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.roadmapSection .animatedDots .dot-1 {
  transform-origin: 2px -9px;
  -webkit-animation: rotating 21s ease-in-out -4.9s infinite;
  animation: rotating 21s ease-in-out -4.9s infinite;
}

.roadmapSection .animatedDots .dot-2 {
  transform-origin: 2px -2px;
  -webkit-animation: rotating 19s ease-in-out -5.5s infinite;
  animation: rotating 19s ease-in-out -5.5s infinite;
}

.roadmapSection .animatedDots .dot-3 {
  transform-origin: 8px -14px;
  -webkit-animation: rotating 23s ease-in-out -3.5s infinite;
  animation: rotating 23s ease-in-out -3.5s infinite;
}

.roadmapSection .animatedDots .dot-4 {
  transform-origin: 5px 5px;
  -webkit-animation: rotating 20s ease-in-out -3.9s infinite;
  animation: rotating 20s ease-in-out -3.9s infinite;
}

.roadmapSection .animatedDots .dot-5 {
  transform-origin: -1px -7px;
  -webkit-animation: rotating 14s ease-in-out -6.6s infinite;
  animation: rotating 14s ease-in-out -6.6s infinite;
}

.roadmapSection .animatedDots .dot-6 {
  transform-origin: 5px 2px;
  -webkit-animation: rotating 15s ease-in-out -3.3s infinite;
  animation: rotating 15s ease-in-out -3.3s infinite;
}

.roadmapSection .animatedDots .dot-7 {
  transform-origin: 2px 9px;
  -webkit-animation: rotating 14s ease-in-out -3.6s infinite;
  animation: rotating 14s ease-in-out -3.6s infinite;
}

.roadmapSection .animatedDots .dot-8 {
  transform-origin: 15px -6px;
  -webkit-animation: rotating 17s ease-in-out -7.5s infinite;
  animation: rotating 17s ease-in-out -7.5s infinite;
}

.roadmapSection .animatedDots .dot-9 {
  transform-origin: -5px 8px;
  -webkit-animation: rotating 25s ease-in-out -5.5s infinite;
  animation: rotating 25s ease-in-out -5.5s infinite;
}

.roadmapSection .animatedDots .dot-10 {
  transform-origin: 12px 9px;
  -webkit-animation: rotating 11s ease-in-out -7.5s infinite;
  animation: rotating 11s ease-in-out -7.5s infinite;
}

.roadmapSection .animatedDots .dot-11 {
  transform-origin: 13px -5px;
  -webkit-animation: rotating 22s ease-in-out -3.2s infinite;
  animation: rotating 22s ease-in-out -3.2s infinite;
}

.roadmapSection .animatedDots .dot-12 {
  transform-origin: -9px 5px;
  -webkit-animation: rotating 23s ease-in-out -3s infinite;
  animation: rotating 23s ease-in-out -3s infinite;
}

.roadmapSection .animatedDots .dot-13 {
  transform-origin: -14px 5px;
  -webkit-animation: rotating 14s ease-in-out -2.1s infinite;
  animation: rotating 14s ease-in-out -2.1s infinite;
}

.roadmapSection .animatedDots .dot-14 {
  transform-origin: 8px -1px;
  -webkit-animation: rotating 26s ease-in-out -8.8s infinite;
  animation: rotating 26s ease-in-out -8.8s infinite;
}

.roadmapSection .animatedDots .dot-15 {
  transform-origin: 14px 10px;
  -webkit-animation: rotating 18s ease-in-out -3.7s infinite;
  animation: rotating 18s ease-in-out -3.7s infinite;
}

.roadmapSection .animatedDots .dot-16 {
  transform-origin: -13px 1px;
  -webkit-animation: rotating 24s ease-in-out -7.7s infinite;
  animation: rotating 24s ease-in-out -7.7s infinite;
}

.roadmapSection .animatedDots .dot-17 {
  transform-origin: -1px -3px;
  -webkit-animation: rotating 21s ease-in-out -8.6s infinite;
  animation: rotating 21s ease-in-out -8.6s infinite;
}

.roadmapSection .animatedDots .dot-18 {
  transform-origin: -13px 10px;
  -webkit-animation: rotating 22s ease-in-out -5.7s infinite;
  animation: rotating 22s ease-in-out -5.7s infinite;
}

.roadmapSection .animatedDots .dot-19 {
  transform-origin: 15px 0px;
  -webkit-animation: rotating 17s ease-in-out -4.2s infinite;
  animation: rotating 17s ease-in-out -4.2s infinite;
}

.roadmapSection .animatedDots .dot-20 {
  transform-origin: 10px 11px;
  -webkit-animation: rotating 25s ease-in-out -3.1s infinite;
  animation: rotating 25s ease-in-out -3.1s infinite;
}

.roadmapSection .animatedDots .dot-21 {
  transform-origin: 4px 1px;
  -webkit-animation: rotating 21s ease-in-out -5.7s infinite;
  animation: rotating 21s ease-in-out -5.7s infinite;
}

.roadmapSection .animatedDots .dot-22 {
  transform-origin: -9px -14px;
  -webkit-animation: rotating 15s ease-in-out -9.8s infinite;
  animation: rotating 15s ease-in-out -9.8s infinite;
}

.roadmapSection .animatedDots .dot-23 {
  transform-origin: 7px -13px;
  -webkit-animation: rotating 14s ease-in-out -0.6s infinite;
  animation: rotating 14s ease-in-out -0.6s infinite;
}

.roadmapSection .animatedDots .dot-24 {
  transform-origin: 6px 5px;
  -webkit-animation: rotating 17s ease-in-out -3.4s infinite;
  animation: rotating 17s ease-in-out -3.4s infinite;
}

.roadmapSection .animatedDots .dot-25 {
  transform-origin: 3px 6px;
  -webkit-animation: rotating 26s ease-in-out -3.9s infinite;
  animation: rotating 26s ease-in-out -3.9s infinite;
}

.roadmapSection .animatedDots .dot-26 {
  transform-origin: 11px -8px;
  -webkit-animation: rotating 21s ease-in-out -4.2s infinite;
  animation: rotating 21s ease-in-out -4.2s infinite;
}

.roadmapSection .animatedDots .dot-27 {
  transform-origin: 5px -4px;
  -webkit-animation: rotating 19s ease-in-out -4.5s infinite;
  animation: rotating 19s ease-in-out -4.5s infinite;
}

.roadmapSection .animatedDots .dot-28 {
  transform-origin: 2px 7px;
  -webkit-animation: rotating 24s ease-in-out -9.9s infinite;
  animation: rotating 24s ease-in-out -9.9s infinite;
}

.roadmapSection .animatedDots .dot-29 {
  transform-origin: -8px -1px;
  -webkit-animation: rotating 20s ease-in-out -6.3s infinite;
  animation: rotating 20s ease-in-out -6.3s infinite;
}

.roadmapSection .animatedDots .dot-30 {
  transform-origin: -8px -1px;
  -webkit-animation: rotating 21s ease-in-out -1.8s infinite;
  animation: rotating 21s ease-in-out -1.8s infinite;
}

.roadmapSection .animatedDots .dot-31 {
  transform-origin: -2px 6px;
  -webkit-animation: rotating 16s ease-in-out -2.1s infinite;
  animation: rotating 16s ease-in-out -2.1s infinite;
}

.roadmapSection .animatedDots .dot-32 {
  transform-origin: 14px -13px;
  -webkit-animation: rotating 27s ease-in-out -9s infinite;
  animation: rotating 27s ease-in-out -9s infinite;
}

.roadmapSection .animatedDots .dot-33 {
  transform-origin: 4px -5px;
  -webkit-animation: rotating 13s ease-in-out -7.8s infinite;
  animation: rotating 13s ease-in-out -7.8s infinite;
}

.roadmapSection .animatedDots .dot-34 {
  transform-origin: 7px -4px;
  -webkit-animation: rotating 15s ease-in-out -9.7s infinite;
  animation: rotating 15s ease-in-out -9.7s infinite;
}

.roadmapSection .animatedDots .dot-35 {
  transform-origin: 15px -6px;
  -webkit-animation: rotating 13s ease-in-out -8.9s infinite;
  animation: rotating 13s ease-in-out -8.9s infinite;
}

.roadmapSection .animatedDots .dot-36 {
  transform-origin: -6px 5px;
  -webkit-animation: rotating 16s ease-in-out -0.1s infinite;
  animation: rotating 16s ease-in-out -0.1s infinite;
}

.roadmapSection .animatedDots .dot-37 {
  transform-origin: 9px 3px;
  -webkit-animation: rotating 26s ease-in-out -9.7s infinite;
  animation: rotating 26s ease-in-out -9.7s infinite;
}

.roadmapSection .animatedDots .dot-38 {
  transform-origin: 10px 4px;
  -webkit-animation: rotating 20s ease-in-out -1.7s infinite;
  animation: rotating 20s ease-in-out -1.7s infinite;
}

.roadmapSection .animatedDots .dot-39 {
  transform-origin: -7px 13px;
  -webkit-animation: rotating 29s ease-in-out -9.2s infinite;
  animation: rotating 29s ease-in-out -9.2s infinite;
}

.roadmapSection .animatedDots .dot-40 {
  transform-origin: 9px -2px;
  -webkit-animation: rotating 17s ease-in-out -6.3s infinite;
  animation: rotating 17s ease-in-out -6.3s infinite;
}

.roadmapSection .animatedDots .dot-41 {
  transform-origin: 4px -4px;
  -webkit-animation: rotating 21s ease-in-out -5.5s infinite;
  animation: rotating 21s ease-in-out -5.5s infinite;
}

.roadmapSection .animatedDots .dot-42 {
  transform-origin: 0px 4px;
  -webkit-animation: rotating 17s ease-in-out -3.4s infinite;
  animation: rotating 17s ease-in-out -3.4s infinite;
}

.roadmapSection .animatedDots .dot-43 {
  transform-origin: 6px -2px;
  -webkit-animation: rotating 15s ease-in-out -8.3s infinite;
  animation: rotating 15s ease-in-out -8.3s infinite;
}

.roadmapSection .animatedDots .dot-44 {
  transform-origin: -1px 11px;
  -webkit-animation: rotating 22s ease-in-out -1.5s infinite;
  animation: rotating 22s ease-in-out -1.5s infinite;
}

.roadmapSection .animatedDots .dot-45 {
  transform-origin: 14px 8px;
  -webkit-animation: rotating 19s ease-in-out -2.5s infinite;
  animation: rotating 19s ease-in-out -2.5s infinite;
}

.roadmapSection .animatedDots .dot-46 {
  transform-origin: -8px -10px;
  -webkit-animation: rotating 30s ease-in-out -2.4s infinite;
  animation: rotating 30s ease-in-out -2.4s infinite;
}

.roadmapSection .animatedDots .dot-47 {
  transform-origin: 6px 12px;
  -webkit-animation: rotating 25s ease-in-out -0.6s infinite;
  animation: rotating 25s ease-in-out -0.6s infinite;
}

.roadmapSection .animatedDots .dot-48 {
  transform-origin: -1px -2px;
  -webkit-animation: rotating 25s ease-in-out -9.3s infinite;
  animation: rotating 25s ease-in-out -9.3s infinite;
}

.roadmapSection .animatedDots .dot-49 {
  transform-origin: -2px -6px;
  -webkit-animation: rotating 14s ease-in-out -5.3s infinite;
  animation: rotating 14s ease-in-out -5.3s infinite;
}

.roadmapSection .animatedDots .dot-50 {
  transform-origin: 5px -2px;
  -webkit-animation: rotating 29s ease-in-out -4.5s infinite;
  animation: rotating 29s ease-in-out -4.5s infinite;
}

@-webkit-keyframes rotating {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }

  25%,
  75% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }

  25%,
  75% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: rotate(360deg);
  }
}

@-webkit-keyframes flying {
  0% {
    transform: translate(0, 0);
  }

  10% {
    transform: translate(20px, 50px);
  }

  20% {
    transform: translate(-30px, 10px);
  }

  30% {
    transform: translate(10px, 60px);
  }

  40% {
    transform: translate(50px, 0px);
  }

  50% {
    transform: translate(-10px, -40px);
  }

  60% {
    transform: translate(-40px, 20px);
  }

  70% {
    transform: translate(30px, -30px);
  }

  80% {
    transform: translate(0px, -60px);
  }

  90% {
    transform: translate(40px, 10px);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes flying {
  0% {
    transform: translate(0, 0);
  }

  10% {
    transform: translate(20px, 50px);
  }

  20% {
    transform: translate(-30px, 10px);
  }

  30% {
    transform: translate(10px, 60px);
  }

  40% {
    transform: translate(50px, 0px);
  }

  50% {
    transform: translate(-10px, -40px);
  }

  60% {
    transform: translate(-40px, 20px);
  }

  70% {
    transform: translate(30px, -30px);
  }

  80% {
    transform: translate(0px, -60px);
  }

  90% {
    transform: translate(40px, 10px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.roadmapSection .contentContainer {
  margin-top: -10px;
}

.roadmapSection .roadmapDate {
  position: absolute;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 33px;
  font-size: 15px;
  line-height: 38px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.21;
  z-index: 1;
}

.roadmapSection .roadmapDate::before {
  content: "";
  display: block;
  position: absolute;
  width: 37px;
  height: 38px;
  right: 0px;
  top: 0px;
  background-image: url(../img/grad_circle.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.roadmapSection .roadmapDate.prev {
  bottom: 290px;
  left: 50%;
  margin-left: -664px;
}

.roadmapSection .roadmapDate.next {
  top: 295px;
  right: 50%;
  margin-right: -663px;
}

.roadmapSlider {
  width: 1056px;
  padding-top: 22px;
  margin-top: -32px;
}

.roadmapSlider .swiper-slide:nth-child(3n+1) {
  padding-top: 94px;
}

.roadmapSlider .swiper-slide:nth-child(3n+1) .roadmapSlide {
  background-image: url(../img/slide_1.png);
}

.roadmapSlider .swiper-slide:nth-child(3n+2) {
  padding-top: 300px;
}

.roadmapSlider .swiper-slide:nth-child(3n+2) .roadmapSlide {
  background-image: url(../img/slide_2.png);
}

.roadmapSlider .swiper-slide:nth-child(3n) .roadmapSlide {
  background-image: url(../img/slide_3.png);
}

.roadmapSlider .swiper-navigation {
  position: absolute;
  bottom: 171px;
  right: 23px;
  margin-top: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.roadmapSlider .swiper-button-prev,
.roadmapSlider .swiper-button-next {
  position: static;
  width: auto;
  height: auto;
  margin: unset;
  flex-shrink: 0;
  opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.roadmapSlider .swiper-button-prev:hover,
.roadmapSlider .swiper-button-next:hover {
  opacity: 0.7;
}

.roadmapSlider .swiper-button-prev svg path,
.roadmapSlider .swiper-button-next svg path {
  fill: rgb(255, 255, 255);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.roadmapSlider .swiper-button-prev svg path:hover,
.roadmapSlider .swiper-button-next svg path:hover {
  opacity: 0.7;
}

.roadmapSlider .swiper-button-prev::after,
.roadmapSlider .swiper-button-next::after {
  display: none;
}

.roadmapSlider .swiper-pagination {
  position: static;
  margin: 0px 40px;
  width: auto;
}

.roadmapSlider .swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0px;
  background-color: #96a3b4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  opacity: 1;
}

.roadmapSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f29d0f;
}

.roadmapSlider .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 11px;
}

.roadmapSlide {
  position: relative;
  min-height: 382px;
  padding-left: 44px;
  padding-right: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
}

.roadmapSlide .date {
  position: relative;
  top: -22px;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 33px;
  font-size: 15px;
  line-height: 38px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  z-index: 1;
}

.roadmapSlide .date::before {
  content: "";
  display: block;
  position: absolute;
  width: 37px;
  height: 38px;
  right: 0px;
  top: 0px;
  background-image: url(../img/grad_circle.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.roadmapSlide .title {
  margin-top: 14px;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.roadmapSlide .content {
  margin-top: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

.stepsSection {
  margin-top: 122px;
}

.stepsSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.stepsSection .leftSide {
  width: 600px;
}

.stepsSection .rightSide {
  width: 600px;
  position: relative;
}

.stepsSection .titleContainer+.contentContainer {
  margin-top: 40px;
}

.stepsSection .stepsList {
  margin-top: 58px;
}

.stepsSection .startBlock {
  margin-top: 24px;
  margin-left: auto;
  margin-right: 50px;
}

.stepsSection .image {
  position: absolute;
  left: -7px;
  top: 64px;
}

.stepsList {
  overflow: visible;
}

.stepsList .swiper-wrapper {
  display: block;
}

.stepsList .swiper-slide+.swiper-slide {
  margin-top: 60px;
}

.stepsList .swiper-navigation {
  display: none;
}

.stepItem {
  display: flex;
  max-width: 500px;
  padding-left: 12px;
}

.stepItem .num {
  position: relative;
  width: 117px;
  height: 117px;
  padding-left: 45px;
  padding-top: 30px;
  margin-right: 31px;
  flex-shrink: 0;
  font-size: 77px;
  line-height: 60px;
  color: #293141;
  font-weight: 500;
  background-image: url(../img/step_back.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.stepItem .num .icon {
  position: absolute;
  display: block;
  left: -10px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.stepItem .num::before {
  content: "";
  display: block;
  position: absolute;
  left: -55px;
  top: -30px;
  width: 109px;
  height: 176px;
  background-image: url(../img/step_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.stepItem .content {
  padding-bottom: 10px;
  align-self: center;
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

.stepItem .content a {
  color: #00b6f4;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.stepItem .content a:hover {
  text-decoration-color: transparent;
}

.stepItem .title {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.stepItem .title+p {
  margin-top: 7px;
}

.stepItem+.stepItem {
  margin-top: 60px;
}

.startBlock {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 367px;
  height: 783px;
  padding-left: 30px;
  padding-right: 25px;
  padding-bottom: 27px;
  font-size: 15px;
  line-height: 30px;
  color: #acb0bc;
  font-weight: 500;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  -webkit-box-shadow: 2px 13px 70px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 2px 13px 70px 0px rgba(0, 0, 0, 0.55);
  box-shadow: 2px 13px 70px 0px rgba(0, 0, 0, 0.55);
  z-index: 1;
}

.startBlock .title {
  font-size: 35px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.startBlock .title .highlighted {
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.startBlock .title+p {
  margin-top: 5px;
}

.startBlock .button {
  margin-top: 31px;
}

.startBlock::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: -3px;
  background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  z-index: -2;
}

.startBlock::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #1c2230;
  background-image: url(../img/start_block_back.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  z-index: -1;
}

.howtoSection {
  position: relative;
  margin-top: 175px;
  padding-bottom: 84px;
  z-index: 2;
}

.howtoSection .container {
  width: 1606px;
}

.howtoSection::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: -30px;
  width: 1920px;
  height: 945px;
  background-image: url(../img/howto_back.jpg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

/*.howtoSection::after {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  left: 50%;*/
/*  margin-left: -960px;*/
/*  top: 100px;*/
/*  width: 1920px;*/
/*  height: 1160px;*/
/*  background-image: url(../img/howto_back_2.png);*/
/*  background-size: 100% auto;*/
/*  background-position: center top;*/
/*  background-repeat: no-repeat;*/
/*  z-index: -1;*/
/*}*/

.howtoSection .titleContainer {
  text-align: center;
}

.howtoSection .titleContainer .title {
  display: block;
  font-size: 40px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.howtoSection .titleContainer .subtitle {
  margin-top: 27px;
}

.howtoSection .titleContainer .highlighted {
  background: #4addff;
  background: -moz-linear-gradient(left, #cbc6bf 0%, #f29f14 100%);
  background: -webkit-linear-gradient(left, #cbc6bf 0%, #f29f14 100%);
  background: linear-gradient(to right, #cbc6bf 0%, #f29f14 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.howtoSection .contentContainer {
  position: relative;
  margin-top: 140px;
}

.howtoSection .contentContainer .image {
  display: block;
  position: absolute;
  max-width: unset;
  left: -9px;
  top: 0px;
}

.howtoSection .contentContainer .image.sm {
  display: none;
}

.howtoSection .animatedImage {
  position: absolute;
  left: 0;
  right: 22px;
  margin: 0px auto;
  top: 12px;
  max-width: 1606px;
}

.howtoSection .animatedImage img {
  display: block;
  max-width: unset;
}

.howtoSection .animatedImage .image2 {
  position: absolute;
  left: 50%;
  top: 30px;
  max-width: 679px;
  width: 100%;
  animation: rotate 30s linear infinite;
  margin-left: -320px;
}

@keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.howtoSection .animatedImage .glowingCircle {
  position: absolute;
  left: 0px;
  top: 70px;
  right: 0px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 400px;
  background-color: transparent;
  border-radius: 50%;
  animation: text 10s ease infinite;
  z-index: -1;
}

/*.howtoSection .animatedImage .glowingCircle:after {*/
/*  position: absolute;*/
/*  content: "";*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  z-index: -1;*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  margin: 0 auto;*/
/*  transform: scale(0.85);*/
/*  filter: blur(5vw);*/
/*  background: linear-gradient(270deg, #00b2ec, #ff03d3);*/
/*  background-size: 150% 150%;*/
/*  border-radius: 50%;*/
/*  animation: glowmation 5s linear infinite;*/
/*}*/

@keyframes glowmation {
  0% {
    top: -3%;
    left: -3%;
    background-position: 0% 50%;
    background-size: 150% 150%;
  }

  12.5% {
    top: -3%;
    left: 0;
    background-size: 70% 30%;
  }

  25% {
    top: -3%;
    left: 3%;
    background-size: 100% 50%;
  }

  37.5% {
    top: 0;
    left: 3%;
    background-size: 70% 30%;
  }

  50% {
    top: 3%;
    left: 3%;
    background-position: 100% 50%;
    background-size: 30% 30%;
  }

  62.5% {
    top: 3%;
    left: 0;
    background-size: 30% 70%;
  }

  75% {
    top: 3%;
    left: -3%;
    background-size: 50% 100%;
  }

  87.5% {
    top: 0;
    left: -3%;
    background-size: 30% 70%;
  }

  100% {
    top: -3%;
    left: -3%;
    background-position: 0% 50%;
    background-size: 150% 150%;
  }
}

@keyframes text {
  0% {
    color: #ff03d3;
  }

  50% {
    color: #00b2ec;
  }

  100% {
    color: #ff03d3;
  }
}

.howtoSection+.footerSection {
  margin-top: 56px;
}

.howtoList {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 214px;
  padding-left: 77px;
  padding-right: 65px;
}

.howtoList .howtoItem:nth-child(2) {
  margin-top: 472px;
}

.howtoItem {
  width: 240px;
  flex-shrink: 0;
  text-align: center;
}

.howtoItem .icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.howtoItem .icon::before {
  content: "";
  display: block;
  position: absolute;
  width: 208px;
  height: 208px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  top: -60px;
  background-image: url(../img/icon_shadow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.howtoItem .icon img {
  display: block;
}

.howtoItem .title {
  display: block;
  margin-top: 46px;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  background: #4addff;
  background: -moz-linear-gradient(left, #cbc6bf 0%, #f29f14 100%);
  background: -webkit-linear-gradient(left, #cbc6bf 0%, #f29f14 100%);
  background: linear-gradient(to right, #cbc6bf 0%, #f29f14 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.howtoItem p {
  margin-top: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

.howtoItem:nth-child(1) .icon {
  padding-left: 30px;
}

.howtoItem:nth-child(2) .title {
  margin-top: 32px;
}

.howtoItem:nth-child(3) .icon {
  padding-left: 10px;
}

.aboutStartSection {
  position: relative;
}

.aboutStartSection .titleContainer .title {
  display: block;
  font-size: 40px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
}

.aboutStartSection .titleContainer .title span {
  font-size: 60px;
  line-height: 76px;
}

.aboutStartSection .titleContainer .title .highlighted {
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.aboutStartSection .titleContainer+.contentContainer {
  margin-top: 70px;
}

.aboutStartSection .innerSection {
  padding-top: 72px;
}

.aboutStartSection::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0px;
  width: 1920px;
  height: 1425px;
  background-image: url(../img/about_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

/*.aboutStartSection::after {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 98px;*/
/*  left: 50%;*/
/*  margin-left: -796px;*/
/*  width: 1628px;*/
/*  height: 1040px;*/
/*  background-image: url(../img/back_3.png);*/
/*  background-size: 100% auto;*/
/*  background-position: center bottom;*/
/*  background-repeat: no-repeat;*/
/*  z-index: -1;*/
/*}*/

.videoBlock {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 6px 25px 6px;
  width: 813px;
  height: 535px;
  background-color: #0c111c;
  -webkit-border-radius: 22px 22px 0px 0px;
  -moz-border-radius: 22px 22px 0px 0px;
  -ms-border-radius: 22px 22px 0px 0px;
  border-radius: 22px 22px 0px 0px;
}

.videoBlock iframe {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
}

.videoBlock img {
  border-radius: 20px;
}

.videoBlock::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: -34.5px;
  width: 882px;
  height: 20px;
  background-color: rgb(31, 31, 31);
  -webkit-box-shadow: -2px 13px 70px 0px rgba(0, 0, 0, 0.77);
  -moz-box-shadow: -2px 13px 70px 0px rgba(0, 0, 0, 0.77);
  box-shadow: -2px 13px 70px 0px rgba(0, 0, 0, 0.77);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="882px" height="20px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M874.512,0.239 L869.571,0.239 L521.804,0.239 L521.804,2.143 L521.804,2.144 L521.804,2.144 C521.804,8.359 511.535,13.396 505.311,13.396 L377.400,13.396 C371.176,13.396 360.907,8.359 360.907,2.144 L360.907,0.239 L56.727,0.239 L8.598,0.239 C4.043,0.239 0.353,3.925 0.353,8.472 L0.353,19.017 L881.756,19.017 L881.756,7.472 C881.756,3.477 878.512,0.239 874.512,0.239 "/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="882px" height="20px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M874.512,0.239 L869.571,0.239 L521.804,0.239 L521.804,2.143 L521.804,2.144 L521.804,2.144 C521.804,8.359 511.535,13.396 505.311,13.396 L377.400,13.396 C371.176,13.396 360.907,8.359 360.907,2.144 L360.907,0.239 L56.727,0.239 L8.598,0.239 C4.043,0.239 0.353,3.925 0.353,8.472 L0.353,19.017 L881.756,19.017 L881.756,7.472 C881.756,3.477 878.512,0.239 874.512,0.239 "/></svg>') 0/100% 100%;
}

.videoBlock::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: -5px;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
  z-index: -1;
}

.aboutSection {
  margin-top: 180px;
}

.aboutSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.aboutSection .leftSide {
  width: 570px;
}

.aboutSection .rightSide {
  width: 570px;
  padding-top: 21px;
}

.aboutSection .titleContainer+.contentContainer {
  margin-top: 28px;
}

.ceoSection {

}
.ceoSection .wrapper {
  display: flex;
  justify-content: space-between;
  background-color: rgba(24, 31, 46, 0.731);
  padding: 45px;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
}

.ceoSection .leftSide {
  width: 440px;
}

.ceoSection .rightSide {
  width: 600px;
}

.ceoSection .imageBlock {
  position: relative;
}

.ceoSection .imageBlock img {
  position: relative;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
  z-index: 1;
}

.ceoSection .imageBlock::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: -3px;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
}

.ceoSection .rightSide .lead {
  margin-top: 15px;
}

.infoSection {
  margin-top: 96px;
}

.infoSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.infoSection .leftSide {
  width: 570px;
}

.infoSection .rightSide {
  width: 570px;
  padding-top: 40px;
}

.infoSection .titleContainer+.contentContainer {
  margin-top: 54px;
}

.infoSection .info {
  max-width: 285px;
  margin-left: auto;
  margin-top: 64px;
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

.infoSection .info .title {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.infoSection .info .address {
  margin-top: 7px;
  display: flex;
  align-items: center;
}

.infoSection .info .address svg {
  margin-right: 11px;
  flex-shrink: 0;
}

.infoSection .info .reg {
  margin-top: 20px;
}

.infoSection .info .reg span {
  display: block;
  font-size: 20px;
  line-height: 25px;
  color: rgb(255, 255, 255);
}

.docBlock {
  position: relative;
  min-height: 426px;
  padding-top: 40px;
}

.docBlock .title {
  display: block;
  font-size: 20px;
  line-height: 40px;
  color: #acb0bc;
  font-weight: 500;
}

.docBlock .title+* {
  margin-top: 38px;
}

.docBlock::before {
  content: "";
  display: block;
  position: absolute;
  min-width: 971px;
  width: 100%;
  height: 100%;
  right: 0px;
  top: 0px;
  background-color: #1c2230;
  -webkit-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  -moz-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  -ms-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  -o-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="971px" height="426px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M949.582,386.238 L358.687,386.238 C358.687,386.238 358.687,386.238 358.687,386.238 C357.621,386.238 355.196,386.238 350.042,386.238 C302.316,386.238 324.955,426.005 282.611,426.005 L28.529,426.005 C12.773,426.005 0.000,413.232 0.000,397.477 L0.000,393.154 L0.000,386.238 C0.000,383.585 -0.026,381.025 0.000,378.588 L0.000,365.238 L0.000,295.465 L0.000,21.014 C0.000,9.417 9.402,0.014 21.000,0.014 L949.582,0.014 C961.180,0.014 970.582,9.417 970.582,21.014 L970.582,365.238 C970.582,376.836 961.180,386.238 949.582,386.238 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="971px" height="426px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M949.582,386.238 L358.687,386.238 C358.687,386.238 358.687,386.238 358.687,386.238 C357.621,386.238 355.196,386.238 350.042,386.238 C302.316,386.238 324.955,426.005 282.611,426.005 L28.529,426.005 C12.773,426.005 0.000,413.232 0.000,397.477 L0.000,393.154 L0.000,386.238 C0.000,383.585 -0.026,381.025 0.000,378.588 L0.000,365.238 L0.000,295.465 L0.000,21.014 C0.000,9.417 9.402,0.014 21.000,0.014 L949.582,0.014 C961.180,0.014 970.582,9.417 970.582,21.014 L970.582,365.238 C970.582,376.836 961.180,386.238 949.582,386.238 Z"/></svg>') 0/100% 100%;
  z-index: -1;
}

.docBlock::after {
  content: "";
  display: block;
  position: absolute;
  width: 303px;
  height: 360px;
  left: -220px;
  bottom: -120px;
  background-image: url(../img/address_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.docList {
  display: grid;
  grid-template-columns: repeat(auto-fill, 153px);
  gap: 30px;
}

.docList .item {
  width: 153px;
  height: 216px;
  flex-shrink: 0;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.docList .item>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.docList .item:hover {
  opacity: 0.7;
}

.docList .item img {
  display: block;
}

.mapBlock {
  position: relative;
  height: 347px;
  background-color: #1c2230;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
  -webkit-box-shadow: 6px 7px 40px 0px rgba(0, 0, 0, 0.63);
  -moz-box-shadow: 6px 7px 40px 0px rgba(0, 0, 0, 0.63);
  box-shadow: 6px 7px 40px 0px rgba(0, 0, 0, 0.63);
  max-width: 576px;
  margin: 0 auto;
}

.mapBlock iframe {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.mapBlock::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: -3px;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
  z-index: -1;
}

.missionSection {
  position: relative;
  margin-top: 117px;
  padding-bottom: 460px;
}

.missionSection::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  bottom: -308px;
  width: 1920px;
  height: 1066px;
  background-image: url(../img/back_4.png);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.missionSection .titleContainer {
  text-align: center;
}

.missionSection .titleContainer+.contentContainer {
  margin-top: 40px;
}

.missionSection .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 58px;
}

.missionSection .card {
  position: relative;
  min-height: 258px;
  padding: 0px 90px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
  z-index: 1;
}

.missionSection .card::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(100% + 62px);
  background-image: url(../img/card_left.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.missionSection .card.right::before {
  background-image: url(../img/card_right.png);
}

.advantagesSection {
  position: relative;
  padding-top: 150px;
  z-index: 1;
}

.advantagesSection .wrapper {
  position: relative;
}

.advantagesSection .titleContainer {
  position: absolute;
  max-width: 800px;
  top: 50%;
  left: 0px;
  right: 0px;
  margin: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.advantagesSection .titleContainer .title {
  display: block;
  font-size: 40px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.advantagesSection::before {
  content: "";
  display: block;
  position: absolute;
  width: 1920px;
  height: 1349px;
  top: -226px;
  left: 50%;
  margin-left: -960px;
  background-image: url(../img/advantages_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.advantagesList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 195px 43px;
}

.advantagesList .item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 248px;
  padding: 36px 40px 37px;
  background-color: rgba(40, 46, 60, 0.77);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.advantagesList .item::before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 62px;
}

.advantagesList .item:first-child {
  justify-content: flex-end;
  -webkit-border-radius: 20px 20px 20px 0px;
  -moz-border-radius: 20px 20px 20px 0px;
  -ms-border-radius: 20px 20px 20px 0px;
  border-radius: 20px 20px 20px 0px;
}

.advantagesList .item:first-child::before {
  display: block;
  top: 100%;
  left: 0px;
  background-image: url(../img/el_bottom_left.png);
  background-size: auto 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.advantagesList .item:first-child .icon {
  top: 30px;
  right: 25px;
}

.advantagesList .item:nth-child(2) {
  justify-content: flex-end;
}

.advantagesList .item:nth-child(2) .icon {
  top: 30px;
  right: 25px;
}

.advantagesList .item:nth-child(3) {
  justify-content: flex-end;
  -webkit-border-radius: 20px 20px 0px 20px;
  -moz-border-radius: 20px 20px 0px 20px;
  -ms-border-radius: 20px 20px 0px 20px;
  border-radius: 20px 20px 0px 20px;
}

.advantagesList .item:nth-child(3)::before {
  display: block;
  top: 100%;
  right: 0px;
  background-image: url(../img/el_bottom_right.png);
  background-size: auto 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.advantagesList .item:nth-child(3) .icon {
  top: 30px;
  right: 25px;
}

.advantagesList .item:nth-child(4) {
  -webkit-border-radius: 0px 20px 20px 20px;
  -moz-border-radius: 0px 20px 20px 20px;
  -ms-border-radius: 0px 20px 20px 20px;
  border-radius: 0px 20px 20px 20px;
}

.advantagesList .item:nth-child(4)::before {
  display: block;
  bottom: 100%;
  left: 0px;
  background-image: url(../img/el_top_left.png);
  background-size: auto 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.advantagesList .item:nth-child(4) .icon {
  bottom: 30px;
  right: 28px;
}

.advantagesList .item:nth-child(5) .icon {
  bottom: 30px;
  right: 28px;
}

.advantagesList .item:nth-child(6) {
  -webkit-border-radius: 20px 0px 20px 20px;
  -moz-border-radius: 20px 0px 20px 20px;
  -ms-border-radius: 20px 0px 20px 20px;
  border-radius: 20px 0px 20px 20px;
}

.advantagesList .item:nth-child(6)::before {
  display: block;
  bottom: 100%;
  right: 0px;
  background-image: url(../img/el_top_right.png);
  background-size: auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.advantagesList .item:nth-child(6) .icon {
  bottom: 30px;
  right: 28px;
}

.advantagesList .title {
  display: block;
  max-width: 240px;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.advantagesList p {
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

.advantagesList .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.advantagesList .icon img {
  display: block;
}

.advantagesList .icon::before {
  content: "";
  display: block;
  position: absolute;
  width: 178px;
  height: 178px;
  left: -70px;
  top: -60px;
  background-image: url(../img/icon_shadow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.contactsSection {
  position: relative;
}

.contactsSection .innerSection {
  position: relative;
  padding-top: 67px;
}

.contactsSection .titleContainer {
  position: absolute;
  max-width: 800px;
  left: 0px;
  right: 0px;
  top: 310px;
  margin: 0px auto;
  text-align: center;
}

.contactsSection::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0px;
  width: 1920px;
  height: 1119px;
  background-image: url(../img/contacts_back.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.contactsSection .mapBlock {
  position: relative;
  width: 567px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -90px;
  z-index: 1;
}

.contactsGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 180px 57px;
}

.contactsGrid .item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 180px;
  padding-right: 45px;
  padding-top: 25px;
  padding-left: 45px;
  padding-bottom: 30px;
  background-color: rgba(12, 17, 28, 0.702);
}

.contactsGrid .item .icon {
  display: none;
}

.contactsGrid .item::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 62px;
  z-index: -1;
}

.contactsGrid .item:nth-child(1) {
  align-items: flex-end;
  -webkit-border-radius: 20px 20px 20px 0px;
  -moz-border-radius: 20px 20px 20px 0px;
  -ms-border-radius: 20px 20px 20px 0px;
  border-radius: 20px 20px 20px 0px;
}

.contactsGrid .item:nth-child(1)::before {
  top: 100%;
  left: 0px;
  background-image: url(../img/contact_card_1.png);
  background-size: auto 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.contactsGrid .item:nth-child(1)::after {
  content: "";
  display: block;
  position: absolute;
  width: 303px;
  height: 360px;
  left: 100px;
  top: 0;
  background-image: url(../img/address_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.contactsGrid .item:nth-child(1) .img {
  left: 35px;
  bottom: -24px;
}

.contactsGrid .item:nth-child(2) {
  -webkit-border-radius: 20px 20px 0px 20px;
  -moz-border-radius: 20px 20px 0px 20px;
  -ms-border-radius: 20px 20px 0px 20px;
  border-radius: 20px 20px 0px 20px;
}

.contactsGrid .item:nth-child(2)::before {
  top: 100%;
  right: 0px;
  background-image: url(../img/contact_card_2.png);
  background-size: auto 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.contactsGrid .item:nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  width: 303px;
  height: 360px;
  right: 100px;
  top: 0;
  background-image: url(../img/address_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
  z-index: -2;
}

.contactsGrid .item:nth-child(2) .img {
  right: 35px;
  bottom: -24px;
}

.contactsGrid .item:nth-child(3) {
  justify-content: flex-end;
  background-color: rgba(12, 17, 28, 0.549);
  -webkit-border-radius: 0px 20px 20px 20px;
  -moz-border-radius: 0px 20px 20px 20px;
  -ms-border-radius: 0px 20px 20px 20px;
  border-radius: 0px 20px 20px 20px;
}

.contactsGrid .item:nth-child(3)::before {
  bottom: 100%;
  left: 0px;
  background-image: url(../img/contact_card_3.png);
  background-size: auto 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.contactsGrid .item:nth-child(3) .img {
  left: 41px;
  top: -28px;
}

.contactsGrid .item:nth-child(4) {
  justify-content: flex-end;
  align-items: flex-end;
  background-color: rgba(12, 17, 28, 0.549);
  -webkit-border-radius: 20px 0px 20px 20px;
  -moz-border-radius: 20px 0px 20px 20px;
  -ms-border-radius: 20px 0px 20px 20px;
  border-radius: 20px 0px 20px 20px;
}

.contactsGrid .item:nth-child(4)::before {
  bottom: 100%;
  right: 0px;
  background-image: url(../img/contact_card_4.png);
  background-size: auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.contactsGrid .item:nth-child(4) .img {
  right: 41px;
  top: -28px;
}

.contactsGrid .img {
  width: 60px;
  height: 60px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.contactsGrid .img img {
  display: block;
}

.contactsGrid .img::before {
  content: "";
  display: block;
  position: absolute;
  width: 178px;
  height: 178px;
  left: -60px;
  top: -50px;
  background-image: url(../img/icon_shadow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.contactsItem .param {
  display: block;
  font-size: 15px;
  line-height: 25px;
  color: #acb0bc;
}

.contactsItem .data {
  display: flex;
  align-items: center;
}

.contactsItem .data .icon {
  display: block;
  flex-shrink: 0;
  margin-right: 6px;
}

.contactsItem .data .cap {
  display: block;
  margin-right: 5px;
  flex-shrink: 0;
  font-size: 17px;
  line-height: 25px;
  color: rgb(255, 255, 255);
}

.contactsItem .data .link {
  display: inline-block;
  font-size: 17px;
  line-height: 25px;
  color: #f29d0f;
  text-decoration: underline;
  text-decoration-color: inherit;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.contactsItem .data .link:hover {
  text-decoration-color: transparent;
}

.contactsItem .location {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

.contactsItem .location .title {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.contactsItem .location .address {
  margin-top: 7px;
  display: flex;
  align-items: center;
}

.contactsItem .location .address svg {
  margin-right: 11px;
  flex-shrink: 0;
}

.contactsItem .reg {
  min-width: 200px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #acb0bc;
}

.contactsItem .reg p span {
  display: block;
  font-size: 20px;
  line-height: 25px;
  color: rgb(255, 255, 255);
}

.contactsItem+.contactsItem {
  margin-top: 25px;
}

.contactFormSection {
  position: relative;
  margin-top: 92px;
  z-index: 1;
}

.contactFormSection .titleContainer {
  text-align: center;
}

.contactFormSection .titleContainer .subtitle {
  padding-left: 30px;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  line-height: 43px;
  color: #acb0bc;
}

.contactFormSection .titleContainer .subtitle span {
  margin-right: 4px;
  position: relative;
  top: 5px;
  font-size: 19px;
  color: #ff20d5;
  letter-spacing: 0.1em;
}

.contactFormSection .contentContainer {
  margin-top: 25px;
  padding-top: 99px;
  padding-left: 79px;
  padding-right: 79px;
  padding-bottom: 61px;
  background-color: rgba(24, 30, 43, 0.55);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
  -webkit-box-shadow: 3px 55px 21px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 3px 55px 21px 0px rgba(0, 0, 0, 0.33);
  box-shadow: 3px 55px 21px 0px rgba(0, 0, 0, 0.33);
}

.contactFormSection .formGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 58px;
}

.contactFormSection .fieldItem+.fieldItem {
  margin-top: 23px;
}

.contactFormSection .fieldItem.lg {
  height: 100%;
}

.contactFormSection .fieldItem.lg .inputBlock {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.contactFormSection .fieldItem.lg .inputBlock .inWrap {
  flex-grow: 1;
}

.contactFormSection .fieldItem.lg .inputBlock textarea {
  height: 100%;
  min-height: 120px;
}

.contactFormSection .button {
  margin-top: 61px;
  display: flex;
  justify-content: center;
}

.contactFormSection::before {
  content: "";
  display: block;
  position: absolute;
  width: 1920px;
  height: 945px;
  top: -102px;
  left: 50%;
  margin-left: -960px;
  background-image: url(../img/form_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.contactFormSection+.footerSection {
  margin-top: 123px;
}

.faqSection {
  position: relative;
  z-index: 1;
}

.faqSection .innerSection {
  padding-top: 72px;
}

.faqSection .titleContainer {
  text-align: center;
}

.faqSection .titleContainer .highlighted {
  font-size: 60px;
  line-height: 76px;
}

.faqSection .titleContainer+.contentContainer {
  margin-top: 37px;
}

.faqSection::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: -50px;
  width: 1920px;
  height: 1159px;
  background-image: url(../img/about_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

/*.faqSection::after {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 98px;*/
/*  left: 50%;*/
/*  margin-left: -796px;*/
/*  width: 1628px;*/
/*  height: 1040px;*/
/*  background-image: url(../img/back_3.png);*/
/*  background-size: 100% auto;*/
/*  background-position: center bottom;*/
/*  background-repeat: no-repeat;*/
/*  z-index: -1;*/
/*}*/

.faqSection+.footerSection {
  margin-top: 105px;
}

.faqTabs .topicTab {
  display: none;
}

.faqTabs .tabsList {
  display: flex;
}

.faqTabs .tabsList .tab {
  position: relative;
  width: 20%;
}

.faqTabs .tabsList .tab::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(9, 10, 15, 0.5);
  -webkit-border-radius: 25px 50px 0px 0px;
  -moz-border-radius: 25px 50px 0px 0px;
  -ms-border-radius: 25px 50px 0px 0px;
  border-radius: 25px 50px 0px 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.faqTabs .tabsList .tab::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../img/shadow.png);
  background-size: auto;
  background-position: left -82px top -64px;
  background-repeat: no-repeat;
  -webkit-border-radius: 25px 50px 0px 0px;
  -moz-border-radius: 25px 50px 0px 0px;
  -ms-border-radius: 25px 50px 0px 0px;
  border-radius: 25px 50px 0px 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.55;
  z-index: -1;
}

.faqTabs .tabsList .tab.active .cap,
.faqTabs .tabsList .tab.active [class*=icon] {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.faqTabs .tabsList .tab.active::before {
  background-color: rgba(9, 10, 15, 0.8);
}

.faqTabs .tabsList .tab.active::after {
  opacity: 0;
}

.faqTabs .tabsList .tab:hover .cap,
.faqTabs .tabsList .tab:hover [class*=icon] {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.faqTabs .tabsList .tab:first-child::after {
  opacity: 0;
}

.faqTabs .tabsList .tab:last-child::before {
  -webkit-border-radius: 25px 25px 0px 0px;
  -moz-border-radius: 25px 25px 0px 0px;
  -ms-border-radius: 25px 25px 0px 0px;
  border-radius: 25px 25px 0px 0px;
}

.faqTabs .tabsList .tab:last-child [class*=icon] {
  font-size: 18px;
}

.faqTabs .tabsList .tab:nth-child(4) [class*=icon] {
  font-size: 15px;
}

.faqTabs .tabsList .tab:nth-child(3) [class*=icon] {
  font-size: 18px;
}

.faqTabs .tabsList .tab:nth-child(2) [class*=icon] {
  font-size: 20px;
}

.faqTabs .tabsList .tab:nth-child(1) [class*=icon] {
  font-size: 18px;
}

.faqTabs .tabsList .tab a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 82px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.faqTabs .tabsList .tab [class*=icon] {
  margin-right: 15px;
  font-size: 20px;
}

.faqTabs .tabsList .tab .cap,
.faqTabs .tabsList .tab [class*=icon] {
  display: block;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: rgb(255, 255, 255);
  text-fill-color: rgb(255, 255, 255);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.faqTabs .tabContentWrapper {
  position: relative;
  background-color: rgba(9, 10, 15, 0.8);
  -webkit-border-radius: 0px 0px 25px 25px;
  -moz-border-radius: 0px 0px 25px 25px;
  -ms-border-radius: 0px 0px 25px 25px;
  border-radius: 0px 0px 25px 25px;
  z-index: 1;
}

.faqTabs .tabContent {
  padding: 94px 78px 84px;
}

.faqItem .head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 28px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 10px;
  background-color: #1c2230;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

.faqItem .head::before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="24" ry="24" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="24" ry="24" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  z-index: -1;
}

@media (hover: hover) and (pointer: fine) {
  .faqItem .head:hover {
    background-color: transparent;
  }

  .faqItem .head:hover::before {
    opacity: 1;
  }

  .faqItem .head:hover .title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }
}

.faqItem .title {
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: rgb(255, 255, 255);
  text-fill-color: rgb(255, 255, 255);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.faqItem .icon {
  position: relative;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-left: 16px;
}

.faqItem .icon img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.faqItem .icon .hide {
  opacity: 0;
}

.faqItem .content {
  display: none;
}

.faqItem .content .in {
  padding-left: 28px;
  padding-top: 48px;
  padding-right: 70px;
  padding-bottom: 17px;
}

.faqItem.active .head {
  background-color: transparent;
}

.faqItem.active .head::before {
  opacity: 1;
}

.faqItem.active .title {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.faqItem.active .icon .show {
  opacity: 0;
}

.faqItem.active .icon .hide {
  opacity: 1;
}

.faqItem.active .content {
  display: block;
}

.faqItem+.faqItem {
  margin-top: 22px;
}

.termsSection {
  position: relative;
  z-index: 2;
}

.termsSection .innerSection {
  padding-top: 75px;
}

.termsSection .titleContainer {
  text-align: center;
}

.termsSection .titleContainer+.contentContainer {
  margin-top: 45px;
}

.termsSection .main {
  position: relative;
  padding: 64px 130px 68px;
  background-color: rgba(12, 17, 28, 0.702);
  text-align: center;
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  -ms-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
}

.termsSection .main .lead {
  color: rgb(255, 255, 255);
}

.termsSection .main::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 100%;
  width: 100%;
  height: 62px;
  background-image: url(../img/terms_el.png);
  background-size: auto 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -ms-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
}

.termsSection::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: -80px;
  width: 1920px;
  height: 1159px;
  background-image: url(../img/about_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.termsSection+.footerSection {
  margin-top: 110px;
}

.termsList {
  margin-top: 56px;
}

.termItem {
  position: relative;
  padding: 30px 53px 42px;
  z-index: 1;
}

.termItem .num {
  position: absolute;
  left: 407px;
  top: -3px;
  display: inline-block;
  font-size: 100px;
  line-height: 100px;
  font-weight: bold;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  z-index: -2;
}

.termItem .num::before {
  content: "";
  display: block;
  position: absolute;
  width: 303px;
  height: 360px;
  right: -89px;
  bottom: -150px;
  background-image: url(../img/address_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.termItem .title {
  display: inline-block;
  font-size: 14px;
  line-height: 45px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.termItem .contentBlock {
  margin-top: 30px;
  font-size: 15px;
  line-height: 23px;
  color: #acb0bc;
}

.termItem::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(100% - 62px);
  background-color: rgba(26, 32, 45, 0.702);
  -webkit-border-radius: 0px 18px 18px 18px;
  -moz-border-radius: 0px 18px 18px 18px;
  -ms-border-radius: 0px 18px 18px 18px;
  border-radius: 0px 18px 18px 18px;
  z-index: -1;
}

.termItem::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 62px;
  background-image: url(../img/term_el.png);
  background-size: auto 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.termItem .markedList {
  margin-top: 3px;
  margin-bottom: 0px;
}

.termItem .markedList li {
  color: #acb0bc;
}

.termItem+.termItem {
  margin-top: 50px;
}

.authSection {
  position: relative;
  z-index: 1;
}

.authSection .innerSection {
  padding-top: 72px;
}

.authSection .titleContainer {
  text-align: center;
}

.authSection .contentContainer {
  margin-top: -13px;
}

.authSection::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0px;
  width: 1920px;
  height: 1119px;
  background-image: url(../img/auth_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

/*.authSection::after {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: -22px;*/
/*  left: 50%;*/
/*  margin-left: -796px;*/
/*  width: 1628px;*/
/*  height: 1040px;*/
/*  background-image: url(../img/back_3.png);*/
/*  background-size: 100% auto;*/
/*  background-position: center bottom;*/
/*  background-repeat: no-repeat;*/
/*  z-index: -1;*/
/*}*/

.authSection+.footerSection {
  margin-top: 22px;
}

.authBlock .tabContentWrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 58px;
}

.authBlock .tabsList {
  display: none;
}

.authBlock .item {
  position: relative;
  padding-left: 40px;
  padding-top: 15px;
  padding-right: 40px;
  padding-bottom: 40px;
  z-index: 1;
}

@media (min-width: 1016px) {
  .authBlock .item {
    display: block !important;
  }
}

.authBlock .item .shadow {
  display: block;
  position: absolute;
  width: 303px;
  height: 360px;
  left: 105px;
  top: -110px;
  background-image: url(../img/address_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.authBlock .item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(100% - 62px);
  background-color: rgba(31, 35, 47, 0.9);
  -webkit-border-radius: 0px 20px 20px 20px;
  -moz-border-radius: 0px 20px 20px 20px;
  -ms-border-radius: 0px 20px 20px 20px;
  border-radius: 0px 20px 20px 20px;
  z-index: -1;
}

.authBlock .item::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 62px;
  background-image: url(../img/auth_el.png);
  background-size: auto 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.authBlock .item:last-child::before {
  -webkit-border-radius: 20px 0px 20px 20px;
  -moz-border-radius: 20px 0px 20px 20px;
  -ms-border-radius: 20px 0px 20px 20px;
  border-radius: 20px 0px 20px 20px;
}

.authBlock .item:last-child::after {
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.authBlock .item:last-child .title {
  margin-left: auto;
}

.authBlock .item:last-child .shadow {
  left: auto;
  right: 105px;
}

.authBlock .item .title {
  display: table;
  font-size: 14px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.authBlock .formBlock {
  margin-top: 47px;
}

.authBlock .fieldBlock.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 29px;
}

.authBlock .fieldBlock.grid+.agree {
  margin-top: 30px;
}

.authBlock .fieldItem+.fieldItem {
  margin-top: 23px;
}

.authBlock .agree {
  margin-top: 34px;
}

.authBlock .agree+.button {
  margin-top: 28px;
}

.authBlock .link {
  margin-top: 48px;
  display: flex;
  justify-content: center;
}

.authBlock .button {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.authBlock .button [class*=btn] {
  min-width: 242px;
}

.chartBlock {
  margin-top: 11px;
  width: 100%;
  height: 122px;
}

@media (max-width: 1365px) {
  .chartBlock {
    height: 101px;
  }
}

@media (max-width: 1149px) {
  .chartBlock {
    height: 122px;
  }
}

.cabinetWrapper {
  position: relative;
  min-height: 100vh;
  display: flex;
  background: #000000 url(../img/bg_cabinet.jpg) no-repeat center top;
}

.cabinetWrapper>.cabinetMain {
  width: calc(100% - 144px);
}

.cabinetNavigation {
  position: relative;
  width: 144px;
  padding-bottom: 22px;
  display: flex;
  flex-direction: column;
  background-color: #171717;
  -webkit-border-radius: 0px 33px 33px 0px;
  -moz-border-radius: 0px 33px 33px 0px;
  -ms-border-radius: 0px 33px 33px 0px;
  border-radius: 0px 33px 33px 0px;
}

.cabinetNavigation .copyrightWrapper {
  margin-top: auto;
  font-size: 13px;
  line-height: 20px;
  color: #81889c;
  text-align: center;
}

.cabLogo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cabLogo>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.cabLogo:hover {
  opacity: 0.7;
}

.cabLogo img {
  display: block;
}

.cabNav {
  border-top: 1px solid #2d2d2d;
}

.cabNav li {
  padding: 20px 10px 15px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #2d2d2d;
  position: relative;
  z-index: 1;
}
.cabNav li.hidden {
  display: none;
}
@media (max-width: 1829px) {
  .cabNav li.hidden {
    display: flex;
  }
}
.cabNav li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.cabNav li [class*=icon] {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: rgb(255, 255, 255);
  text-fill-color: rgb(255, 255, 255);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabNav li .cap {
  display: block;
  margin-top: 15px;
  background: #f562e5;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: rgb(255, 255, 255);
  text-fill-color: rgb(255, 255, 255);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabNav li:hover [class*=icon],
.cabNav li:hover .cap,
.cabNav li.active [class*=icon],
.cabNav li.active .cap {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.cabinetHeader {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 58px !important;
  z-index: 2;
}

.cabinetHeader::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: 203px;
  width: 1480px;
  height: 68px;
  background-color: rgb(23, 23, 23);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1480px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M1479.109,9.733 C1478.046,9.733 1475.627,9.733 1470.485,9.733 C1422.873,9.733 1445.458,67.991 1403.215,67.991 L1366.759,67.991 L1361.240,67.991 L76.785,67.991 C34.542,67.991 57.126,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.323,4.059 55.892,0.005 71.610,0.005 L169.441,0.005 L1380.559,0.005 L1408.389,0.005 C1424.108,0.005 1488.322,4.059 1479.109,9.733 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1480px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M1479.109,9.733 C1478.046,9.733 1475.627,9.733 1470.485,9.733 C1422.873,9.733 1445.458,67.991 1403.215,67.991 L1366.759,67.991 L1361.240,67.991 L76.785,67.991 C34.542,67.991 57.126,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.323,4.059 55.892,0.005 71.610,0.005 L169.441,0.005 L1380.559,0.005 L1408.389,0.005 C1424.108,0.005 1488.322,4.059 1479.109,9.733 Z"/></svg>') 0/100% 100%;
  z-index: -2;
}

.cabinetHeader::after {
  content: "";
  display: block;
  position: absolute;
  top: -67px;
  right: -1005px;
  width: 1301px;
  height: 183px;
  background-color: rgb(23, 23, 23);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1301px" height="183px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M1300.109,124.733 C1299.046,124.733 1296.627,124.733 1291.485,124.733 C1243.873,124.733 1266.458,182.991 1224.215,182.991 L229.760,182.991 L224.240,182.991 L187.785,182.991 C147.215,182.991 166.439,129.254 125.847,125.000 L21.000,125.000 C9.402,125.000 0.000,115.598 0.000,104.000 L0.000,21.000 C0.000,9.402 9.402,-0.000 21.000,-0.000 L364.000,-0.000 C375.598,-0.000 385.000,9.402 385.000,21.000 L385.000,104.000 C385.000,108.036 383.859,111.805 381.885,115.005 L1131.559,115.005 L1229.389,115.005 C1245.108,115.005 1309.322,119.059 1300.109,124.733 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1301px" height="183px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M1300.109,124.733 C1299.046,124.733 1296.627,124.733 1291.485,124.733 C1243.873,124.733 1266.458,182.991 1224.215,182.991 L229.760,182.991 L224.240,182.991 L187.785,182.991 C147.215,182.991 166.439,129.254 125.847,125.000 L21.000,125.000 C9.402,125.000 0.000,115.598 0.000,104.000 L0.000,21.000 C0.000,9.402 9.402,-0.000 21.000,-0.000 L364.000,-0.000 C375.598,-0.000 385.000,9.402 385.000,21.000 L385.000,104.000 C385.000,108.036 383.859,111.805 381.885,115.005 L1131.559,115.005 L1229.389,115.005 C1245.108,115.005 1309.322,119.059 1300.109,124.733 Z"/></svg>') 0/100% 100%;
  z-index: -3;
}

.cabinetHeader .logoWrapper {
  display: none;
}

.cabinetHeader .menuWrapper {
  padding-top: 18px;
}

.cabinetHeader .supportWrapper {
  position: relative;
  margin-left: 40px;
  padding-top: 13px;
  min-width: 230px;
  text-align: center;
  z-index: 1;
}

.cabinetHeader .supportWrapper .cap {
  display: block;
  font-size: 11px;
  line-height: 13px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cabinetHeader .supportWrapper .link {
  display: table;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: 20px;
  color: #10121d;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.cabinetHeader .supportWrapper .link:hover {
  text-decoration-color: transparent;
}

.cabinetHeader .supportWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: -35px;
  width: 302px;
  height: 68px;
  background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="302px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M301.109,9.733 C300.046,9.733 297.627,9.733 292.485,9.733 C244.873,9.733 267.457,67.991 225.215,67.991 L188.759,67.991 L183.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.610,0.005 L169.441,0.005 L202.558,0.005 L230.389,0.005 C246.108,0.005 310.322,4.059 301.109,9.733 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="302px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M301.109,9.733 C300.046,9.733 297.627,9.733 292.485,9.733 C244.873,9.733 267.457,67.991 225.215,67.991 L188.759,67.991 L183.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.610,0.005 L169.441,0.005 L202.558,0.005 L230.389,0.005 C246.108,0.005 310.322,4.059 301.109,9.733 Z"/></svg>') 0/100% 100%;
  z-index: -1;
}

.cabinetHeader .langWrapper {
  position: relative;
  margin-left: 10px;
  padding-top: 16px;
  padding-right: 66px;
}

.cabinetHeader .langWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: 0px;
  width: 292px;
  height: 68px;
  background-color: #121724;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M291.109,9.733 C290.046,9.733 287.627,9.733 282.485,9.733 C234.873,9.733 257.458,67.991 215.215,67.991 L128.760,67.991 L123.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L192.559,0.005 L220.389,0.005 C236.108,0.005 300.322,4.059 291.109,9.733 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M291.109,9.733 C290.046,9.733 287.627,9.733 282.485,9.733 C234.873,9.733 257.458,67.991 215.215,67.991 L128.760,67.991 L123.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L192.559,0.005 L220.389,0.005 C236.108,0.005 300.322,4.059 291.109,9.733 Z"/></svg>') 0/100% 100%;
  z-index: -2;
}

.cabinetHeader .langList .cap {
  line-height: 40px;
}

.cabinetHeader .burgerWrapper {
  display: none;
}

.mobileCabMenu>.inner {
  display: flex;
}

.cabMenu {
  display: flex;
}

.cabMenu li a {
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cabMenu li [class*=icon] {
  display: block;
  margin-right: 7px;
  font-size: 20px;
  flex-shrink: 0;
  background: #f562e5;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgb(255, 255, 255);
  text-fill-color: rgb(255, 255, 255);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabMenu li span {
  background: #f562e5;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgb(255, 255, 255);
  text-fill-color: rgb(255, 255, 255);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabMenu li+li {
  margin-left: 36px;
}

.cabMenu li:hover [class*=icon],
.cabMenu li:hover span,
.cabMenu li.active [class*=icon],
.cabMenu li.active span {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.cabMenu li.hidden {
  display: none;
}

.cabMenu li.hidden+li {
  margin-left: 0px;
}

.expandCabinetMenu {
  position: relative;
  display: none;
  width: 35px;
  height: 32px;
  padding-bottom: 10px;
  padding-left: 2px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  background-color: rgb(23, 23, 23);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  cursor: pointer;
  z-index: 2;
}

.cabinetInfo {
  position: relative;
  display: flex;
  justify-content: flex-end;
  min-height: 58px;
  padding-right: 165px;
  z-index: 1;
}

.cabinetStat {
  position: relative;
  z-index: 1;
}

.cabinetStat::before {
  content: "";
  display: block;
  position: absolute;
  top: -125px;
  left: -66px;
  width: 1371px;
  height: 183px;
  background-color: rgb(23, 23, 23);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1371px" height="183px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M1350.000,125.000 L1245.153,125.000 C1204.560,129.254 1223.785,182.991 1183.215,182.991 L1146.759,182.991 L1141.240,182.991 L76.785,182.991 C34.542,182.991 57.126,124.733 9.515,124.733 C4.373,124.733 1.954,124.733 0.891,124.733 C-8.323,119.059 55.892,115.005 71.610,115.005 L169.441,115.005 L919.115,115.005 C917.141,111.805 916.000,108.036 916.000,104.000 L916.000,21.000 C916.000,9.402 925.402,-0.000 937.000,-0.000 L1350.000,-0.000 C1361.598,-0.000 1371.000,9.402 1371.000,21.000 L1371.000,104.000 C1371.000,115.598 1361.598,125.000 1350.000,125.000 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1371px" height="183px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M1350.000,125.000 L1245.153,125.000 C1204.560,129.254 1223.785,182.991 1183.215,182.991 L1146.759,182.991 L1141.240,182.991 L76.785,182.991 C34.542,182.991 57.126,124.733 9.515,124.733 C4.373,124.733 1.954,124.733 0.891,124.733 C-8.323,119.059 55.892,115.005 71.610,115.005 L169.441,115.005 L919.115,115.005 C917.141,111.805 916.000,108.036 916.000,104.000 L916.000,21.000 C916.000,9.402 925.402,-0.000 937.000,-0.000 L1350.000,-0.000 C1361.598,-0.000 1371.000,9.402 1371.000,21.000 L1371.000,104.000 C1371.000,115.598 1361.598,125.000 1350.000,125.000 Z"/></svg>') 0/100% 100%;
  z-index: -2;
}

.cabinetStat .item {
  display: flex;
  width: 225px;
}

.cabinetStat .item:first-child {
  width: 270px;
}

.cabinetStat .userpic {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.cabinetStat .userpic input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  visibility: hidden;
}

.cabinetStat .userpic label {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

.cabinetStat .add {
  position: absolute;
  display: block;
  top: -5px;
  right: -6px;
}

.cabinetStat .userpic {
  margin-right: 18px;
}

.cabinetStat .param {
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 20px;
  color: #acb0bc;
  font-weight: 500;
  text-transform: uppercase;
}

.cabinetStat .param .icon {
  display: block;
  margin-right: 5px;
}

.cabinetStat .value {
  display: block;
  font-size: 11px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  word-break: break-word;
}

.cabinetStatWrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.openCabinetStat {
  display: none;
}

.cabClock {
  position: relative;
  top: 5px;
  width: 165px;
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 1;
}

.cabClock .cabTime {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.cabClock .cabDate {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  line-height: 20px;
  color: #acb0bc;
  font-weight: 500;
  text-transform: uppercase;
}

.cabinetContent {
  width: 1685px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 60px;
}

.cabinetPageTtitle {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.dashboardMain {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.dashboardBalance {
  width: 393px;
  padding-left: 30px;
  padding-top: 78px;
  padding-right: 30px;
  padding-bottom: 12px;
  background-color: rgb(23, 23, 23);
  background-image: url(../img/balance_back.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.dashboardBalance .shadow {
  display: none;
}

.dashboardBalance .title {
  display: block;
  font-size: 11px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

.dashboardBalance .sum {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
}

.dashboardBalance .sum span {
  font-size: 20px;
}

.dashboardBalance .sum sup {
  position: relative;
  top: 3px;
  left: 2px;
  font-size: 12px;
  line-height: 1;
}

.dashboardBalance .list {
  margin-top: 12px;
}

.dashboardBalance .list li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboardBalance .list .param {
  display: block;
  min-width: 80px;
  font-size: 11px;
  line-height: 24px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboardBalance .list .value {
  display: block;
  margin-left: 10px;
  font-size: 16px;
  line-height: 24px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.dashboardBalance .list .value span {
  font-size: 12px;
}

.dashboardBalance .list .value sup {
  position: relative;
  top: 0px;
  left: 2px;
  font-size: 9px;
  line-height: 1;
}

.openBalanceTable {
  display: none;
}

.cabBalanceTable {
  margin-top: 80px;
}

.cabBalanceTable .row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3px;
}

.cabBalanceTable .row+.row {
  padding-top: 6px;
  border-top: 1px solid #293141;
}

.cabBalanceTable .currency {
  display: flex;
}

.cabBalanceTable .currency .icon {
  width: 35px;
  height: 35px;
  margin-right: 7px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(11, 15, 25);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.cabBalanceTable .currency .icon img {
  display: block;
}

.cabBalanceTable .currency .wrap {
  padding-top: 4px;
}

.cabBalanceTable .currency .cur {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #acb0bc;
  font-weight: 500;
}

.cabBalanceTable .currency .text {
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: #727886;
}

.cabBalanceTable ul {
  min-width: 181px;
}

.cabBalanceTable ul li {
  display: flex;
  align-items: baseline;
}

.cabBalanceTable ul li+li {
  margin-top: -2px;
}

.cabBalanceTable .param {
  display: block;
  min-width: 89px;
  font-size: 11px;
  line-height: 14px;
  color: #727886;
}

.cabBalanceTable .value {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.cabBalanceTable .value span {
  font-size: 12px;
}

.cabBalanceTable .value sup {
  position: relative;
  left: 2px;
  font-size: 8px;
  line-height: 1;
}

.dashboardWrap {
  display: flex;
}

.dashboardStat {
  position: relative;
  width: 802px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 73px 40px;
  z-index: 1;
}

.dashboardStat::before {
  content: "";
  display: block;
  position: absolute;
  left: -22px;
  top: 60px;
  width: 876px;
  height: 517px;
  background-image: url(../img/cab_stat_back.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.dashboardStat .icon {
  position: absolute;
  width: 56px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.dashboardStat .icon::before {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  top: -40px;
  width: 71px;
  height: 115px;
  background-image: url(../img/cab_icon_back.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.dashboardStat .icon img {
  display: block;
}

.dashboardStat .item {
  position: relative;
  min-height: 262px;
  padding: 32px 50px 27px;
  display: flex;
  z-index: 1;
}

.dashboardStat .item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: calc(100% - 62px);
  background-color: rgba(23, 23, 23, 0.8);
  z-index: -1;
}

.dashboardStat .item::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 62px;
  z-index: -1;
}

.dashboardStat .item:nth-child(1) .icon {
  left: 40px;
  bottom: 42px;
}

.dashboardStat .item:nth-child(1)::before {
  top: 0px;
  -webkit-border-radius: 20px 20px 20px 0px;
  -moz-border-radius: 20px 20px 20px 0px;
  -ms-border-radius: 20px 20px 20px 0px;
  border-radius: 20px 20px 20px 0px;
}

.dashboardStat .item:nth-child(1)::after {
  left: 0px;
  bottom: 0px;
  background-image: url(../img/cab_card_1.png);
  background-size: auto 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.dashboardStat .item:nth-child(2) .icon {
  right: 40px;
  bottom: 42px;
}

.dashboardStat .item:nth-child(2)::before {
  top: 0px;
  -webkit-border-radius: 20px 20px 0px 20px;
  -moz-border-radius: 20px 20px 0px 20px;
  -ms-border-radius: 20px 20px 0px 20px;
  border-radius: 20px 20px 0px 20px;
}

.dashboardStat .item:nth-child(2)::after {
  right: 0px;
  bottom: 0px;
  background-image: url(../img/cab_card_2.png);
  background-size: auto 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.dashboardStat .item:nth-child(3) {
  align-items: flex-end;
}

.dashboardStat .item:nth-child(3) .icon {
  left: 42px;
  top: 48px;
}

.dashboardStat .item:nth-child(3)::before {
  bottom: 0px;
  -webkit-border-radius: 0px 20px 20px 20px;
  -moz-border-radius: 0px 20px 20px 20px;
  -ms-border-radius: 0px 20px 20px 20px;
  border-radius: 0px 20px 20px 20px;
}

.dashboardStat .item:nth-child(3)::after {
  left: 0px;
  top: 0px;
  background-image: url(../img/cab_card_3.png);
  background-size: auto 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.dashboardStat .item:nth-child(4) {
  align-items: flex-end;
}

.dashboardStat .item:nth-child(4) .icon {
  right: 42px;
  top: 48px;
}

.dashboardStat .item:nth-child(4)::before {
  bottom: 0px;
  -webkit-border-radius: 20px 0px 20px 20px;
  -moz-border-radius: 20px 0px 20px 20px;
  -ms-border-radius: 20px 0px 20px 20px;
  border-radius: 20px 0px 20px 20px;
}

.dashboardStat .item:nth-child(4)::after {
  right: 0px;
  top: 0px;
  background-image: url(../img/cab_card_4.png);
  background-size: auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.dashboardStat .item:nth-child(even) {
  justify-content: flex-end;
  text-align: right;
}

.dashboardStat .item:nth-child(even) .icon::before {
  left: auto;
  right: -30px;
}

.dashboardStat .param {
  display: block;
  font-size: 11px;
  line-height: 30px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboardStat .value {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-transform: uppercase;
}

.dashboardStat .value span {
  font-size: 20px;
  line-height: 30px;
}

.dashboardStat .value span sup {
  font-size: 12px;
  line-height: 1;
}

.dashboardMore {
  flex-shrink: 0;
  margin-left: 30px;
  width: 381px;
  padding-top: 40px;
  padding-left: 41px;
  padding-right: 41px;
  padding-bottom: 43px;
  background-color: rgb(23, 23, 23);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.dashboardMore .sum {
  margin-top: 63px;
}

.dashboardMore .sum .title {
  display: block;
  font-size: 11px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

.dashboardMore .sum .num {
  display: block;
  margin-top: 3px;
  font-size: 30px;
  line-height: 50px;
  font-weight: bold;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-align: center;
}

.dashboardMore .sum .num span {
  font-size: 20px;
}

.dashboardMore .sum .num span sup {
  font-size: 12px;
  line-height: 1;
}

.dashboardMore .partner {
  margin-top: 28px;
  padding: 21px 10px 22px;
  text-align: center;
  background-color: rgb(31, 31, 31);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

.dashboardMore .partner .title {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: 11px;
  line-height: 20px;
  color: #acb0bc;
  font-weight: 500;
  text-transform: uppercase;
}

.dashboardMore .partner .title img {
  display: block;
  margin-right: 5px;
}

.dashboardMore .partner .value {
  display: block;
  font-size: 11px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboardPartners {
  position: relative;
  padding-top: 21px;
  text-align: center;
  z-index: 1;
}

.dashboardPartners::before {
  content: "";
  display: block;
  position: absolute;
  left: -8px;
  top: -20px;
  width: 314px;
  height: 314px;
  background-image: url(../img/cab_partners_back.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.dashboardPartners .title {
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

.dashboardPartners .title .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7px;
}

.dashboardPartners ul {
  margin-top: 46px;
  display: flex;
  flex-wrap: wrap;
}

.dashboardPartners ul li {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.dashboardPartners ul li:nth-child(1) .value {
  color: #f29d0f;
}

.dashboardPartners ul li:nth-child(2) .value {
  color: #ffffff;
}

.dashboardPartners ul li:last-child {
  margin-top: 17px;
}

.dashboardPartners ul li:last-child .value {
  font-size: 20px;
  line-height: 36px;
}

.dashboardPartners .param {
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboardPartners .value {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.dashboardProfit {
  margin-top: 40px;
}

@media (min-width: 1150px) {
  .dashboardProfitSlider .swiper-wrapper {
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
}

.dashboardProfitSlider .swiper-navigation {
  display: none;
}

.dashboardProfitInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 230px;
  padding: 24px 30px 17px 30px;
  background-color: rgb(23, 23, 23);
  background-image: url(../img/card_back.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.dashboardProfitInfo .row {
  display: flex;
  justify-content: space-between;
}

.dashboardProfitInfo .row:first-child {
  flex-direction: row-reverse;
}

.dashboardProfitInfo .row:last-child {
  align-items: flex-end;
}

.dashboardProfitInfo .row:last-child .icon {
  padding-bottom: 15px;
}

.dashboardProfitInfo .row:last-child .icon::before {
  left: 10px;
}

.dashboardProfitInfo .data {
  min-width: 175px;
}

.dashboardProfitInfo .icon {
  position: relative;
  z-index: 1;
}

.dashboardProfitInfo .icon::before {
  content: "";
  display: block;
  position: absolute;
  left: -15px;
  top: -30px;
  width: 71px;
  height: 115px;
  background-image: url(../img/cab_icon_back.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.dashboardProfitInfo .icon img {
  display: block;
}

.dashboardProfitInfo .param {
  display: block;
  font-size: 11px;
  line-height: 1;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboardProfitInfo .value {
  display: block;
  margin-top: 6px;
  font-size: 25px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.dashboardProfitInfo .value span {
  font-size: 16px;
  line-height: 1;
}

.dashboardProfitInfo .value span sup {
  font-size: 10px;
  line-height: 1;
}

.profitChart {
  max-width: 391px;
  height: 230px;
  padding: 24px 27px 27px 30px;
  background-color: rgba(23, 23, 23, 0.7);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.profitChart .param {
  display: block;
  font-size: 11px;
  line-height: 1;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.profitChart .value {
  display: block;
  margin-top: 6px;
  font-size: 25px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.profitChart .value span {
  font-size: 16px;
  line-height: 1;
}

.profitChart .value span sup {
  font-size: 10px;
  line-height: 1;
}

.cabinetCopyright {
  display: none;
  padding-bottom: 16px;
  font-size: 13px;
  line-height: 20px;
  color: #81889c;
  text-align: center;
}

.verificationSection {
  position: relative;
  margin-top: 42px;
  padding: 65px 65px 0px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  z-index: 1;
}

.verificationSection .buttonWrap {
  margin-top: 53px;
  margin-bottom: -8px;
  display: flex;
  justify-content: center;
}

.verificationSection::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 55px);
  background-color: rgba(23, 23, 23, 0.839);
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -ms-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
  z-index: -1;
}

.verificationSection::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 55px;
  background-image: url(../img/cab_section_el.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  -ms-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  z-index: -1;
}

.verificationSection .shadow {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -57px;
  margin: 0px auto;
  width: 560px;
  height: 249px;
  background-image: url(../img/cab_section_shadow.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.verificationList {
  margin-top: 53px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 38px;
}

.verificationList .button {
  margin-top: 41px;
  display: flex;
  justify-content: center;
  position: relative;
}

.verificationList .fileName {
  display: block;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  width: 100%;
  font-size: 11px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  bottom: 100%;
  margin-bottom: 10px;
}

.verifyCard {
  background-color: #000000;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.verifyCard .head {
  min-height: 110px;
  padding: 0px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

.verifyCard .data {
  height: 268px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1f1f1f;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.verifyCard .icon {
  position: relative;
  z-index: 1;
}

.verifyCard .icon::before {
  content: "";
  display: block;
  position: absolute;
  top: -55px;
  right: -55px;
  width: 145px;
  height: 146px;
  background-image: url(../img/icon_shadow_2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.verifyCard .icon path {
  fill: #444d60;
}

.verifyCard.active .icon path {
  fill: url(#iconGradient);
}

.verifyCard.active .icon::before {
  opacity: 1;
}

.verifyCard:not(.active)+.button [class*=btn] {
  background-color: #293141;
}

.verifyCard:not(.active)+.button [class*=btn] span {
  background-image: unset;
  -webkit-text-fill-color: unset;
  text-fill-color: unset;
  -webkit-background-clip: unset;
  background-clip: unset;
}

.investorsSection {
  margin-top: 40px;
}

.cabTabs>.tabsList {
  display: flex;
}

.cabTabs>.tabsList>.tab {
  position: relative;
  width: 25%;
  z-index: 1;
}

.cabTabs>.tabsList>.tab::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% + 20px);
  background-color: #2b2a26;
  background-size: auto;
  background-position: left -66px top -66px;
  background-repeat: no-repeat;
  -webkit-border-radius: 25px 50px 0px 0px;
  -moz-border-radius: 25px 50px 0px 0px;
  -ms-border-radius: 25px 50px 0px 0px;
  border-radius: 25px 50px 0px 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.cabTabs>.tabsList>.tab::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% + 20px);
  background-image: url(../img/shadow.png);
  background-size: auto;
  background-position: left -82px top -64px;
  background-repeat: no-repeat;
  -webkit-border-radius: 25px 50px 0px 0px;
  -moz-border-radius: 25px 50px 0px 0px;
  -ms-border-radius: 25px 50px 0px 0px;
  border-radius: 25px 50px 0px 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.55;
  z-index: -1;
}

.cabTabs>.tabsList>.tab a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 82px;
  padding-left: 60px;
  padding-right: 23px;
  font-size: 16px;
  line-height: 25px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.cabTabs>.tabsList>.tab img {
  display: block;
}

.cabTabs>.tabsList>.tab:first-child::after {
  opacity: 0;
}

.cabTabs>.tabsList>.tab:last-child::before {
  -webkit-border-radius: 25px 25px 0px 0px;
  -moz-border-radius: 25px 25px 0px 0px;
  -ms-border-radius: 25px 25px 0px 0px;
  border-radius: 25px 25px 0px 0px;
}

.cabTabs>.tabsList>.tab.active::before {
  background-image: url(../img/inv_tab_back.png);
  background-color: #171717;
}

.cabTabs>.tabsList>.tab:hover::before {
  background-color: #171717;
}

.cabTabs>.tabContentWrapper {
  position: relative;
  z-index: 1;
}

.cabTabs>.tabContentWrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 55px);
  background-color: #171717;
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -ms-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
  z-index: -1;
}

.cabTabs>.tabContentWrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 55px;
  background-image: url(../img/cab_tabs_el.png);
  background-size: auto 100%;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  -ms-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  z-index: -1;
}

.cabTabs>.tabContentWrapper>.tabContent {
  padding: 68px 84px 0px;
}

.cabTabs .topicTab {
  display: none;
}

.cabTabs .info .textBlock {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 73px;
  -moz-column-gap: 73px;
  column-gap: 73px;
  break-inside: avoid;
}

.cabTabs .info .lead+p {
  margin-top: 26px;
}

.cabTabs .info p,
.cabTabs .info ul {
  break-inside: avoid;
}

.cabTabs .info .image {
  position: relative;
  padding-top: 5px;
  z-index: 1;
  break-inside: avoid;
}

.cabTabs .info .image::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 5px);
  background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  z-index: -1;
}

.cabTabs .info .image img {
  display: block;
  max-width: unset;
  width: 100%;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}

.cabTabs .info+.depositSlider {
  margin-top: 35px;
  padding-top: 0px;
  padding-bottom: 5px;
}

.cabTabs.progressTabs>.tabContentWrapper {
  background-color: #171717;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.cabTabs.progressTabs>.tabContentWrapper::before,
.cabTabs.progressTabs>.tabContentWrapper::after {
  display: none;
}

.cabTabs.progressTabs>.tabContentWrapper>.tabContent {
  padding-top: 62px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 64px;
}

.cabInnerTabs .tabsList {
  display: flex;
}

.cabInnerTabs .tabsList .tab {
  position: relative;
  min-width: 283px;
  z-index: 1;
}

.cabInnerTabs .tabsList .tab::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% + 20px);
  background-color: #4f4d45;
  -webkit-border-radius: 25px 25px 0px 0px;
  -moz-border-radius: 25px 25px 0px 0px;
  -ms-border-radius: 25px 25px 0px 0px;
  border-radius: 25px 25px 0px 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.cabInnerTabs .tabsList .tab::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% + 20px);
  background-image: url(../img/shadow.png);
  background-size: auto;
  background-position: left -82px top -64px;
  background-repeat: no-repeat;
  -webkit-border-radius: 25px 50px 0px 0px;
  -moz-border-radius: 25px 50px 0px 0px;
  -ms-border-radius: 25px 50px 0px 0px;
  border-radius: 25px 50px 0px 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.55;
  z-index: -1;
}

.cabInnerTabs .tabsList .tab a {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding-left: 58px;
  font-size: 11px;
  line-height: 11px;
  color: #9095a1;
  font-weight: 500;
  letter-spacing: 0.1em;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  text-transform: uppercase;
}

.cabInnerTabs .tabsList .tab:first-child::after {
  display: none;
}

.cabInnerTabs .tabsList .tab.active::before,
.cabInnerTabs .tabsList .tab:hover::before {
  background-color: #2b2a26;
}

.cabInnerTabs .tabsList .tab.active a,
.cabInnerTabs .tabsList .tab:hover a {
  color: rgb(255, 255, 255);
}

.cabInnerTabs .tabContentWrapper {
  position: relative;
  z-index: 1;
}

.cabInnerTabs .tabContentWrapper .shadow {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -32px;
  margin: 0px auto;
  width: 506px;
  height: 136px;
  background-image: url(../img/tabs_inner_shadow.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}

.cabInnerTabs .tabContentWrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 53px);
  background-color: #2b2a26;
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -ms-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
  z-index: -1;
}

.cabInnerTabs .tabContentWrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 53px;
  background-image: url(../img/cab_tabs_el_sm.png);
  background-size: auto 100%;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  -ms-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  z-index: -1;
}

.cabInnerTabs .tabContent {
  padding-left: 57px;
  padding-right: 57px;
  padding-top: 46px;
}

.cabInnerTabs .depositSlider {
  padding: 0px;
}

.depositSlider {
  padding-top: 12px;
  padding-bottom: 12px;
}

.depositSlider .swiper-navigation {
  position: relative;
  margin-top: 103px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.depositSlider .swiper-button-prev,
.depositSlider .swiper-button-next {
  position: static;
  width: auto;
  height: auto;
  margin: unset;
  flex-shrink: 0;
  opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.depositSlider .swiper-button-prev:hover,
.depositSlider .swiper-button-next:hover {
  opacity: 0.7;
}

.depositSlider .swiper-button-prev svg path,
.depositSlider .swiper-button-next svg path {
  fill: rgb(255, 255, 255);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.depositSlider .swiper-button-prev svg path:hover,
.depositSlider .swiper-button-next svg path:hover {
  opacity: 0.7;
}

.depositSlider .swiper-button-prev img,
.depositSlider .swiper-button-next img {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.depositSlider .swiper-button-prev img:hover,
.depositSlider .swiper-button-next img:hover {
  opacity: 0.7;
}

.depositSlider .swiper-button-prev::after,
.depositSlider .swiper-button-next::after {
  display: none;
}

.depositSlider .swiper-pagination {
  position: static;
  margin-left: 27px;
  margin-right: 27px;
  width: auto;
}

.depositSlider .swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0px;
  background-color: #ff03d3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  opacity: 1;
}

.depositSlider .swiper-pagination .swiper-pagination-bullet:hover,
.depositSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00b2ec;
}

.depositSlider .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 11px;
}

.depositSlider.ver2 .swiper-navigation {
  margin-top: 65px;
}

.depositSlider.ver2 .swiper-pagination {
  position: static;
  margin-left: 27px;
  margin-right: 27px;
  width: auto;
}

.depositSlider.ver2 .swiper-pagination .swiper-pagination-bullet {
  width: 34px;
  height: 34px;
  margin: 0px;
  font-size: 14px;
  line-height: 34px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  opacity: 1;
}

.depositSlider.ver2 .swiper-pagination .swiper-pagination-bullet:hover,
.depositSlider.ver2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0b0f19;
}

.depositSlider.ver2 .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 8px;
}

.depositCard {
  min-height: 584px;
  padding-left: 37px;
  padding-right: 30px;
  background-image: url(../img/dep_bottom.png), url(../img/dep_top.png);
  background-position: center bottom, center top;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat;
  background-color: #000000;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.depositCard .head {
  display: flex;
  justify-content: space-between;
  height: 176px;
  padding-top: 25px;
}

.depositCard .head .left {
  padding-top: 5px;
  width: 165px;
}

.depositCard .head .right {
  width: 165px;
}

.depositCard .name {
  display: table;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.depositCard .param {
  display: block;
  font-size: 11px;
  line-height: 20px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.depositCard .value {
  display: block;
  font-size: 11px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.depositCard .value span {
  display: block;
  font-size: 16px;
  line-height: 25px;
}

.depositCard .value.sm {
  letter-spacing: 0em;
}

.depositCard .value.lg {
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0em;
}

.depositCard .value.lg sup {
  font-size: 12px;
  line-height: 1;
}

.depositCard .value .color1 {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0.1em;
  color: #f29d0f;
}

.depositCard .value .color2 {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0.1em;
  color: #ffffff;
}

.depositCard li.withIcon {
  position: relative;
  padding-left: 51px;
}

.depositCard li.withIcon img {
  display: block;
  position: absolute;
  left: -2px;
  top: 50%;
  -moz-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -webkit-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  transform: translateY(-60%);
}

.depositCard .pct {
  display: table;
  margin-bottom: 5px;
  font-size: 25px;
  line-height: 35px;
  font-weight: bold;
  text-transform: uppercase;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.depositCard .data {
  margin-top: 26px;
  display: flex;
  justify-content: space-between;
}

.depositCard .data li+li {
  margin-top: 15px;
}

.depositCard .data .col:last-child {
  margin-top: -70px;
}

.depositCard .data .col:last-child li+li {
  margin-top: 20px;
}

.depositCard .calc {
  position: relative;
  padding-top: 53px;
  display: flex;
}

.depositCard .calc .icon {
  display: block;
  position: absolute;
  top: -18px;
  right: 53px;
}

.depositCard .calc .left {
  width: 188px;
}

.depositCard .calc .right {
  margin-left: 35px;
  padding-top: 18px;
}

.depositCard .calc .button {
  margin-top: 22px;
}

.depositCard .calc [class*=btn] {
  min-width: unset;
  width: 100%;
}

.depositCard .result li+li {
  margin-top: 21px;
}

.depositCard .result li:first-child .value {
  color: #00afec;
}

.depositCard .result li:last-child .value {
  color: #ff0bd3;
}

.depositCard .image {
  position: relative;
  width: 149px;
  z-index: 1;
}

.depositCard .image::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: -2px;
  width: 100%;
  height: calc(100% - 5px);
  background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
  z-index: -1;
}

.depositCard .image img {
  display: block;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.depositCard .profit {
  max-width: 155px;
  margin-left: auto;
  margin-top: -28px;
}

.depositCard .profit .value {
  display: table;
  font-size: 40px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  letter-spacing: 0em;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.depositCard .table {
  margin-top: 14px;
}

.depositCard .table li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.depositCard .table li+li {
  border-top: 1px solid #333d53;
}

.depositCard .table .par {
  display: block;
  font-size: 12px;
  line-height: 29px;
  color: #acb0bc;
}

.depositCard .table .val {
  display: block;
  font-size: 12px;
  line-height: 29px;
  color: rgb(255, 255, 255);
}

.depositCard .circularChart {
  width: 100%;
  background: #00b2ec;
  background: -moz-linear-gradient(top, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f29f13 100%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.depositCard .circularChart>rect {
  fill: rgb(23, 23, 23);
}

.depositCard .progressChart {
  flex-shrink: 0;
  margin-right: 22px;
  position: relative;
  width: 61px;
  height: 61px;
  padding: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(23, 23, 23);
  overflow: hidden;
}

.depositCard .progressChart::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 47px;
  height: 47px;
  background-color: rgb(23, 23, 23);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.depositCard .progressChart::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 60px;
  height: 60px;
  border: 3px solid rgb(23, 23, 23);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.depositCard .progress {
  display: flex;
  justify-content: space-between;
}

.depositCard .progress .left {
  padding-top: 48px;
}

.depositCard .progress .right {
  width: 152px;
}

.depositCard .progress .buttons {
  margin-top: 26px;
}

.depositCard .progress .buttons [class*=btn]+[class*=btn] {
  margin-top: 10px;
}

.depositCard .timer .val {
  display: block;
  margin-top: 4px;
  font-size: 30px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.depositCard .progressVal {
  display: flex;
  margin-top: -37px;
}

.depositCard .progressVal .cap {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #727886;
}

.depositCard .progressVal .val {
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.depositCard.done .result .value {
  color: #acb0bc !important;
}

.depositCard.plan {
  background-image: url(../img/dep_bottom_2.png), url(../img/dep_top_2.png);
}

.depositCard.plan .head {
  padding-top: 23px;
}

.depositCard.plan .head .cap {
  display: block;
  margin-bottom: 2px;
  font-size: 10px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.depositCard.plan .head .right {
  width: 156px;
}

.depositCard.plan .name {
  line-height: 20px;
}

.depositCard.plan .data .col {
  min-width: 156px;
}

.depositCard.plan .calc {
  padding-top: 17px;
  padding-bottom: 38px;
  display: grid;
  grid-template-columns: 188px 169px;
  gap: 26px;
  align-items: flex-end;
}

.depositCard.type2 {
  min-height: 536px;
  background-color: #000000;
  background-image: url(../img/dep_bottom_3.png), url(../img/dep_top_3.png);
}

.depositCard.type2 .head {
  padding-top: 22px;
}

.depositCard.type2 .head .right {
  width: auto;
}

.depositCard.type2 .pct {
  font-size: 30px;
}

.depositCard.type2 .data .col {
  min-width: 121px;
}

.partnersSection {
  display: flex;
  justify-content: space-between;
}

.partnersStat {
  position: relative;
}

.partnersStat .dashboardStat {
  gap: 43px 40px;
}

.partnersStat .dashboardStat::before {
  display: none;
}

.partnersStat .referralStat {
  position: absolute;
  left: 0px;
  top: 218px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 1;
}

.referralStat {
  text-align: center;
}

.referralStat .item+.item {
  margin-top: 11px;
}

.referralStat .param {
  display: block;
  font-size: 11px;
  line-height: 30px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.referralStat .linkWrap {
  position: relative;
}

.referralStat .link {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #f29d0f;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.referralStat .link:hover {
  text-decoration-color: transparent;
}

.referralStat .copyLink {
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
}

.referralStat .copyLink img {
  display: block;
}

.referralStat .pct {
  font-size: 20px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.copyContainer {
  position: relative;
}

.copyContainer .copyMessage {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  flex-shrink: 0;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  background-color: #0c111c;
  color: #00b2ec;
  border-radius: 7px;
  font-size: 15px;
  line-height: 1;
  padding: 4px 12px 6px;
  pointer-events: none;
  border: 1px solid #00b2ec;
  transition: opacity 0.2s 0s, transform 0s 0.2s;
}

.copyContainer .copyMessage.active {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.2s 0.1s, transform 0s;
}

.rangTable {
  width: 393px;
  padding-left: 38px;
  padding-top: 30px;
  padding-right: 30px;
  background-image: url(../img/range_table_back.png);
  background-size: 100% auro;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: rgb(23, 23, 23);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.rangTable .table li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rangTable .table .par {
  display: block;
  font-size: 12px;
  line-height: 30px;
  color: #727886;
}

.rangTable .table .val {
  display: block;
  min-width: 87px;
  font-size: 14px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-transform: uppercase;
}

.rangTable .table .val sup {
  position: relative;
  top: 2px;
  font-size: 8px;
  line-height: 1;
}

.rangTable .rangs {
  margin-top: 45px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
}

.rangTable .rangs li {
  min-width: 138px;
}

.rangTable .rangs li:first-child .val {
  display: table;
  font-weight: 700;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.rangTable .rangs .par {
  display: block;
  font-size: 11px;
  line-height: 24px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.rangTable .rangs .val {
  display: block;
  font-size: 16px;
  line-height: 25px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.linesSider {
  width: 381px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 22px 20px;
  background-color: rgb(23, 23, 23);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.linesSider .swiper-wrapper {
  display: block;
}

@media (min-width: 1150px) {
  .linesSider .swiper-wrapper {
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
}

.linesSider .swiper-slide {
  height: auto;
}

.linesSider .swiper-slide+.swiper-slide {
  margin-top: 17px;
}

.linesSider .swiper-navigation {
  display: none;
}

.lineCard {
  position: relative;
  padding-left: 62px;
  padding-right: 20px;
  padding-top: 6px;
  padding-bottom: 7px;
  background-image: url(../img/line_back.png);
  background-size: auto;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: rgb(31, 31, 31);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

.lineCard ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lineCard .num {
  position: absolute;
  top: 2px;
  left: 8px;
  display: block;
  font-size: 12px;
  line-height: 15px;
  color: rgb(255, 255, 255);
  text-align: center;
}

.lineCard .num span {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.lineCard .par {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #727886;
}

.lineCard .val {
  display: block;
  min-width: 87px;
  font-size: 14px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-transform: uppercase;
}

.lineCard .val sup {
  position: relative;
  top: 2px;
  font-size: 8px;
  line-height: 1;
}

.refSection {
  margin-top: 32px;
}

.refList {
  margin-top: 35px;
  padding-left: 50px;
  padding-top: 38px;
  padding-right: 50px;
  padding-bottom: 2px;
  background-color: rgba(18, 18, 18, 0.8);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.refList .tHead {
  display: flex;
  padding-left: 60px;
  padding-right: 43px;
  padding-bottom: 23px;
  font-size: 11px;
  line-height: 11px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.refList .swiper-wrapper {
  display: block;
}

@media (min-width: 1150px) {
  .refList .swiper-wrapper {
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
}

.refList .swiper-slide {
  height: auto;
}

.refList .swiper-navigation {
  display: none;
}

.refList .login {
  width: auto;
  flex-shrink: 0;
  margin-right: auto;
}

.refList .date {
  margin-left: auto;
  width: 305px;
  flex-shrink: 0;
}

.refList .inv {
  width: 330px;
  flex-shrink: 0;
}

.refList .sum {
  width: 255px;
  flex-shrink: 0;
}

.refList .line {
  width: 145px;
  margin-right: 92px;
  text-align: center;
}

.refItem {
  border-top: 1px solid #333d53;
}

.refItem .head {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 43px;
  min-height: 49px;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

.refItem .head>.icon {
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  flex-shrink: 0;
}

.refItem .head>.icon img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.refItem .head>.icon .show {
  opacity: 1;
}

.refItem .head>.icon .hide {
  opacity: 0;
}

.refItem .tLabel {
  display: none;
}

.refItem .login {
  font-size: 11px;
  line-height: 11px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.refItem .date {
  font-size: 11px;
  line-height: 11px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.refItem .line {
  font-size: 14px;
  line-height: 14px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.refItem .inv .tData,
.refItem .sum .tData {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0em;
}

.refItem .inv .tData sup,
.refItem .sum .tData sup {
  position: relative;
  top: 2px;
  font-size: 9px;
  line-height: 1;
}

.refItem .inv img,
.refItem .sum img {
  display: block;
  margin-right: 24px;
}

.refItem .info {
  position: absolute;
  top: 50%;
  right: 23px;
  margin-top: -10px;
}

.refItem .content {
  display: none;
}

.refItem .content .head {
  padding-left: 62px;
}

.refItem .content .content .head {
  padding-left: 110px;
}

.refItem.active>.head {
  background-color: #141926;
}

.refItem.active>.head>.icon .show {
  opacity: 0;
}

.refItem.active>.head>.icon .hide {
  opacity: 1;
}

.refItem.active>.content {
  display: block;
}

.refItem .refItem.active .head {
  background-color: #1c2230;
}

.refItem .refItem.active>.head {
  background-color: #181d2b;
}

.refItem .refItem:not(.dropdownItem) .head {
  background-color: #1c2230;
}

.programSection .info {
  position: relative;
  margin-top: 35px;
  padding: 38px 67px 47px;
  z-index: 1;
}

.programSection .info::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 23, 0.8);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  z-index: -1;
}

.programSection .info::after {
  content: "";
  display: block;
  position: absolute;
  left: -36px;
  bottom: -140px;
  width: 331px;
  height: 288px;
  background-image: url(../img/info_back.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}

.programSection .info+.tableSliderWrapper {
  margin-top: 40px;
}

.programSection .cabTabs {
  margin-top: 40px;
}

.programTabs .tabsList .tab a {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
}

.programTabs>.tabContentWrapper {
  background-image: url(../img/tab_back_2.png);
  background-size: auto;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #171717;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.programTabs>.tabContentWrapper::before,
.programTabs>.tabContentWrapper::after {
  display: none;
}

.programTabs>.tabContentWrapper>.tabContent {
  padding: 51px 64px 44px;
}

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

.levelBlock .icon {
  position: relative;
  margin-top: 3px;
  align-self: flex-start;
  z-index: 1;
}

.levelBlock .icon::before {
  content: "";
  display: block;
  position: absolute;
  width: 165px;
  height: 165px;
  left: -80px;
  top: -60px;
  background-image: url(../img/icon_shadow.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.levelBlock .icon img {
  display: block;
}

.levelBlock .data {
  margin-left: 60px;
}

.levelBlock .param {
  display: block;
  font-size: 11px;
  line-height: 20px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.levelBlock .param+.value {
  margin-top: 3px;
}

.levelBlock .value {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.levelBlock .pct {
  margin-left: 155px;
  font-size: 70px;
  line-height: 70px;
  font-weight: 500;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.tableSliderWrapper {
  position: relative;
  padding: 38px 50px 62px;
  background-color: rgba(19, 19, 18, 0.8);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  z-index: 1;
}

.programSection .tableSlider .tRow:hover {
  background-color: transparent;
}

.tableSlider .swiper-wrapper {
  display: block;
}

@media (min-width: 1150px) {
  .tableSlider .swiper-wrapper {
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
}

.tableSlider .swiper-slide {
  height: auto;
  border-top: 1px solid #2d2d2d;
}

.tableSlider .swiper-slide:last-child .tCell {
  border-bottom: 1px solid #2d2d2d;
}

@media (max-width: 1149px) {
  .tableSlider .swiper-slide:last-child .tCell {
    border-bottom: none;
  }
}

.tableSlider .tHead {
  height: 34px;
  display: flex;
  font-size: 11px;
  line-height: 11px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tableSlider .tHead .tCell {
  text-align: center;
}

.tableSlider .tRow {
  display: flex;
  align-items: center;
  min-height: 49px;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.tableSlider .tRow:hover {
  background-color: #1c2230;
}

.tableSlider .tRow .tLabel {
  display: none;
}

.tableSlider .tRow .tCell {
  font-size: 14px;
  line-height: 1;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.tableSlider .tRow .tData {
  display: flex;
  align-items: center;
}

.tableSlider .tRow .tData sup {
  position: relative;
  top: 2px;
  font-size: 8px;
  line-height: 1;
}

.tableSlider .tRow .icon {
  display: block;
  flex-shrink: 0;
  margin-right: 24px;
}

.tableSlider .tRow .status {
  font-size: 11px;
  line-height: 1;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #332b1e;
  align-self: stretch;
}

@media (max-width: 1149px) {
  .tableSlider .tRow .status {
    background-color: transparent;
  }
}

.tableSlider .tRow .pct {
  font-size: 11px;
  letter-spacing: 0.1em;
  font-weight: 500;
  align-self: stretch;
}

@media (max-width: 1149px) {
  .tableSlider .tRow .pct {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tableSlider .tRow .pct .tValue {
    margin-top: 5px;
  }
}

.tableSlider .tRow .pct .tData {
  width: 100%;
  height: 100%;
}

.tableSlider .tRow .pct .tData>div {
  width: 100%;
}

.tableSlider .tRow .pct .tValue {
  display: flex;
  width: 100%;
}

.tableSlider .tRow .pct .tValue span {
  width: 12.5%;
  text-align: center;
}

.tableSlider .tRow .sum {
  display: block;
  align-self: stretch;
}

.tableSlider .tRow .sum .tData {
  padding-left: 58px;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (max-width: 1829px) {
  .tableSlider .tRow .sum .tData {
    padding-left: 30px;
  }
}

@media (max-width: 1149px) {
  .tableSlider .tRow .sum .tData {
    padding-left: 5px;
  }
}

@media (max-width: 1149px) {
  .tableSlider .tRow .sum {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .tableSlider .tRow .sum .tData {
    padding-top: 6px;
    padding-bottom: 4px;
  }
}

.tableSlider .tRow .sum:nth-child(3) .tData {
  background-color: #332b1e;
}

.tableSlider .tRow .sum:nth-child(4) .tData {
  background-color: #846633;
}

.tableSlider .tRow .sum:nth-child(5) .tData {
  background-color: #332b1e;
}

.tableSlider .tRow .sum+.sum {
  padding-left: 2px;
}

@media (max-width: 1149px) {
  .tableSlider .tRow .sum+.sum {
    padding-left: 0px;
  }
}

.tableSlider .status {
  width: 53px;
  text-align: center;
}

.tableSlider .status .tData {
  height: 100%;
  justify-content: center;
  align-items: center;
}

.tableSlider .pct {
  width: 43.5%;
}

.tableSlider .sum {
  width: 17.75%;
}

.tableSlider .swiper-navigation {
  display: none;
}

.filterBlock {
  position: relative;
  margin-top: 35px;
  padding: 28px 43px 44px;
}

.filterBlock::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 19, 19, 0.839);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
  z-index: 0;
}

.filterBlock::before {
  content: "";
  display: block;
  position: absolute;
  right: 57px;
  top: -55px;
  width: 447px;
  height: 390px;
  background-image: url(../img/info_back_lg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.filterBlock .formWrap {
  position: relative;
  display: flex;
  align-items: flex-end;
  z-index: 2;
}

.filterBlock .date {
  display: flex;
}

.filterBlock .date .field {
  width: 308px;
  flex-shrink: 0;
}

.filterBlock .date .field+.field {
  margin-left: 9px;
}

.filterBlock .date+.date {
  margin-left: 39px;
}

.filterBlock .filed label {
  position: relative;
}

.filterBlock .type {
  width: 268px;
  margin-left: 39px;
}

.filterBlock .button {
  margin-left: 22px;
  flex-grow: 1;
}

.filterBlock .button [class*=btn] {
  width: 100%;
  min-width: unset;
}

.filterBlock+.tableSlider2 {
  margin-top: 40px;
}

.tableSlider2 {
  position: relative;
  padding: 38px 50px 6px;
}

.tableSlider2 .shadow {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -20px;
  margin: 0px auto;
  width: 626px;
  height: 136px;
  background-image: url(../img/cab_section_shadow_2.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.tableSlider2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 55px);
  background-color: rgba(19, 19, 19, 0.8);
  -webkit-border-radius: 21px 21px 0px 0px;
  -moz-border-radius: 21px 21px 0px 0px;
  -ms-border-radius: 21px 21px 0px 0px;
  border-radius: 21px 21px 0px 0px;
  z-index: -1;
}

.tableSlider2::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 55px;
  background-image: url(../img/table_el.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 0px 21px 21px;
  -moz-border-radius: 0px 0px 21px 21px;
  -ms-border-radius: 0px 0px 21px 21px;
  border-radius: 0px 0px 21px 21px;
  z-index: -1;
}

.tableSlider2 .swiper-wrapper {
  display: block;
}

@media (min-width: 1150px) {
  .tableSlider2 .swiper-wrapper {
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
}

.tableSlider2 .swiper-slide {
  height: auto;
}

.tableSlider2 .swiper-navigation {
  display: none;
}

.tableSlider2 .tHead {
  height: 34px;
  display: flex;
  font-size: 11px;
  line-height: 11px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tableSlider2 .tHead .id {
  padding-left: 41px;
}

.tableSlider2 .head {
  display: flex;
  align-items: center;
  height: 50px;
  padding-right: 14px;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-top: 1px solid #2d2d2d;
  cursor: pointer;
}

.tableSlider2 .head .tLabel {
  display: none;
}

.tableSlider2 .head .id {
  padding-left: 30px;
  font-size: 12px;
  line-height: 1;
  color: #acb0bc;
  font-weight: 500;
}

.tableSlider2 .head .type {
  font-size: 11px;
  line-height: 1;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tableSlider2 .head .date {
  font-size: 11px;
  line-height: 1;
  color: #acb0bc;
  font-weight: 500;
  text-transform: uppercase;
}

.tableSlider2 .head .sum {
  font-size: 14px;
  line-height: 1;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.tableSlider2 .head .sum .tData {
  display: flex;
  align-items: center;
}

.tableSlider2 .head .sum sup {
  position: relative;
  top: 2px;
  font-size: 8px;
  line-height: 1;
}

.tableSlider2 .head .sum img {
  display: block;
  margin-right: 24px;
  max-width: 35px;
}

.tableSlider2 .head .com {
  font-size: 14px;
  line-height: 1;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.tableSlider2 .head .com sup {
  position: relative;
  top: 2px;
  font-size: 8px;
  line-height: 1;
}

.tableSlider2 .head .status {
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tableSlider2 .head .status.success {
  color: #00e1c0;
}

.tableSlider2 .head .status.wait {
  color: #f29d0f;
}

.tableSlider2 .head .status.error {
  color: #fb438f;
}

.tableSlider2 .head .login {
  font-size: 11px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tableSlider2 .head .login .tData {
  display: flex;
  align-items: center;
}

.tableSlider2 .head .login .tLabel {
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 11px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.tableSlider2 .head .login .tLabel img {
  display: block;
  margin-right: 10px;
}

.tableSlider2 .head .control {
  position: relative;
  width: 22px;
  height: 22px;
}

.tableSlider2 .head .control img {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.tableSlider2 .head .control .show {
  opacity: 1;
}

.tableSlider2 .head .control .hide {
  opacity: 0;
}

.tableSlider2 .head:hover {
  background-color: #161b29;
}

.tableSlider2 .content {
  display: none;
  font-size: 12px;
  line-height: 24px;
  color: rgb(255, 255, 255);
}

.tableSlider2 .content .in {
  padding: 12px 30px;
  border-top: 1px solid #333d53;
}

.tableSlider2 .content .num {
  font-weight: 500;
  letter-spacing: 0.1em;
}

.tableSlider2 .content .acc {
  font-size: 12px;
  color: #00b0ec;
}

.tableSlider2 .content .par {
  font-size: 11px;
  line-height: 24px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tableSlider2 .active .head {
  background-color: #161b29;
}

.tableSlider2 .active .head .control .show {
  opacity: 0;
}

.tableSlider2 .active .head .control .hide {
  opacity: 1;
}

.tableSlider2 .active .content {
  display: block;
  background-color: #161b29;
}

.tableSlider2 .id {
  width: 168px;
}

.tableSlider2 .type {
  width: 252px;
}

.tableSlider2 .date {
  width: 253px;
}

.tableSlider2 .sum {
  width: 278px;
}

.tableSlider2 .com {
  width: 188px;
}

.tableSlider2 .login {
  width: 198px;
  margin-left: auto;
}

.tableSlider2 .pagination {
  margin-top: 26px;
}

.formMessages {
  margin: -5px 0px 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}

.formMessage {
  display: flex;
  align-items: center;
  padding: 10px 11px;
  min-height: 40px;
  font-size: 14px;
  line-height: 20px;
  background-color: #293141;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.formMessage .icon {
  display: block;
  flex-shrink: 0;
  margin-right: 9px;
}

.formMessage.success {
  color: #00e1bf;
}

.formMessage.error {
  color: #fb438f;
}

.formMessage.info {
  color: #f29d0f;
}

.formMessage.warn {
  color: #a06ffd;
}

.settingsSection {
  display: grid;
  grid-template-columns: auto 522px;
  gap: 47px 45px;
}

.settingsForm {
  position: relative;
  padding: 23px 68px 0px;
  z-index: 1;
}

.settingsForm .shadow {
  position: absolute;
  position: absolute;
  bottom: -43px;
  right: -43px;
  width: 506px;
  height: 273px;
  background-image: url(../img/settings_shadow.png);
  background-size: 100% auto;
  background-position: right top;
  background-repeat: no-repeat;
  z-index: -2;
}

.settingsForm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 55px);
  background-color: rgba(23, 23, 23, 0.839);
  -webkit-border-radius: 21px 21px 0px 0px;
  -moz-border-radius: 21px 21px 0px 0px;
  -ms-border-radius: 21px 21px 0px 0px;
  border-radius: 21px 21px 0px 0px;
  z-index: -1;
}

.settingsForm::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 55px;
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 0px 21px 21px;
  -moz-border-radius: 0px 0px 21px 21px;
  -ms-border-radius: 0px 0px 21px 21px;
  border-radius: 0px 0px 21px 21px;
  z-index: -1;
}

.settingsForm.sm::after {
  background-image: url(../img/settings_el.png);
}

.settingsForm.md {
  flex-grow: 1;
}

.settingsForm.md::after {
  background-image: url(../img/settings_el.png);
}

.settingsForm.lg {
  grid-column: 1/3;
}

.settingsForm.lg::after {
  background-image: url(../img/settings_lg_el.png);
  background-position: right top;
}

.settingsForm .titleBlock {
  font-size: 20px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.settingsForm .titleBlock+.formBlock {
  margin-top: 17px;
}

.settingsForm .fieldsGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.settingsForm .fieldsGrid.col2 {
  grid-template-columns: repeat(2, 1fr);
}

.settingsForm .field+.field {
  margin-top: 23px;
}

.settingsForm .field+.check {
  margin-top: 19px;
}

.settingsForm .check+.field {
  margin-top: 43px;
}

.settingsForm .check+.check {
  margin-top: 14px;
}

.settingsForm .buttonWrap {
  margin-top: 40px;
  margin-bottom: -7px;
  display: flex;
  justify-content: center;
}

.securitySettings .wrapper {
  display: flex;
  justify-content: space-between;
}

.securitySettings .leftSide {
  width: 782px;
}

.securitySettings .rightSide {
  padding-top: 15px;
}

.securitySettings .titleBlock+.formBlock {
  margin-top: 32px;
}

.securitySettings .buttonWrap {
  max-width: 380px;
  margin-left: auto;
}

.authForm {
  position: relative;
  width: 387px;
  font-size: 14px;
  line-height: 30px;
  color: #acb0bc;
}

.authForm .key {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.authForm .qr {
  display: flex;
  position: absolute;
  bottom: 0px;
  right: calc(100% + 69px);
  justify-content: center;
  align-items: center;
  width: 221px;
  height: 213px;
  background-color: rgb(255, 255, 255);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.authForm .qr img {
  display: block;
}

.authForm .field {
  margin-top: 60px;
}

.walletSection {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 174px 43px;
  background-image: url(../img/wallet_back.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.walletSection .item:first-child .walletCard {
  -webkit-border-radius: 21px 21px 21px 0px;
  -moz-border-radius: 21px 21px 21px 0px;
  -ms-border-radius: 21px 21px 21px 0px;
  border-radius: 21px 21px 21px 0px;
}

.walletSection .item:first-child .walletCard::before {
  display: block;
  left: 0px;
  top: 100%;
  background-image: url(../img/card_el_1.png);
  background-position: left top;
}

.walletSection .item:nth-child(3) .walletCard {
  -webkit-border-radius: 21px 21px 0px 21px;
  -moz-border-radius: 21px 21px 0px 21px;
  -ms-border-radius: 21px 21px 0px 21px;
  border-radius: 21px 21px 0px 21px;
}

.walletSection .item:nth-child(3) .walletCard::before {
  display: block;
  right: 0px;
  top: 100%;
  background-position: right top;
  background-image: url(../img/card_el_2.png);
}

.walletSection .item:nth-child(4) .walletCard {
  -webkit-border-radius: 0px 21px 21px 21px;
  -moz-border-radius: 0px 21px 21px 21px;
  -ms-border-radius: 0px 21px 21px 21px;
  border-radius: 0px 21px 21px 21px;
}

.walletSection .item:nth-child(4) .walletCard::before {
  display: block;
  left: 0px;
  bottom: 100%;
  background-position: left bottom;
  background-image: url(../img/card_el_3.png);
}

.walletSection .item:last-child .walletCard {
  -webkit-border-radius: 21px 0px 21px 21px;
  -moz-border-radius: 21px 0px 21px 21px;
  -ms-border-radius: 21px 0px 21px 21px;
  border-radius: 21px 0px 21px 21px;
}

.walletSection .item:last-child .walletCard::before {
  display: block;
  right: 0px;
  bottom: 100%;
  background-position: right bottom;
  background-image: url(../img/card_el_4.png);
}

.walletCard {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 280px;
  padding-left: 52px;
  padding-top: 37px;
  padding-right: 40px;
  padding-bottom: 45px;
  background-color: rgba(23, 23, 23, 0.839);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.walletCard::before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 62px;
  background-size: auto;
  background-repeat: no-repeat;
}

.walletCard .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.walletCard .wallet {
  display: flex;
}

.walletCard .wallet .icon {
  position: relative;
  flex-shrink: 0;
  margin-right: 25px;
  z-index: 1;
  pointer-events: none;
}

.walletCard .wallet .icon::before {
  content: "";
  display: block;
  position: absolute;
  right: -40px;
  bottom: -70px;
  width: 165px;
  height: 165px;
  background-image: url(../img/icon_shadow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.walletCard .wallet .icon img {
  display: block;
}

.walletCard .wallet .par {
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #5e626d;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.walletCard .wallet .val {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.walletCard .wallet .button {
  margin-left: auto;
}

.walletCard .sum {
  position: relative;
  z-index: 1;
}

.walletCard .sum .par {
  display: block;
  font-size: 11px;
  line-height: 28px;
  color: #5e626d;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.walletCard .sum .val {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.walletCard .sum .val sup {
  font-size: 18px;
  line-height: 1;
}

.walletCard .buttons {
  display: flex;
  flex-direction: column;
}

.walletCard .buttons [class*=btn]+[class*=btn] {
  margin-top: 20px;
}

.walletCard .button {
  align-self: flex-end;
  margin-right: 10px;
  margin-bottom: 3px;
}

.walletCard .button [class*=btn] {
  min-width: 153px;
}

.walletCard .field {
  padding-bottom: 19px;
  padding-right: 8px;
}

.walletCard .field input {
  font-size: 14px;
}

.walletCard.pay .info {
  width: 100%;
}

.hero-banner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100px;
  left: 0px;
  overflow: hidden;
  text-align: center;
  -moz-transform: skewY(-15deg);
  -ms-transform: skewY(-15deg);
  -webkit-transform: skewY(-15deg);
  -o-transform: skewY(-15deg);
  transform: skewY(-15deg);
  opacity: 0.5;
  z-index: -1;
}

.hero-banner video {
  position: absolute;
  top: -10vw;
  left: 0;
  z-index: 0;
}

.hero-banner canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (max-width: 1149px) {
  .hero-banner {
    display: none;
  }
}

.verificationInfo {
  display: flex;
  justify-content: space-between;
}

.verificationInfo .imageContainer {
  border-radius: 27px;
  height: 269px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 22px;
  max-width: 523px;
  margin-top: 17px;
}

.verificationInfo .titleBlock {
  padding: 26px 163px 17px 26px;
}

.verificationInfo .item {
  width: calc(50% - 15px);
  position: relative;
  z-index: 1;
  padding: 25px 20px 40px;
  background-repeat: no-repeat;
  background-size: calc(100% - 2px) auto;
  border-radius: 27px;
  clip-path: polygon(0px 0px, calc(100% - 188.742px) -0.006px, calc(100% - 188.742px + 11.61119px) 1.74134px, calc(100% - 188.742px + 19.93084px) 6.48412px, calc(100% - 188.742px + 25.82487px) 13.47348px, calc(100% - 188.742px + 30.1592px) 21.96056px, calc(100% - 188.742px + 33.79975px) 31.1965px, calc(100% - 188.742px + 37.61244px) 40.43244px, calc(100% - 188.742px + 42.46319px) 48.91952px, calc(100% - 188.742px + 49.21792px) 55.90888px, calc(100% - 188.742px + 58.74255px) 60.65166px, calc(100% - 188.742px + 71.903px) 62.399px, calc(100% - 188.742px + 81.122px) 62.399px, calc(100% - 188.742px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
  background-color: rgba(21, 23, 32, 0.55);
}

.verificationInfo .item:nth-child(2n+1) {
  background-image: url(../img/back-verify-1.png);
  background-position: 1px center;
}

.verificationInfo .item:nth-child(2n) {
  background-image: url(../img/back-verify-2.png);
  background-position: 1px calc(100% + 56px);
}

.walletInfo {
  border-radius: 27px;
  clip-path: polygon(0px 0px, calc(100% - 511.741px) -0.006px, calc(100% - 511.741px + 11.61119px) 1.74134px, calc(100% - 511.741px + 19.93084px) 6.48412px, calc(100% - 511.741px + 25.82487px) 13.47348px, calc(100% - 511.741px + 30.1592px) 21.96056px, calc(100% - 511.741px + 33.79975px) 31.1965px, calc(100% - 511.741px + 37.61244px) 40.43244px, calc(100% - 511.741px + 42.46319px) 48.91952px, calc(100% - 511.741px + 49.21792px) 55.90888px, calc(100% - 511.741px + 58.74255px) 60.65166px, calc(100% - 511.741px + 71.903px) 62.399px, calc(100% - 511.741px + 81.122px) 62.399px, calc(100% - 511.741px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
  background-color: rgba(21, 23, 32, 0.55);
  padding: 85px 25px 45px 534px;
  position: relative;
  background-image: url(../img/back-wallet.png);
  background-repeat: no-repeat;
  background-position: center calc(50% + 60px);
  background-size: 100% auto;
}

.walletInfo .visual {
  position: absolute;
  width: 534px;
  height: 100%;
  top: 0;
  left: 0;
}

.walletInfo .visual img {
  position: absolute;
  left: 30px;
  top: calc(50% + 43px);
  transform: translateY(-50%);
  max-width: 504px;
}

.walletInfo .visual .mobImage {
  display: none;
}

.verificationInfo .titleBlock,
.walletInfo .titleBlock,
.dashboardInfo .titleBlock,
.paymentsInfo .titleBlock,
.progressInfo .titleBlock,
.partnersInfo .titleBlock,
.transferInfo .titleBlock {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
}

.verificationInfo .titleBlock.grad,
.walletInfo .titleBlock.grad,
.dashboardInfo .titleBlock.grad,
.paymentsInfo .titleBlock.grad,
.progressInfo .titleBlock.grad,
.partnersInfo .titleBlock.grad,
.transferInfo .titleBlock.grad {
  display: inline-block;
  vertical-align: top;
  background: linear-gradient(to right, #4cb0e9 0%, #f00ace 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0B2349;
}

.verificationInfo .textBlock p+p,
.walletInfo .textBlock p+p,
.dashboardInfo .textBlock p+p,
.paymentsInfo .textBlock p+p,
.progressInfo .textBlock p+p,
.partnersInfo .textBlock p+p,
.transferInfo .textBlock p+p {
  margin-top: 12px;
}

.walletsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 34px;
}

.walletsList li {
  width: calc((100% - 60px) / 3);
  margin-top: 27px;
}

.walletShortCard {
  background-color: rgba(21, 23, 32, 0.55);
  border-radius: 20px;
  padding: 10px 10px 15px 104px;
  position: relative;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.walletShortCard .sum .par {
  display: block;
  font-size: 11px;
  line-height: 28px;
  color: #5e626d;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.walletShortCard .sum .val {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.walletShortCard .sum .val sup {
  font-size: 18px;
  line-height: 1;
}

.walletShortCard .icon {
  position: absolute;
  left: 31px;
  top: 50%;
  transform: translateY(-50%);
}

.walletShortCard .icon:before {
  content: "";
  display: block;
  position: absolute;
  right: -40px;
  bottom: -70px;
  width: 165px;
  height: 165px;
  background-image: url(../img/icon_shadow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.filterForm {
  border-radius: 21px;
  background-color: rgba(21, 23, 32, 0.55);
  padding: 28px;
}

.filterForm+* {
  margin-top: 20px;
}

.filterForm .formWrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.filterForm .dates {
  max-width: 353px;
  width: 50%;
}

.filterForm .params {
  max-width: 326px;
  width: 50%;
  padding: 0 29px;
}

.filterForm .date {
  display: flex;
}

.filterForm .date+.date {
  margin-top: 27px;
}

.filterForm .date .field {
  padding-right: 10px;
  width: 33.3333333333%;
}

.filterForm .type+.type {
  margin-top: 27px;
}

.filterForm .btnContainer {
  padding-left: 19px;
  padding-top: 21px;
}

.historySection {
  padding: 20px 20px 14px;
  border-radius: 21px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.historySection .pagination {
  margin-top: 34px;
}

.historySection:before,
.historySection:after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  background-color: rgba(34, 41, 56, 0.8);
  clip-path: polygon(0px 0px, calc(100% - 273.727px) -0.006px, calc(100% - 273.727px + 11.61119px) 1.74134px, calc(100% - 273.727px + 19.93084px) 6.48412px, calc(100% - 273.727px + 25.82487px) 13.47348px, calc(100% - 273.727px + 30.1592px) 21.96056px, calc(100% - 273.727px + 33.79975px) 31.1965px, calc(100% - 273.727px + 37.61244px) 40.43244px, calc(100% - 273.727px + 42.46319px) 48.91952px, calc(100% - 273.727px + 49.21792px) 55.90888px, calc(100% - 273.727px + 58.74255px) 60.65166px, calc(100% - 273.727px + 71.903px) 62.399px, calc(100% - 273.727px + 81.122px) 62.399px, calc(100% - 273.727px + 81.923px) 62.399px, 100% 62.399px, 100% 100%, 0px 100%, 0px 0px);
  z-index: -1;
}

.historySection:before {
  left: 0px;
  transform: scale(1, -1);
}

.historySection:after {
  right: 0;
  transform: scale(-1, -1);
}

.historyList {
  display: table;
}

.historyList .cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(21, 23, 32, 0.55);
  min-height: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.historyList .cell:first-child {
  border-top-left-radius: 21px;
  border-bottom-left-radius: 21px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 280px;
}

.historyList .cell:nth-child(2) {
  width: 152px;
  padding-right: 52px;
  padding-left: 52px;
}

.historyList .cell:nth-child(3) {
  width: 175px;
  padding-right: 52px;
}

.historyList .cell:nth-child(4) {
  width: 107px;
  padding-right: 15px;
}

.historyList .cell:last-child {
  padding-right: 30px;
  width: calc(100% - 175px - 107px - 152px - 280px);
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
}

.historyList .imageContainer {
  width: 100%;
  border-top-left-radius: 21px;
  border-bottom-left-radius: 21px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.historyCard {
  display: flex;
}

.historyCard+.historyCard {
  margin-top: 10px;
}

.historyCard .pre,
.historyCard .val {
  display: block;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 18px;
  color: #abafbb;
}

.historyCard .pre {
  letter-spacing: 0.1em;
}

.historyCard .val {
  white-space: nowrap;
}

.historyCard .textBlock {
  font-size: 13px;
  line-height: 18px;
}

.historyCard .id {
  font-size: 12px;
}

.historyCard .status {
  letter-spacing: 0.1em;
}

.historyCard .status.success {
  color: #74e0c0;
}

.dashboardInfo {
  display: flex;
  justify-content: space-between;
  text-align: center;
  position: relative;
  margin-top: 54px;
}

.dashboardInfo:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/visual-dashboard.png);
  width: 477px;
  height: 480px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: calc(50% - 238px);
  top: calc((100% - 63px) / 2 + 63px - 240px);
  pointer-events: none;
  z-index: 2;
}

.dashboardInfo .textBlock {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px;
}

.dashboardInfo .icon {
  position: absolute;
  width: 130px;
  height: 140px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center bottom;
  top: -32px;
}

.dashboardInfo .item {
  width: calc(50% - 36px);
  position: relative;
  z-index: 1;
  padding: 112px 20px 40px;
  min-height: 400px;
  background-image: url(../img/circle-dashboard.png);
  background-repeat: no-repeat;
}

.dashboardInfo .item:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  clip-path: polygon(0px 0px, calc(100% - 335px) -0.006px, calc(100% - 335px + 11.61119px) 1.74134px, calc(100% - 335px + 19.93084px) 6.48412px, calc(100% - 335px + 25.82487px) 13.47348px, calc(100% - 335px + 30.1592px) 21.96056px, calc(100% - 335px + 33.79975px) 31.1965px, calc(100% - 335px + 37.61244px) 40.43244px, calc(100% - 335px + 42.46319px) 48.91952px, calc(100% - 335px + 49.21792px) 55.90888px, calc(100% - 335px + 58.74255px) 60.65166px, calc(100% - 335px + 71.903px) 62.399px, calc(100% - 335px + 81.122px) 62.399px, calc(100% - 335px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
  background-color: rgba(21, 23, 32, 0.55);
  border-radius: 27px;
}

.dashboardInfo .item:nth-child(2n) {
  padding-left: 60px;
  background-position: -160px calc((100% - 63px) / 2 + 63px);
}

.dashboardInfo .item:nth-child(2n):before {
  transform: scale(-1, 1);
}

.dashboardInfo .item:nth-child(2n) .icon {
  right: 19px;
}

.dashboardInfo .item:nth-child(2n+1) {
  padding-right: 60px;
  background-position: calc(100% + 160px) calc((100% - 63px) / 2 + 63px);
}

.dashboardInfo .item:nth-child(2n+1) .icon {
  left: 19px;
}

.paymentsInfo {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.paymentsInfo+.paymentsInfo {
  margin-top: -30px;
}

.paymentsInfo .item {
  width: calc((100% - 60px) / 3);
  margin-top: 30px;
}

.paymentsInfo .chartContainer {
  height: 122px;
  margin-top: 27px;
}

.paymentsInfo .head {
  background-color: rgba(48, 52, 67, 0.7);
  border-radius: 21px;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 16px 28px 20px;
}

.paymentsInfo .head .chartContainer {
  width: 100%;
}

.paymentsInfo .titleContainer {
  position: relative;
  padding-left: 72px;
  min-height: 60px;
}

.paymentsInfo .titleContainer .icon {
  position: absolute;
  left: 0;
}

.paymentsInfo .name {
  display: block;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1em;
  color: #abafbb;
  text-transform: uppercase;
  font-weight: 500;
}

.paymentsInfo .value {
  display: block;
  font-size: 25px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
}

.paymentsInfo .value span {
  font-size: 16px;
  line-height: 1;
}

.paymentsInfo .icon img {
  width: 60px;
}

.paymentsInfo .content {
  text-align: center;
  padding-top: 40px;
}

.progressInfo {
  display: flex;
  flex-wrap: wrap;
  margin-top: -28px;
}

.progressInfo .item {
  padding-top: 28px;
}

.progressInfo .item:nth-child(5n+1) {
  width: 66.955017301%;
}

.progressInfo .item:nth-child(5n+2) {
  width: 33.044982699%;
  padding-left: 34px;
}

.progressInfo .item:nth-child(5n+3) {
  width: 29.5847750865%;
  padding-right: 48px;
}

.progressInfo .item:nth-child(5n+4) {
  width: 100%;
  order: 1;
  padding-top: 14px;
}

.progressInfo .item:nth-child(5n) {
  width: 70.4152249135%;
}

.progressInfo .textBlock {
  padding-top: 30px;
}

.progressInfo .titleBlock+.textBlock {
  padding-top: 0px;
}

.progressInfo .diagram {
  margin-top: 85px;
  margin-left: auto;
  width: 348px;
  height: 348px;
}

.diagram {
  text-align: center;
  position: relative;
  z-index: 1;
}

.diagram .logo {
  max-width: 90px;
}

.diagram:before,
.diagram:after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.diagram:before {
  width: 100%;
  height: 100%;
  background-image: url(../img/diagram.png);
}

.diagram:after {
  background-image: url(../img/circle-diagram.png);
  width: 111.2068965517%;
  height: 111.2068965517%;
  z-index: -1;
}

.diagram .pre,
.diagram .val {
  display: block;
  font-weight: 500;
}

.diagram .dItem {
  position: absolute;
  width: 106px;
  padding: 22px 0px;
}

.diagram .dItem .pre {
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #abafbb;
  padding-left: 0.1em;
}

.diagram .dItem .val {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

.diagram .dItem:first-child {
  top: 0;
  left: calc(50% - 53px);
}

.diagram .dItem:nth-child(2) {
  right: 0;
  top: calc(50% - 41px);
  width: 70px;
}

.diagram .dItem:nth-child(2) .val {
  color: #dc32d1;
}

.diagram .dItem:nth-child(3) {
  bottom: 0;
  left: calc(50% - 53px);
  padding: 16px 0px;
}

.diagram .dItem:nth-child(4) {
  left: 0;
  top: calc(50% - 41px);
  width: 78px;
}

.diagram .dItem:nth-child(4) .val {
  color: #55a1e6;
}

.diagram .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 49.0909090909%;
  height: 49.0909090909%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.diagram.diag .center {
  width: 49.4252873563%;
  height: 49.4252873563%;
  background-color: #232733;
  margin-top: -4px;
}

.diagram.diag .center .inner {
  background: linear-gradient(to right, #d762e1 0%, #89dcff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0B2349;
}

.diagram.diag .center .pre {
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: uppercase;
}

.diagram.diag .center .val {
  font-size: 31px;
  line-height: 39px;
  font-weight: 500;
}

.diagram.diag:before {
  background-image: url(../img/diagram-diag.png);
}

.diagram.diag .dItem {
  width: 106px;
  padding: 26px 0px;
}

.diagram.diag .dItem .pre {
  font-size: 14px;
  line-height: 22px;
}

.diagram.diag .dItem .val {
  font-size: 20px;
  line-height: 25px;
}

.diagram.diag .dItem:first-child {
  margin-left: 36px;
}

.diagram.diag .dItem:nth-child(2) {
  margin-top: 10px;
  width: 84px;
  top: calc(50% - 53px);
}

.diagram.diag .dItem:nth-child(3) {
  margin-left: -30px;
}

.diagram.diag .dItem:nth-child(4) {
  margin-top: -30px;
  width: 96px;
  top: calc(50% - 53px);
}

.chartPanel {
  clip-path: polygon(0px 0px, calc(100% - 401px) -0.006px, calc(100% - 401px + 11.61119px) 1.74134px, calc(100% - 401px + 19.93084px) 6.48412px, calc(100% - 401px + 25.82487px) 13.47348px, calc(100% - 401px + 30.1592px) 21.96056px, calc(100% - 401px + 33.79975px) 31.1965px, calc(100% - 401px + 37.61244px) 40.43244px, calc(100% - 401px + 42.46319px) 48.91952px, calc(100% - 401px + 49.21792px) 55.90888px, calc(100% - 401px + 58.74255px) 60.65166px, calc(100% - 401px + 71.903px) 62.399px, calc(100% - 401px + 81.122px) 62.399px, calc(100% - 401px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
  background-color: rgba(21, 23, 32, 0.55);
  border-radius: 27px;
  padding: 15px 40px 27px 52px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center calc(50% + 85px);
}

.chartPanel .chartContainer {
  margin-top: 31px;
}

.chartPanel .titleBlock {
  padding-right: 349px;
}

.partnersInfo,
.transferInfo {
  display: flex;
  justify-content: space-between;
}

.partnersInfo .column,
.transferInfo .column {
  width: calc((100% - 60px) / 3);
}

.partnersInfo .infoPanel,
.transferInfo .infoPanel {
  background-color: rgba(21, 23, 32, 0.55);
  border-radius: 27px;
}

.partnersInfo .textBlock {
  font-size: 14px;
  line-height: 20px;
}

.partnersInfo .infoPanel {
  height: 100%;
  padding: 74px 20px 30px;
  clip-path: polygon(0px 0px, calc(100% - 215px) -0.006px, calc(100% - 215px + 11.61119px) 1.74134px, calc(100% - 215px + 19.93084px) 6.48412px, calc(100% - 215px + 25.82487px) 13.47348px, calc(100% - 215px + 30.1592px) 21.96056px, calc(100% - 215px + 33.79975px) 31.1965px, calc(100% - 215px + 37.61244px) 40.43244px, calc(100% - 215px + 42.46319px) 48.91952px, calc(100% - 215px + 49.21792px) 55.90888px, calc(100% - 215px + 58.74255px) 60.65166px, calc(100% - 215px + 71.903px) 62.399px, calc(100% - 215px + 81.122px) 62.399px, calc(100% - 215px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
  overflow: hidden;
  position: relative;
}

.partnersInfo .infoPanel .chartContainer {
  padding-top: 32px;
  padding-bottom: 19px;
  margin-left: -10px;
  margin-right: -10px;
}

.partnersInfo .infoPanel .chartContainer img {
  margin-left: auto;
  margin-right: auto;
}

.partnersInfo .infoPanel.leftVis {
  padding-left: 148px;
  padding-top: 96px;
  padding-bottom: 80px;
}

.partnersInfo .infoPanel.leftVis .back {
  position: absolute;
  width: 200%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: calc(50% + 15px) center;
  left: -100%;
  top: 0;
  z-index: -1;
  pointer-events: none;
}

.partnersInfo .infoPanel.topVis {
  padding-top: 232px;
  padding-bottom: 48px;
}

.partnersInfo .infoPanel.topVis .back {
  position: absolute;
  width: 100%;
  height: 200%;
  background-repeat: no-repeat;
  background-position: calc(50% - 38px) calc(50% + 130px);
  left: 0;
  top: -100%;
  z-index: -1;
}

.partnersInfo .diagram {
  position: absolute;
  width: 250px;
  height: 250px;
  left: calc(50% - 125px);
  top: 26px;
}

.partnersInfo .diagram .center {
  background-color: transparent;
}

.partnersInfo .diagram+.infoPanel {
  padding-top: 284px;
}

.partnersInfo .diagram .dItem {
  padding: 16px 0px;
  width: 76px;
}

.partnersInfo .diagram .dItem .pre {
  font-size: 10px;
  line-height: 16px;
}

.partnersInfo .diagram .dItem .val {
  font-size: 14px;
  line-height: 18px;
}

.partnersInfo .diagram .dItem:first-child {
  margin-left: 40px;
}

.partnersInfo .diagram .dItem:nth-child(2) {
  top: calc(50% - 40px);
  width: 64px;
}

.partnersInfo .diagram .dItem:nth-child(3) {
  left: calc(50% - 53px);
  margin-left: -8px;
  bottom: 6px;
}

.partnersInfo .diagram .dItem:nth-child(4) {
  top: calc(50% - 28px);
  width: 76px;
}

.partnersInfo .diagram .center .pre {
  font-size: 15px;
  line-height: 25px;
}

.partnersInfo .diagram .center .val {
  font-size: 22px;
  line-height: 28px;
}

.partnersInfo .item {
  position: relative;
}

.partnersInfo .item+.item {
  margin-top: 44px;
}

.transferInfo .icon {
  height: 253px;
  margin-left: -20px;
  margin-right: -20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 7px;
  margin-top: -30px;
}

.transferInfo .infoPanel {
  padding: 70px 20px 36px;
  clip-path: polygon(0px 0px, calc(100% - 187px) -0.006px, calc(100% - 187px + 11.61119px) 1.74134px, calc(100% - 187px + 19.93084px) 6.48412px, calc(100% - 187px + 25.82487px) 13.47348px, calc(100% - 187px + 30.1592px) 21.96056px, calc(100% - 187px + 33.79975px) 31.1965px, calc(100% - 187px + 37.61244px) 40.43244px, calc(100% - 187px + 42.46319px) 48.91952px, calc(100% - 187px + 49.21792px) 55.90888px, calc(100% - 187px + 58.74255px) 60.65166px, calc(100% - 187px + 71.903px) 62.399px, calc(100% - 187px + 81.122px) 62.399px, calc(100% - 187px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
  overflow: hidden;
  height: 100%;
}

.transferInfo .chartEdge {
  max-width: 323px;
  margin-left: auto;
  margin-right: auto;
}

.transferInfo .diagramContainer {
  display: flex;
  justify-content: center;
  margin: 52px auto 90px;
  position: relative;
}

.transferInfo .diagramContainer:before {
  content: "";
  display: block;
  position: absolute;
  height: 523px;
  width: calc(100% + 40px);
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/back-diagram.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  top: calc(100% - 332px);
  z-index: -1;
  pointer-events: none;
  box-shadow: inset 0px 40px 40px #171b27;
}

.transferInfo .diagram {
  width: 275px;
  height: 275px;
}

.transferInfo .column:nth-child(2n+1) .infoPanel {
  background-image: url(../img/back-transfer-panel.png);
  background-repeat: no-repeat;
  background-position: left 50%;
}

.airdropInfo {
  display: flex;
  justify-content: space-between;
  padding: 204px 100px 142px;
  color: #fff;
  position: relative;
  z-index: 1;
}

.airdropInfo:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 21px;
  background-color: #131723;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(../img/back-airdrop-pattern.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  clip-path: polygon(0px 0px, 100% 0px, 100% 100%, calc(50% + 364.455px) 100%, calc(50% + 345.011464px) calc(100% - 2.092957px), calc(50% + 335.567928px) calc(100% - 5.185914px), calc(50% + 314.607144px) calc(100% - 18.874352px), calc(50% + 299.622096px) calc(100% - 36.380358px), calc(50% + 288.662232px) calc(100% - 57.018976px), calc(50% + 279.777px) calc(100% - 79.10525px), calc(50% + 271.015848px) calc(100% - 100.954224px), calc(50% + 260.428224px) calc(100% - 120.880942px), calc(50% + 246.063576px) calc(100% - 137.200448px), calc(50% + 225.971352px) calc(100% - 148.227786px), calc(50% + 198.201px) calc(100% - 152.278px), calc(50% + 102.789px) calc(100% - 152.278px), calc(50% - 102.789px) calc(100% - 152.278px), calc(50% - 198.201px) calc(100% - 152.278px), calc(50% - 225.971352px) calc(100% - 148.227786px), calc(50% - 246.063576px) calc(100% - 137.200448px), calc(50% - 260.428224px) calc(100% - 120.880942px), calc(50% - 271.015848px) calc(100% - 100.954224px), calc(50% - 279.777px) calc(100% - 79.10525px), calc(50% - 288.662232px) calc(100% - 57.018976px), calc(50% - 299.622096px) calc(100% - 36.380358px), calc(50% - 314.607144px) calc(100% - 18.874352px), calc(50% - 335.567928px) calc(100% - 5.185914px), calc(50% - 345.011464px) calc(100% - 2.092957px), calc(50% - 364.455px) 100%, 0px 100%);
}

.airdropInfo:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 280px;
  background-image: url(../img/shadow-airdrop.png), url(../img/shadow-airdrop.png);
  background-position: calc(50% - 230px) bottom, calc(50% + 230px) bottom;
  background-repeat: no-repeat;
  background-size: auto 100%;
  bottom: 0px;
  left: 0;
  z-index: -2;
}

.airdropInfo .bulletSide {
  width: calc(29.8969072165% - 90px);
  padding-top: 28px;
}

.airdropInfo .centerData {
  width: 40.206185567%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  padding-bottom: 205px;
  z-index: 1;
}

.airdropInfo .centerData:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/back-airdrop.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 877px;
  height: 724px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}

.airdropInfo .centerData .logo {
  width: 86px;
  height: 86px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto 47px;
}

.airdropInfo .centerData .title {
  display: block;
  font-size: 15px;
  letter-spacing: 0.1em;
  margin-bottom: 9px;
}

.airdropInfo .centerData .sum {
  display: block;
  font-size: 50px;
  line-height: 60px;
  font-weight: bold;
}

.airdropInfo .centerData .param {
  display: block;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #acb0bc;
  margin-bottom: 4px;
}

.airdropInfo .centerData .value {
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}

.airdropInfo .centerData .addValue {
  display: block;
  font-size: 17px;
  line-height: 25px;
  color: #3fa2e3;
  letter-spacing: 0.1em;
  margin: 4px 0px 18px;
}

.airdropInfo .centerData+.bulletSide {
  text-align: right;
}

.airdropInfo .textBlock {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}

.airdropInfo .textBlock .lead {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
}

.airdropInfo .textBlock b {
  background: linear-gradient(to right, #fe3dce 0%, #26afe6 100%);
  vertical-align: top;
}

.airdropInfo .textBlock .accent {
  font-size: 40px;
  line-height: 50px;
  background: linear-gradient(to right, #26afe6 0%, #fe3dce 100%);
  vertical-align: bottom;
}

.airdropInfo .textBlock .accent,
.airdropInfo .textBlock b {
  display: inline-block;
  font-weight: 500;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
}

.airdropInfo .textBlock .name {
  font-size: 50px;
}

.textBlock {
  font-size: 15px;
  line-height: 23px;
  color: #acb0bc;
}

@media (max-width: 1229px) {
  .textBlock {
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 1015px) {
  .textBlock {
    font-size: 14px;
  }
}

.textBlock p+p {
  margin-top: 23px;
}

.textBlock .lead {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}

@media (max-width: 1229px) {
  .textBlock .lead {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1015px) {
  .textBlock .lead {
    font-size: 18px;
    line-height: 27px;
  }
}

.textBlock .lead+p {
  margin-top: 35px;
}

@media (max-width: 1229px) {
  .textBlock .lead+p {
    margin-top: 30px;
  }
}

@media (max-width: 1016px) {
  .textBlock .lead+p {
    margin-top: 21px;
  }
}

.textBlock .highlighted {
  background: #f562e5;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.textBlock a {
  color: #00b6f4;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.textBlock a:hover {
  text-decoration-color: transparent;
}

.markedList {
  margin-top: 19px;
  margin-bottom: 19px;
}

.markedList li {
  position: relative;
  padding-left: 28px;
  font-size: 15px;
  line-height: 30px;
  color: rgb(255, 255, 255);
}

.markedList li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
  width: 18px;
  height: 18px;
  background-image: url(../img/marker.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.markedList:first-child {
  margin-top: 0px;
}

.markedList:last-child {
  margin-bottom: 0px;
}

.footerSection {
  margin-top: 143px;
}

.registerSection .wrapper {
  position: relative;
}

.registerSection .wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: -327px;
  top: -183px;
  width: 1245px;
  height: 527px;
  background-image: url(../img/reg_back_3.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.registerBlock {
  position: relative;
  display: flex;
  min-height: 327px;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  overflow: hidden;
}

.registerBlock .inner {
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 65px;
  padding-right: 65px;
  padding-top: 55px;
  padding-bottom: 40px;

  background: url(../img/reg_back_main.png) no-repeat center center;
}

.registerBlock .inner::before {
  content: "";
  display: block;
  position: absolute;
  right: -138px;
  bottom: -249px;
  width: 938px;
  height: 505px;
  background-color: rgb(0, 0, 0);
  opacity: 0.6;
  -webkit-box-shadow: 1px -4px 51px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px -4px 51px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 1px -4px 51px 0px rgba(0, 0, 0, 0.35);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="938px" height="505px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M905.121,149.793 L905.121,472.000 C905.121,490.225 890.347,505.000 872.121,505.000 L5.000,505.000 C-13.225,505.000 30.000,490.225 30.000,472.000 L30.000,125.934 C30.000,107.709 44.775,92.935 63.000,92.935 L275.553,92.935 C386.478,92.917 333.862,0.471 432.308,0.471 L870.950,0.471 C907.584,0.471 937.283,30.169 937.283,66.804 L937.283,92.935 C937.283,117.068 924.391,138.187 905.121,149.793 Z"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="938px" height="505px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M905.121,149.793 L905.121,472.000 C905.121,490.225 890.347,505.000 872.121,505.000 L5.000,505.000 C-13.225,505.000 30.000,490.225 30.000,472.000 L30.000,125.934 C30.000,107.709 44.775,92.935 63.000,92.935 L275.553,92.935 C386.478,92.917 333.862,0.471 432.308,0.471 L870.950,0.471 C907.584,0.471 937.283,30.169 937.283,66.804 L937.283,92.935 C937.283,117.068 924.391,138.187 905.121,149.793 Z"/></svg>') 0/100% 100%;
  z-index: 0;
}

.registerBlock .title {
  max-width: 500px;
  font-size: 40px;
  line-height: 45px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.registerBlock .content {
  margin-top: 59px;
  display: flex;
  justify-content: flex-end;
}

.registerBlock .text {
  width: 290px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

.registerBlock .button {
  margin-left: 124px;
  align-self: center;
  padding-top: 10px;
}

.registerBlock::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../img/reg_back_2.png);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  z-index: -1;
}

.registerBlock::before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  bottom: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: rgba(24, 31, 46, 0.431);
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
  z-index: -1;
}

.footer {
  position: relative;
  margin-top: 40px;
}

/*.footer::before {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  left: 50%;*/
/*  margin-left: -960px;*/
/*  bottom: 0;*/
/*  width: 1920px;*/
/*  height: 1004px;*/
/*  background-image: url(../img/footer_back.jpg);*/
/*  background-size: 100% auto;*/
/*  background-position: center bottom;*/
/*  background-repeat: no-repeat;*/
/*  z-index: -1;*/
/*}*/

.footerTop {
  position: relative;
  padding-top: 69px;
}

.mobile_dev {
  display: flex;
  justify-content: center;
  padding: 50px 0 20px;
}

.mobile_dev a + a {
  margin-left: 12px;
}

.footerTop .backLogo {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  opacity: 1;
  z-index: -1;
}

.footerTop .footerLogo {
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto;
}

.footerTop .copyright {
  margin-top: 30px;
  font-size: 13px;
  line-height: 20px;
  color: #acb0bc;
  text-align: center;
}

.socList {
  display: flex;
  justify-content: center;
}

.socList li {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(255, 255, 255);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.socList li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.socList li:hover {
  opacity: 0.7;
}

.socList li img {
  display: block;
}

.socList li+li {
  margin-left: 12px;
}

.footerLogo {
  width: 268px;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.footerLogo>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.footerLogo:hover {
  opacity: 0.7;
}

.footerLogo img {
  display: block;
}

.footerBottom {
  position: relative;
  margin-top: 77px;
  padding-bottom: 24px;
  z-index: 1;
}

.footerBottom::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  background-image: url(../img/footer_shadow.png), url(../img/footer_back_2.svg);
  background-size: auto, 100% auto;
  background-position: right bottom, center top;
  background-repeat: no-repeat, no-repeat;
  z-index: -1;
}

.footerBottom::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(100% - 50px);
  background-color: rgba(255, 255, 255, 0.05);
  z-index: -1;
}

.footerBottom .info {
  margin-top: 35px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 13px;
  line-height: 18px;
  color: #acb0bc;
}

.footerBottom .info .linkMore {
  display: inline;
}

.footerLinks {
  min-height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footerLinks .link {
  width: 215px;
  text-align: center;
}

.footerLinks .link a {
  display: inline-block;
  font-size: 12px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.footerLinks .link a:hover {
  opacity: 0.7;
}

.footerMenu {
  display: flex;
  justify-content: center;
}

.footerMenu li a {
  font-size: 14px;
  line-height: 50px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.footerMenu li a:hover {
  opacity: 0.7;
}

.footerMenu li+li {
  margin-left: 47px;
}

.bodyModal {
  position: relative;
  overflow: hidden;
}

.bodyModal body {
  position: relative;
  overflow: hidden;
}

.modalsScroll {
  overflow-x: hidden;
  position: fixed;
  z-index: -1;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  display: none;
}

.modalsScroll.open {
  z-index: 55;
  display: block;
}

.modals {
  min-height: 100vh;
  width: 100vw;
}

.modals.table {
  display: flex;
}

.modals.table>.tCell {
  display: flex;
  width: 100%;
  vertical-align: middle;
  padding: 15px 11px;
}

.overlayModal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.93);
  cursor: pointer;
  display: none;
}

.blockMod {
  display: none;
  position: relative;
  align-self: center;
  width: 100%;
  margin: 0px auto;
  background-color: rgb(31, 35, 47);
  -webkit-box-shadow: 0px 0px 103px 0px rgba(23, 23, 23, 0.64);
  -moz-box-shadow: 0px 0px 103px 0px rgba(23, 23, 23, 0.64);
  box-shadow: 0px 0px 103px 0px rgba(23, 23, 23, 0.64);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
  z-index: 1;
  overflow: hidden;
}

.blockMod .close {
  position: absolute;
  top: 18px;
  right: 21px;
  cursor: pointer;
  z-index: 2;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.blockMod .close:hover {
  opacity: 0.7;
}

.blockMod .close img {
  display: block;
}

.blockMod .titleContainer {
  font-size: 30px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
}

.blockMod .titleContainer>.title {
  display: block;
  font-size: 40px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: center;
  z-index: 1;
}

.blockMod .titleContainer>.title span {
  display: inline-block;
  font-weight: 700;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.blockMod .buttonWrap {
  margin-top: 38px;
  display: flex;
  justify-content: center;
}

.blockMod .buttonWrap [class*=btn] {
  min-width: 242px;
}

.modalPay {
  max-width: 901px;
  padding: 38px 49px;
}

.modalPay .titleContainer>.title {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.modalPay .titleContainer+.contentContainer {
  margin-top: 32px;
}

.payFormGrid {
  position: relative;
  background-image: url(../img/modal_payment_back.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.payFormGrid .fieldWrap {
  margin-top: 167px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.payFormGrid .field,
.payFormGrid .result {
  min-height: 150px;
  background-color: #090a0f;
}

.payFormGrid .field {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0px 45px 42px;
  background-image: url(../img/back_left.png);
  background-size: auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 21px 21px 21px;
  -moz-border-radius: 0px 21px 21px 21px;
  -ms-border-radius: 0px 21px 21px 21px;
  border-radius: 0px 21px 21px 21px;
}

.payFormGrid .field::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 100%;
  width: 100%;
  height: 62px;
  background-image: url(../img/modal_card_left.png);
  background-size: auto 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.payFormGrid .result {
  position: relative;
  padding-top: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url(../img/back_right.png);
  background-size: auto;
  background-position: right bottom;
  background-repeat: no-repeat;
  -webkit-border-radius: 21px 0px 21px 21px;
  -moz-border-radius: 21px 0px 21px 21px;
  -ms-border-radius: 21px 0px 21px 21px;
  border-radius: 21px 0px 21px 21px;
}

.payFormGrid .result::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 100%;
  width: 100%;
  height: 62px;
  background-image: url(../img/modal_card_right.png);
  background-size: auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.payFormGrid .result .param {
  display: block;
  font-size: 11px;
  line-height: 24px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.payFormGrid .result .value {
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.payFormGrid .result .value sup {
  display: inline-block;
  font-size: 12px;
  vertical-align: bottom;
}

.payFormGrid.invert {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 167px 40px;
}

.payFormGrid.invert .fieldset {
  position: relative;
  min-height: 150px;
  padding: 34px 45px;
  background-color: #121724;
}

.payFormGrid.invert .fieldset .num {
  display: block;
  position: absolute;
  top: calc(100% + 9px);
  font-size: 77px;
  line-height: 60px;
  color: #1f2534;
  font-weight: 500;
}

.payFormGrid.invert .fieldset:first-child {
  background-image: url(../img/back_left_top.png);
  background-size: auto;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-border-radius: 21px 21px 21px 0px;
  -moz-border-radius: 21px 21px 21px 0px;
  -ms-border-radius: 21px 21px 21px 0px;
  border-radius: 21px 21px 21px 0px;
}

.payFormGrid.invert .fieldset:first-child .num {
  left: 42px;
}

.payFormGrid.invert .fieldset:first-child::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  height: 62px;
  background-image: url(../img/modal_card_left_top.png);
  background-size: auto 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.payFormGrid.invert .fieldset:nth-child(2) {
  background-image: url(../img/back_right_top.png);
  background-size: auto;
  background-position: right top;
  background-repeat: no-repeat;
  -webkit-border-radius: 21px 21px 0px 21px;
  -moz-border-radius: 21px 21px 0px 21px;
  -ms-border-radius: 21px 21px 0px 21px;
  border-radius: 21px 21px 0px 21px;
}

.payFormGrid.invert .fieldset:nth-child(2) .num {
  right: 34px;
}

.payFormGrid.invert .fieldset:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  height: 62px;
  background-image: url(../img/modal_card_right_top.png);
  background-size: auto 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.payFormGrid.invert .transferResult {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column: 1/3;
  padding-top: 44px;
  background-color: transparent;
  -webkit-border-radius: 25px 25px 21px 21px;
  -moz-border-radius: 25px 25px 21px 21px;
  -ms-border-radius: 25px 25px 21px 21px;
  border-radius: 25px 25px 21px 21px;
  z-index: 1;
}

.payFormGrid.invert .transferResult .param {
  display: block;
  font-size: 11px;
  line-height: 24px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.payFormGrid.invert .transferResult .value {
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.payFormGrid.invert .transferResult .value span {
  font-size: 20px;
}

.payFormGrid.invert .transferResult .value sup {
  font-size: 12px;
  line-height: 1;
}

.payFormGrid.invert .transferResult::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 212px;
  left: 0px;
  bottom: 0px;
  background-image: url(../img/transfer_result.png);
  background-size: auto 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-border-radius: 25px 25px 21px 21px;
  -moz-border-radius: 25px 25px 21px 21px;
  -ms-border-radius: 25px 25px 21px 21px;
  border-radius: 25px 25px 21px 21px;
  z-index: -1;
}

.paymentsList {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 206px);
  gap: 24px;
  justify-content: space-between;
  padding: 15px 34px 19px;
  background-color: #090a0f;
  -webkit-border-radius: 21px 21px 0px 0px;
  -moz-border-radius: 21px 21px 0px 0px;
  -ms-border-radius: 21px 21px 0px 0px;
  border-radius: 21px 21px 0px 0px;
}

.paymentsList::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  height: 62px;
  background-image: url(../img/payment_list_back.png);
  background-size: auto 100%;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 0px 25px 25px;
  -moz-border-radius: 0px 0px 25px 25px;
  -ms-border-radius: 0px 0px 25px 25px;
  border-radius: 0px 0px 25px 25px;
}

.paymentsList>.select {
  display: none;
}

.paymentsList>.item {
  position: relative;
}

.paymentsList>.item input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}

.paymentsList>.item input:checked+.paymentItem::before {
  opacity: 1;
}

.paymentsList>.item label {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  cursor: pointer;
  z-index: 1;
}

.paymentsList>.item label:hover~.paymentItem::before {
  opacity: 1;
}

.paymentItem {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 7px 5px;
  min-height: 46px;
  background-color: #2b3242;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  border-radius: 23px;
}

.paymentItem::before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="23" ry="23" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="23" ry="23" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
}

.paymentItem .icon {
  margin-right: 13px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background-color: rgb(11, 15, 25);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.paymentItem .icon img {
  display: block;
}

.paymentItem .param {
  display: block;
  font-size: 11px;
  line-height: 14px;
  color: #727886;
}

.paymentItem .value {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.paymentItem .value span {
  font-size: 12px;
}

.paymentItem .value sup {
  position: relative;
  top: 2px;
  font-size: 7px;
  line-height: 1;
}

.modalReplenish {
  max-width: 702px;
  padding: 51px 50px;
}

.modalReplenish .replenishInfo {
  margin-top: -36px;
}

.modalReplenish .modalTable {
  margin-top: -9px;
}

.modalReplenish .note {
  position: relative;
  margin-top: 22px;
  font-size: 12px;
  line-height: 30px;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 1;
}

.modalReplenish .buttonsWrap {
  margin-top: 33px;
  display: flex;
  justify-content: center;
}

.modalReplenish .buttonsWrap [class*=btn] {
  min-width: 197px;
}

.modalReplenish .buttonsWrap [class*=btn]+[class*=btn] {
  margin-left: 21px;
}

.accountBlock {
  position: relative;
  padding-left: 36px;
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 50px;
  display: flex;
  z-index: 1;
  justify-content: space-between;
}

.accountBlock .shadow {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -8px;
  width: 496px;
  height: 166px;
  margin: 0px auto;
  background-image: url(../img/replenish_shadow.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}

.accountBlock .info p {
  font-size: 12px;
  line-height: 17px;
  color: #acb0bc;
}

.accountBlock .title {
  display: inline-block;
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.accountBlock .title+p {
  margin-top: 14px;
}

.accountBlock .code {
  flex-shrink: 0;
  margin-left: 50px;
  padding-top: 3px;
  margin-bottom: 20px;
}

.accountBlock .code .qr {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 137px;
  background-color: rgb(255, 255, 255);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.accountBlock .code .qr img {
  display: block;
}

.accountBlock .code span {
  display: block;
  margin-top: 14px;
  margin-bottom: -16px;
  padding-right: 7px;
  font-size: 12px;
  line-height: 15px;
  color: #acb0bc;
  text-align: right;
}

.accountBlock::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 50px);
  background-color: rgb(26, 31, 45);
  -webkit-border-radius: 21px 21px 0px 0px;
  -moz-border-radius: 21px 21px 0px 0px;
  -ms-border-radius: 21px 21px 0px 0px;
  border-radius: 21px 21px 0px 0px;
  z-index: -1;
}

.accountBlock::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 50px;
  background-image: url(../img/acc_el.png);
  background-size: auto 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 0px 21px 21px;
  -moz-border-radius: 0px 0px 21px 21px;
  -ms-border-radius: 0px 0px 21px 21px;
  border-radius: 0px 0px 21px 21px;
  z-index: -1;
}

.replenishInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.replenishInfo .item+.item {
  margin-top: 17px;
}

.replenishInfo .field {
  width: 311px;
}

.replenishInfo .field input {
  text-align: center;
  font-size: 10px;
}

.replenishInfo .param {
  display: block;
  font-size: 11px;
  line-height: 25px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.replenishInfo label.param {
  line-height: 11px;
}

.replenishInfo .value {
  display: table;
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.replenishInfo .value sup {
  font-size: 14px;
  line-height: 1;
}

.modalTable {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 1;
  max-width: 602px;
  margin-left: auto;
  margin-right: auto;
}

.modalTable ul {
  padding-top: 13px;
}

.modalTable li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
}

.modalTable li+li {
  border-top: 1px solid #333d53;
}

.modalTable .param {
  display: block;
  font-size: 11px;
  line-height: 11px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.modalTable .data {
  display: block;
  font-size: 11px;
  line-height: 11px;
  color: #acb0bc;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.modalTable .data.success {
  color: #00e1c0;
}

.modalTable .data.wait {
  color: #f29d0f;
}

.modalTable .data.error {
  color: #fb438f;
}

.modalTable .data.lg {
  color: rgb(255, 255, 255);
  letter-spacing: 0.1em;
}

.modalTable .data .color1 {
  color: #f29d0f;
}

.modalTable .data .color2 {
  color: #ffffff;
}

.modalTable .name {
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  height: 22px;
  line-height: 22px;
}

.modalTable .status {
  letter-spacing: 0.1em;
}

.modalTable .pay {
  display: flex;
  align-items: center;
}

.modalTable .pay .icon {
  margin-right: 10px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background-color: rgb(11, 15, 25);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.modalTable .copyContainer {
  display: flex;
  align-items: center;
}

.modalTable .copyContainer .copyLink {
  flex-shrink: 0;
  margin-left: 13px;
}

.modalTable .copyMessage {
  text-transform: none;
}

.modalTable .wallet {
  font-size: 14px;
  line-height: 14px;
  color: rgb(255, 255, 255);
  font-weight: 400;
  letter-spacing: 0em;
}

.modalTable .sum {
  font-size: 20px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0em;
}

.modalTable .sum sup {
  font-size: 12px;
  line-height: 1;
}

.modalTable .shadow {
  position: absolute;
  left: -31px;
  bottom: -132px;
  width: 665px;
  height: 357px;
  background-image: url(../img/modal_table_back.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}

.modalTable.top {
  padding-top: 50px;
  padding-bottom: 14px;
}

.modalTable.top::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(100% - 50px);
  background-color: rgba(23, 23, 23, 0.839);
  -webkit-border-radius: 0px 0px 21px 21px;
  -moz-border-radius: 0px 0px 21px 21px;
  -ms-border-radius: 0px 0px 21px 21px;
  border-radius: 0px 0px 21px 21px;
  z-index: -1;
}

.modalTable.top::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  background-image: url(../img/modal_table_top.png);
  background-size: auto 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-border-radius: 21px 21px 0px 0px;
  -moz-border-radius: 21px 21px 0px 0px;
  -ms-border-radius: 21px 21px 0px 0px;
  border-radius: 21px 21px 0px 0px;
  z-index: -1;
}

.modalTable.bottom {
  padding-bottom: 75px;
}

.modalTable.bottom ul {
  padding-top: 22px;
}

.modalTable.bottom::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 50px);
  background-color: rgba(23, 23, 23, 0.839);
  -webkit-border-radius: 21px 21px 0px 0px;
  -moz-border-radius: 21px 21px 0px 0px;
  -ms-border-radius: 21px 21px 0px 0px;
  border-radius: 21px 21px 0px 0px;
  z-index: -1;
}

.modalTable.bottom::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 50px;
  background-image: url(../img/modal_table_bottom.png);
  background-size: auto 100%;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 0px 0px 21px 21px;
  -moz-border-radius: 0px 0px 21px 21px;
  -ms-border-radius: 0px 0px 21px 21px;
  border-radius: 0px 0px 21px 21px;
  z-index: -1;
}

.modalTransfer {
  max-width: 901px;
  padding: 34px 49px;
}

.modalTransfer .titleContainer+.contentContainer {
  margin-top: 37px;
}

.modalTransfer .transferBalance {
  position: absolute;
  top: 50%;
  width: 100%;
  -moz-transform: translateY(-64%);
  -ms-transform: translateY(-64%);
  -webkit-transform: translateY(-64%);
  -o-transform: translateY(-64%);
  transform: translateY(-64%);
}

.transferBalance {
  text-align: center;
}

.transferBalance .param {
  display: block;
  font-size: 11px;
  line-height: 24px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.transferBalance .value {
  display: block;
  margin-top: 5px;
  font-size: 40px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.transferBalance .value span {
  font-size: 30px;
}

.transferBalance .value sup {
  font-size: 18px;
  line-height: 1;
}

.modalInvest {
  max-width: 802px;
  padding: 39px 50px 60px;
}

.modalInvest .titleContainer+.contentContainer {
  margin-top: 32px;
}

.modalInvest .field {
  position: relative;
  max-width: 291px;
  margin-top: -13px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 1;
}

.modalInvest .field label+.inWrap {
  margin-top: 20px;
}

.modalInvest .modalTable+.button {
  margin-top: 6px;
}

.modalInvest .button {
  margin-top: 42px;
}

.modalInvest .button [class*=btn] {
  min-width: 297px;
}

.modalInvest .buttonsWrap {
  margin-top: 42px;
  display: flex;
  justify-content: center;
}

.modalInvest .buttonsWrap [class*=btn] {
  min-width: 142px;
}

.modalInvest .buttonsWrap [class*=btn]+[class*=btn] {
  margin-left: 18px;
}

.modalWarning {
  max-width: 802px;
  padding: 39px 50px 60px;
}

.modalWarning .titleContainer+.contentContainer {
  margin-top: 33px;
}

.modalWarning .message {
  position: relative;
  max-width: 602px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 100px 61px;
  font-size: 16px;
  line-height: 25px;
  color: #acb0bc;
  font-weight: 500;
  text-align: center;
  z-index: 1;
}

.modalWarning .message .cap {
  display: block;
  font-size: 20px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
}

.modalWarning .message .cap+p {
  margin-top: 33px;
}

.modalWarning .message p+p {
  margin-top: 25px;
}

.modalWarning .message::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 23, 0.839);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
  z-index: -1;
}

.modalWarning .message::after {
  content: "";
  display: block;
  position: absolute;
  left: -31px;
  bottom: -132px;
  width: 665px;
  height: 357px;
  background-image: url(../img/modal_table_back.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}

.modalWarning .note {
  position: relative;
  display: table;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-top: 30px;
  font-size: 20px;
  line-height: 50px;
  font-weight: 500;
  background: #00b2ec;
  background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
  background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  z-index: 1;
}

.modalWarning .button {
  margin-top: 26px;
}

@media (max-width: 1829px) {
  .cabinetHeader {
    height: 58px;
  }

  .cabinetHeader::before {
    right: -237px;
  }

  .cabinetHeader::after {
    right: -1018px;
  }

  .cabinetHeader .menuWrapper {
    position: relative;
    padding-top: 0px;
    height: 58px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    z-index: 1;
  }

  .cabinetHeader .menuWrapper::before {
    content: "";
    display: block;
    position: absolute;
    left: -89px;
    top: -15px;
    width: 979px;
    height: 100px;
    background-color: #293141;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="979px" height="100px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M839.000,62.000 C839.000,68.075 843.925,73.000 850.000,73.000 L932.635,73.000 C927.460,86.447 921.816,98.991 902.215,98.991 L860.240,98.991 C850.330,98.991 552.712,101.253 334.108,98.995 L115.000,99.000 C54.975,99.000 53.639,37.841 32.373,12.021 C55.196,20.720 83.202,31.005 91.610,31.005 L189.441,31.005 L559.559,31.005 L839.000,31.005 L839.000,62.000 ZM2.518,0.733 C1.776,0.733 1.255,0.733 0.891,0.733 C-0.492,-0.118 0.241,-0.028 2.518,0.733 ZM9.515,0.733 C19.565,0.733 26.683,5.112 32.373,12.021 C18.932,6.898 7.299,2.330 2.518,0.733 C3.939,0.733 6.137,0.733 9.515,0.733 Z"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="979px" height="100px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M839.000,62.000 C839.000,68.075 843.925,73.000 850.000,73.000 L932.635,73.000 C927.460,86.447 921.816,98.991 902.215,98.991 L860.240,98.991 C850.330,98.991 552.712,101.253 334.108,98.995 L115.000,99.000 C54.975,99.000 53.639,37.841 32.373,12.021 C55.196,20.720 83.202,31.005 91.610,31.005 L189.441,31.005 L559.559,31.005 L839.000,31.005 L839.000,62.000 ZM2.518,0.733 C1.776,0.733 1.255,0.733 0.891,0.733 C-0.492,-0.118 0.241,-0.028 2.518,0.733 ZM9.515,0.733 C19.565,0.733 26.683,5.112 32.373,12.021 C18.932,6.898 7.299,2.330 2.518,0.733 C3.939,0.733 6.137,0.733 9.515,0.733 Z"/></svg>') 0/100% 100%;
    z-index: -1;
  }

  .cabinetHeader .menuWrapper.active::before {
    opacity: 1;
    visibility: visible;
  }

  .cabinetHeader .menuWrapper.active .cabMenu li:last-child,
  .cabinetHeader .menuWrapper.active .cabMenu li:nth-last-child(2),
  .cabinetHeader .menuWrapper.active .cabMenu li:nth-last-child(3) {
    opacity: 1;
    visibility: visible;
  }

  .cabinetHeader .supportWrapper {
    margin-left: 15px;
  }

  .cabinetHeader .langWrapper {
    padding-right: 55px;
  }

  .cabinetHeader .langWrapper::before {
    right: -12px;
  }

  .cabMenu {
    flex-wrap: wrap;
    width: 736px;
    padding-top: 14px;
  }

  .cabMenu li {
    height: 30px;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .cabMenu li:last-child,
  .cabMenu li:nth-last-child(2),
  .cabMenu li:nth-last-child(3) {
    opacity: 0;
    visibility: hidden;
  }

  .expandCabinetMenu {
    margin-left: 22px;
    margin-top: 13px;
    display: flex;
  }

  .cabinetInfo {
    padding-right: 112px;
  }

  .cabinetStat {
    min-width: 820px;
  }

  .cabinetStat::before {
    width: 1061px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1061px" height="183px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M1040.000,125.000 L977.000,125.000 C965.402,125.000 956.000,115.598 956.000,104.000 L956.000,21.000 C956.000,9.402 965.402,-0.000 977.000,-0.000 L1040.000,-0.000 C1051.598,-0.000 1061.000,9.402 1061.000,21.000 L1061.000,104.000 C1061.000,115.598 1051.598,125.000 1040.000,125.000 ZM940.485,124.733 C892.873,124.733 915.457,182.991 873.215,182.991 L836.759,182.991 L831.240,182.991 L76.785,182.991 C34.542,182.991 57.126,124.733 9.515,124.733 C4.373,124.733 1.954,124.733 0.891,124.733 C-8.323,119.059 55.892,115.005 71.610,115.005 L209.441,115.005 L850.558,115.005 L878.389,115.005 C894.108,115.005 958.322,119.059 949.109,124.733 C948.046,124.733 945.627,124.733 940.485,124.733 Z"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1061px" height="183px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M1040.000,125.000 L977.000,125.000 C965.402,125.000 956.000,115.598 956.000,104.000 L956.000,21.000 C956.000,9.402 965.402,-0.000 977.000,-0.000 L1040.000,-0.000 C1051.598,-0.000 1061.000,9.402 1061.000,21.000 L1061.000,104.000 C1061.000,115.598 1051.598,125.000 1040.000,125.000 ZM940.485,124.733 C892.873,124.733 915.457,182.991 873.215,182.991 L836.759,182.991 L831.240,182.991 L76.785,182.991 C34.542,182.991 57.126,124.733 9.515,124.733 C4.373,124.733 1.954,124.733 0.891,124.733 C-8.323,119.059 55.892,115.005 71.610,115.005 L209.441,115.005 L850.558,115.005 L878.389,115.005 C894.108,115.005 958.322,119.059 949.109,124.733 C948.046,124.733 945.627,124.733 940.485,124.733 Z"/></svg>') 0/100% 100%;
  }

  .cabinetStat .item {
    width: auto;
  }

  .cabinetStat .item:first-child {
    width: auto;
    width: 210px;
  }

  .cabinetStat .item:last-child,
  .cabinetStat .item:nth-last-child(2) {
    width: 135px;
  }

  .cabinetStat .item:nth-child(2),
  .cabinetStat .item:nth-child(3) {
    width: 170px;
  }

  .cabinetStat .data {
    max-width: 100%;
  }

  .cabinetStat .param,
  .cabinetStat .value {
    width: 100%;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .cabinetContent {
    width: 1186px;
    padding-bottom: 40px;
  }

  .dashboardWrap {
    display: block;
  }

  .dashboardStat {
    width: 737px;
    gap: 73px 35px;
  }

  .dashboardStat::before {
    left: -52px;
  }

  .dashboardStat .item {
    padding: 32px 43px 27px 50px;
  }

  .dashboardMore {
    width: 100%;
    margin-left: 0px;
    margin-top: 32px;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 52px;
    padding-bottom: 52px;
    display: flex;
    justify-content: space-between;
  }

  .dashboardMore .wrap {
    padding-top: 30px;
  }

  .dashboardMore .sum {
    margin-top: 0px;
  }

  .dashboardMore .partner {
    min-width: 301px;
    margin-top: 15px;
  }

  .dashboardPartners {
    width: 299px;
    height: 254px;
    flex-shrink: 0;
  }

  .dashboardProfit {
    position: relative;
    margin-top: 36px;
    overflow: visible;
  }

  .dashboardProfitSlider {
    overflow: visible;
  }
}

@media (max-width: 1829px) and (min-width: 1366px) {
  .dashboardProfitSlider .swiper-slide:first-child {
    position: absolute;
    left: 0px;
    bottom: calc(100% + 36px);
    width: 393px !important;
    height: 331px;
  }
}

@media (max-width: 1829px) {
  .dashboardProfitInfo {
    width: 100%;
    height: 100%;
    padding: 24px 30px 26px 30px;
    background-image: url(../img/card_back_sd.png);
  }

  .dashboardProfitInfo .row:last-child .icon {
    padding-bottom: 5px;
    padding-right: 10px;
  }

  .cabTabs>.tabsList>.tab a {
    padding-left: 48px;
    padding-right: 32px;
  }

  .cabTabs>.tabContentWrapper>.tabContent {
    padding: 40px 58px 0px 62px;
  }

  .cabTabs .info .textBlock {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 65px;
    -moz-column-gap: 65px;
    column-gap: 65px;
  }

  .cabTabs .info .image {
    margin-top: 41px;
    height: 290px;
  }

  .cabTabs .info .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cabTabs .info+.depositSlider {
    margin-top: 53px;
    padding-top: 0px;
    padding-bottom: 14px;
  }

  .depositSlider .swiper-navigation {
    margin-top: 68px;
  }

  .depositCard {
    background-image: url(../img/dep_bottom_sd.png), url(../img/dep_top_sd.png);
    background-size: 100% auto, 100% auto;
  }

  .depositCard .head .right {
    width: 180px;
  }

  .depositCard .data .col {
    min-width: 175px;
  }

  .depositCard .calc .icon {
    right: 128px;
  }

  .depositCard .calc .right {
    margin-left: 55px;
  }

  .depositCard .profit {
    max-width: 175px;
  }

  .depositCard.plan {
    background-position: center bottom -25px, center top -10px;
  }

  .depositCard.plan .head .right {
    width: 180px;
  }

  .depositCard.plan .data .col {
    min-width: 175px;
  }

  .depositCard.plan .calc {
    grid-template-columns: repeat(2, 1fr);
  }

  .walletSection .item:first-child .walletCard::before {
    background-image: url(../img/card_el_1_sm.png);
  }

  .walletSection .item:nth-child(3) .walletCard::before {
    background-image: url(../img/card_el_2_sm.png);
  }

  .walletSection .item:nth-child(4) .walletCard::before {
    background-image: url(../img/card_el_3_sm.png);
  }

  .walletSection .item:last-child .walletCard::before {
    background-image: url(../img/card_el_4_sm.png);
  }

  .walletCard {
    position: relative;
    padding-left: 20px;
    padding-top: 27px;
    padding-right: 20px;
    padding-bottom: 34px;
  }
}

@media (max-width: 1829px) and (min-width: 1150px) {
  .walletCard .buttons {
    position: absolute;
    width: 100%;
    padding: 0px 20px;
    left: 0px;
    top: 107px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .walletCard .buttons [class*=btn]+[class*=btn] {
    margin-top: 0px;
  }
}

@media (max-width: 1829px) {
  .cabTabs.progressTabs>.tabContentWrapper>.tabContent {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 38px;
  }

  .cabInnerTabs .tabContent {
    padding-left: 68px;
    padding-right: 65px;
    padding-top: 51px;
    padding-bottom: 6px;
  }

  .depositSlider .ver2 .swiper-navigation {
    margin-top: 56px;
  }

  .filterBlock .date .field {
    width: 68px;
  }

  .filterBlock .date .field label {
    white-space: nowrap;
  }

  .filterBlock .date .field .selectric .label {
    padding-left: 8px;
  }

  .filterBlock .date .field:last-child {
    width: 178px;
  }

  .filterBlock .date+.date {
    margin-left: 22px;
  }

  .filterBlock .type {
    margin-left: 22px;
    width: 178px;
  }

  .filterBlock .formWrap>.button {
    margin-left: auto;
    width: 142px;
    flex-grow: 0;
  }

  .tableSlider2 .head .login .tData {
    display: block;
  }

  .tableSlider2 .head .login .tLabel img {
    position: relative;
    top: 6px;
  }

  .tableSlider2 .head .login .tValue {
    margin-left: 23px;
  }

  .tableSlider2 .id {
    width: 115px;
  }

  .tableSlider2 .type {
    width: 160px;
  }

  .tableSlider2 .date {
    width: 160px;
  }

  .tableSlider2 .sum {
    width: 190px;
  }

  .tableSlider2 .com {
    width: 130px;
  }

  .tableSlider2 .status {
    width: 110px;
  }

  .tableSlider2 .login {
    width: 145px;
  }

  .tableSlider2 .control {
    flex-shrink: 0;
  }

  .formMessages {
    margin: -5px 0px 17px;
  }

  .formMessage {
    height: 100%;
    padding: 7px 11px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .settingsSection {
    display: block;
  }

  .settingsForm::after {
    background-size: 100% 100%;
  }

  .settingsForm.lg::after {
    background-image: url(../img/settings_el.png);
    background-position: center top;
  }

  .settingsForm .buttonWrap {
    min-height: 55px;
    margin-bottom: 0px;
    padding-top: 5px;
    align-items: center;
  }

  .settingsForm .buttonWrap [class*=btn] {
    line-height: 45px;
  }

  .settingsForm .fieldsWrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }

  .settingsForm .fieldsWrap .field+.field {
    margin-top: 0px;
  }

  .settingsForm .fieldsGrid.col2 {
    display: block;
  }

  .settingsForm .fieldsGrid.col2 .col+.col {
    margin-top: 23px;
  }

  .settingsForm+.settingsForm {
    margin-top: 40px;
  }

  .securitySettings {
    padding-top: 35px;
  }

  .securitySettings .leftSide {
    width: 430px;
  }

  .securitySettings .rightSide {
    padding-top: 0px;
    width: 490px;
  }

  .securitySettings .rightSide .formBlock {
    margin-top: 47px;
  }

  .securitySettings .buttonWrap {
    max-width: 100%;
    margin-top: -8px;
  }

  .authForm {
    width: 100%;
    padding-left: 250px;
  }

  .authForm br {
    display: none;
  }

  .authForm .qr {
    top: 5px;
    left: -4px;
    right: auto;
  }

  .inputBlock .inWrap.date {
    grid-template-columns: 85px 85px auto;
  }

  .programSection .info {
    padding: 29px 47px 33px;
  }

  .tableSliderWrapper {
    padding-bottom: 30px;
  }

  .tableSlider {
    padding-bottom: 30px;
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #00b2ec #353d4d;
  }

  .tableSlider::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }

  .tableSlider::-webkit-scrollbar-track {
    background: #353d4d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
  }

  .tableSlider::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #ffffff 0%, #f29f13 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: none;
  }

  .tableSlider .tCell {
    flex-shrink: 0;
  }

  .tableSlider .inv,
  .tableSlider .bonus {
    width: 220px;
  }

  .tableSlider .status .tData {
    width: 100%;
  }

  .tableSlider .pct {
    width: 600px;
  }

  .tableSlider .sum {
    width: 220px;
  }

  .tableSlider .one {
    width: 220px;
  }

  .tableSlider .two {
    width: 220px;
  }

  .tableSlider .three {
    width: 220px;
  }

  .tableSlider .swiper-slide {
    border-top: none;
  }

  .tableSlider .swiper-slide .tRow {
    align-items: unset;
    min-height: 50px;
  }

  .tableSlider .swiper-slide .tCell {
    display: flex;
    align-items: center;
    border-top: 1px solid #333d53;
  }

  .programSection .cabTabs {
    margin-top: 26px;
  }

  .programTabs>.tabsList>.tab::before,
  .programTabs>.tabsList>.tab::after {
    -webkit-border-radius: 21px 25px 0px 0px;
    -moz-border-radius: 21px 25px 0px 0px;
    -ms-border-radius: 21px 25px 0px 0px;
    border-radius: 21px 25px 0px 0px;
  }

  .programTabs>.tabsList>.tab a {
    min-height: 57px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .programTabs>.tabContentWrapper {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px;
    overflow: hidden;
  }

  .programTabs>.tabContentWrapper>.tabContent {
    padding: 34px 38px 30px 38px;
  }

  .levelBlock .icon {
    width: 46px;
    margin-top: -2px;
  }

  .levelBlock .data {
    margin-left: 30px;
  }

  .levelBlock .param {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0em;
    text-transform: lowercase;
  }

  .levelBlock .value {
    font-size: 22px;
    line-height: 29px;
  }

  .levelBlock .pct {
    margin-left: 112px;
    font-size: 51px;
    line-height: 51px;
  }

  .partnersSection {
    flex-wrap: wrap;
  }

  .partnersSection .dashboardStat {
    width: 725px;
  }

  .linesSider {
    width: 100%;
    margin-top: 42px;
  }

  .linesSider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 17px 30px;
  }

  .linesSider .swiper-slide+.swiper-slide {
    margin-top: 0px;
  }

  .lineCard .val {
    min-width: 100px;
  }

  .refSection {
    margin-top: 25px;
  }

  .refList .date {
    width: 198px;
  }

  .refList .inv {
    width: 217px;
  }

  .refList .sum {
    width: 207px;
  }

  .refList .line {
    width: 50px;
  }

  .refItem .content .head {
    padding-left: 59px;
  }

  .verificationSection {
    margin-top: 0px;
    padding: 40px 40px 0px;
  }

  .verificationList {
    grid-template-columns: repeat(3, 1fr);
  }

  .walletCard.pay {
    height: 260px;
  }

  .walletCard.pay .info {
    justify-content: flex-start;
  }

  .walletCard.pay .field {
    position: relative;
    margin-top: 30px;
    padding-bottom: 0px;
    z-index: 1;
  }

  .walletCard.pay .button {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 34px;
  }

  .walletCard.pay .button [class*=btn] {
    width: 100%;
  }

  .airdropInfo {
    padding: 120px 60px 142px;
  }

  .airdropInfo:before {
    border-radius: 16px;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, calc(50% + 364.455px) 100%, calc(50% + 345.011464px) calc(100% - 2.092957px), calc(50% + 335.567928px) calc(100% - 5.185914px), calc(50% + 314.607144px) calc(100% - 18.874352px), calc(50% + 299.622096px) calc(100% - 36.380358px), calc(50% + 288.662232px) calc(100% - 57.018976px), calc(50% + 279.777px) calc(100% - 79.10525px), calc(50% + 271.015848px) calc(100% - 100.954224px), calc(50% + 260.428224px) calc(100% - 120.880942px), calc(50% + 246.063576px) calc(100% - 137.200448px), calc(50% + 225.971352px) calc(100% - 148.227786px), calc(50% + 198.201px) calc(100% - 152.278px), calc(50% + 102.789px) calc(100% - 152.278px), calc(50% - 102.789px) calc(100% - 152.278px), calc(50% - 198.201px) calc(100% - 152.278px), calc(50% - 225.971352px) calc(100% - 148.227786px), calc(50% - 246.063576px) calc(100% - 137.200448px), calc(50% - 260.428224px) calc(100% - 120.880942px), calc(50% - 271.015848px) calc(100% - 100.954224px), calc(50% - 279.777px) calc(100% - 79.10525px), calc(50% - 288.662232px) calc(100% - 57.018976px), calc(50% - 299.622096px) calc(100% - 36.380358px), calc(50% - 314.607144px) calc(100% - 18.874352px), calc(50% - 335.567928px) calc(100% - 5.185914px), calc(50% - 345.011464px) calc(100% - 2.092957px), calc(50% - 364.455px) 100%, 0px 100%);
  }

  .airdropInfo:after {
    background-position: calc(50% - 230px) bottom, calc(50% + 230px) bottom;
  }

  .airdropInfo .bulletSide {
    width: calc(29.8969072165% - 40px);
    padding-top: 20px;
  }

  .airdropInfo .centerData {
    width: 35.3951890034%;
    padding-bottom: 125px;
  }

  .airdropInfo .centerData:before {
    width: 647px;
    height: 534px;
  }

  .airdropInfo .centerData .logo {
    width: 76px;
    height: 76px;
    margin-bottom: 30px;
  }

  .airdropInfo .centerData .title {
    font-size: 14px;
  }

  .airdropInfo .centerData .sum {
    font-size: 40px;
    line-height: 52px;
  }

  .airdropInfo .centerData .value {
    font-size: 18px;
    line-height: 26px;
  }

  .airdropInfo .centerData .addValue {
    font-size: 16px;
    line-height: 24px;
    margin: 4px 0px 15px;
  }

  .airdropInfo .textBlock {
    font-size: 16px;
    line-height: 24px;
  }

  .airdropInfo .textBlock .lead {
    font-size: 24px;
    line-height: 32px;
  }

  .airdropInfo .textBlock .accent {
    font-size: 32px;
    line-height: 40px;
  }

  .airdropInfo .textBlock .name {
    font-size: 44px;
  }

  .cabinetNavigation .copyrightWrapper {
    margin-top: 20px;
  }
}

@media (max-width: 1439px) {
  .startSectionWrapper .back {
    margin-right: -766px;
    top: -11px;
    width: 1660px;
  }

  .startSection .image {
    left: 375px;
    top: -126px;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -moz-transform: scale(0.872);
    -ms-transform: scale(0.872);
    -webkit-transform: scale(0.872);
    -o-transform: scale(0.872);
    transform: scale(0.872);
  }

  .startSection .logo {
    margin-top: 45px;
  }
}

@media (max-width: 1365px) {
  .cabinetHeader::before {
    right: -480px;
  }

  .cabinetHeader::after {
    right: -1028px;
  }

  .cabinetHeader .supportWrapper {
    margin-left: 22px;
  }

  .cabinetHeader .langWrapper {
    padding-right: 44px;
  }

  .cabinetHeader .langWrapper::before {
    right: -24px;
  }

  .cabinetHeader .menuWrapper::before {
    width: 660px;
    left: -40px;
    top: 0px;
    height: calc(100% + 13px);
    -webkit-mask: unset;
    mask: unset;
    -webkit-border-radius: 0px 0px 40px 40px;
    -moz-border-radius: 0px 0px 40px 40px;
    -ms-border-radius: 0px 0px 40px 40px;
    border-radius: 0px 0px 40px 40px;
  }

  .cabinetHeader .menuWrapper.active .cabMenu li:nth-last-child(4) {
    visibility: visible;
    opacity: 1;
  }

  .cabinetWrapper>.cabinetMain {
    width: calc(100% - 138px);
  }

  .cabinetNavigation {
    width: 138px;
    padding-bottom: 14px;
  }

  .cabMenu {
    width: 500px;
    gap: 0px 36px;
  }

  .cabMenu li:nth-last-child(4) {
    visibility: hidden;
    opacity: 0;
  }

  .cabMenu li+li {
    margin-left: 0px;
  }

  .cabinetInfo {
    padding-right: 140px;
  }

  .cabinetStat {
    min-width: unset;
    width: 550px;
    height: 58px;
    display: flex;
    padding-right: 44px;
  }

  .cabinetStat::before {
    top: -124px;
    width: 1061px;
    height: 183px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1061px" height="183px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M839.000,104.000 C839.000,115.598 829.598,125.000 818.000,125.000 L755.000,125.000 C743.402,125.000 645.000,115.598 645.000,104.000 L956.000,21.000 C956.000,9.402 965.402,-0.000 977.000,-0.000 L1040.000,-0.000 C1051.598,-0.000 1061.000,9.402 1061.000,21.000 L839.000,104.000 ZM629.485,124.733 C581.873,124.733 604.457,182.991 562.215,182.991 L525.759,182.991 L520.240,182.991 L76.785,182.991 C34.542,182.991 57.127,124.733 9.515,124.733 C4.373,124.733 1.954,124.733 0.891,124.733 C-8.323,119.059 55.892,115.005 71.610,115.005 L209.441,115.005 L539.558,115.005 L567.389,115.005 C583.108,115.005 647.322,119.059 638.109,124.733 C637.046,124.733 634.627,124.733 629.485,124.733 Z"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1061px" height="183px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M839.000,104.000 C839.000,115.598 829.598,125.000 818.000,125.000 L755.000,125.000 C743.402,125.000 645.000,115.598 645.000,104.000 L956.000,21.000 C956.000,9.402 965.402,-0.000 977.000,-0.000 L1040.000,-0.000 C1051.598,-0.000 1061.000,9.402 1061.000,21.000 L839.000,104.000 ZM629.485,124.733 C581.873,124.733 604.457,182.991 562.215,182.991 L525.759,182.991 L520.240,182.991 L76.785,182.991 C34.542,182.991 57.127,124.733 9.515,124.733 C4.373,124.733 1.954,124.733 0.891,124.733 C-8.323,119.059 55.892,115.005 71.610,115.005 L209.441,115.005 L539.558,115.005 L567.389,115.005 C583.108,115.005 647.322,119.059 638.109,124.733 C637.046,124.733 634.627,124.733 629.485,124.733 Z"/></svg>') 0/100% 100%;
  }

  .cabinetStat .item {
    height: 58px;
    width: 230px !important;
    align-items: center;
  }

  .cabinetStat .item+.item {
    margin-left: 0px;
  }

  .cabinetStatWrapper {
    position: relative;
    flex-wrap: wrap;
    align-self: unset;
    min-width: 480px;
    margin: 0px -20px;
    padding: 0px 20px;
    height: 58px;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    z-index: 1;
  }

  .cabinetStatWrapper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #121724;
    -webkit-border-radius: 0px 0px 21px 21px;
    -moz-border-radius: 0px 0px 21px 21px;
    -ms-border-radius: 0px 0px 21px 21px;
    border-radius: 0px 0px 21px 21px;
    z-index: -1;
  }

  .cabinetStatWrapper.active {
    height: 174px;
  }

  .openCabinetStat {
    position: absolute;
    top: 15px;
    right: 57px;
    width: 35px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(31, 31, 31);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    border-radius: 11px;
    cursor: pointer;
    z-index: 2;
  }

  .openCabinetStat svg {
    display: block;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
  }

  .openCabinetStat.active svg {
    -moz-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, -1);
  }

  .cabinetContent {
    width: 980px;
    padding-top: 12px;
    padding-bottom: 32px;
  }

  .cabinetPageTtitle {
    margin-bottom: 19px;
  }

  .dashboardBalance {
    width: 323px;
    padding-top: 64px;
    padding-left: 24px;
    padding-right: 24px;
    background-size: 100% auto;
  }

  .dashboardBalance .title {
    line-height: 20px;
  }

  .dashboardBalance .sum {
    font-size: 25px;
    line-height: 30px;
  }

  .dashboardBalance .list {
    margin-top: 16px;
  }

  .dashboardBalance .list .param {
    min-width: 70px;
    font-size: 10px;
    line-height: 20px;
  }

  .dashboardBalance .list .value {
    line-height: 20px;
  }
}

@media (max-width: 1365px) and (min-width: 1150px) {
  .cabBalanceTable {
    margin-top: 68px;
  }

  .cabBalanceTable .row {
    padding-bottom: 1px;
  }

  .cabBalanceTable .currency .wrap {
    padding-top: 1px;
  }

  .cabBalanceTable .currency .icon {
    width: 28px;
    height: 28px;
  }

  .cabBalanceTable .currency .cur {
    font-size: 10px;
  }

  .cabBalanceTable .currency .text {
    font-size: 10px;
    line-height: 14px;
  }

  .cabBalanceTable .value {
    font-size: 11px;
    line-height: 15px;
  }

  .cabBalanceTable .value span {
    font-size: 11px;
  }

  .cabBalanceTable .value sup {
    font-size: 7px;
  }

  .cabBalanceTable ul {
    min-width: 171px;
  }

  .cabBalanceTable ul li+li {
    margin-top: 0px;
  }
}

@media (max-width: 1365px) {
  .dashboardStat {
    width: 605px;
    gap: 60px 30px;
  }

  .dashboardStat::before {
    top: 49px;
    left: -43px;
    width: 716px;
    height: 423px;
    background-size: 100% auto;
  }

  .dashboardStat .item {
    padding: 37px 30px 35px 30px;
    min-height: 216px;
  }

  .dashboardStat .item::before {
    height: calc(100% - 52px);
  }

  .dashboardStat .item::after {
    height: 52px;
  }

  .dashboardStat .item:nth-child(1) .icon {
    left: 27px;
    bottom: 38px;
  }

  .dashboardStat .item:nth-child(2) .icon {
    right: 27px;
    bottom: 40px;
  }

  .dashboardStat .item:nth-child(3) .icon {
    left: 28px;
    top: 42px;
  }

  .dashboardStat .item:nth-child(4) .icon {
    right: 23px;
    top: 33px;
  }

  .dashboardStat .param {
    line-height: 20px;
  }

  .dashboardStat .value {
    font-size: 25px;
    line-height: 30px;
  }

  .dashboardStat .icon {
    height: 40px;
  }

  .dashboardStat .icon img {
    height: 100%;
  }

  .dashboardMore {
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 44px;
    padding-bottom: 40px;
  }

  .dashboardMore .partner {
    min-width: 240px;
    margin-top: 25px;
  }

  .dashboardMore .wrap {
    padding-top: 33px;
  }

  .dashboardMore .sum .title {
    font-size: 11px;
    line-height: 20px;
  }

  .dashboardMore .sum .num {
    margin-top: 0px;
    font-size: 25px;
    line-height: 30px;
  }
}

@media (max-width: 1365px) and (min-width: 1150px) {
  .dashboardProfitSlider .swiper-slide:first-child {
    position: absolute;
    left: 0px;
    bottom: calc(100% + 28px);
    width: 323px !important;
    height: 274px;
  }
}

@media (max-width: 1365px) {
  .dashboardPartners {
    padding-top: 12px;
    width: 245px;
    height: auto;
  }

  .dashboardPartners:before {
    width: 260px;
    height: 260px;
  }

  .dashboardPartners .title .icon {
    margin-bottom: 2px;
  }

  .dashboardPartners ul {
    margin-top: 31px;
  }

  .dashboardPartners ul li:last-child {
    margin-top: 5px;
  }

  .dashboardPartners ul li:last-child .value {
    line-height: 26px;
  }

  .dashboardPartners .param {
    font-size: 10px;
  }

  .dashboardPartners .value {
    font-size: 18px;
    line-height: 26px;
  }

  .dashboardProfitInfo {
    padding: 25px 24px 22px 22px;
    background-position: center top -30px;
  }

  .dashboardProfitInfo .icon {
    width: 50px;
  }

  .dashboardProfit {
    margin-top: 28px;
  }

  .profitChart {
    max-width: 308px;
    height: 190px;
    padding: 12px 22px 22px 22px;
  }

  .investorsSection {
    margin-top: auto;
  }

  .cabTabs>.tabsList>.tab a {
    padding-left: 40px;
    padding-right: 26px;
    height: 67px;
    min-height: unset;
    font-size: 14px;
    line-height: 20px;
  }

  .cabTabs>.tabsList>.tab a img {
    width: 52px;
  }

  .cabTabs>.tabContentWrapper>.tabContent {
    padding: 48px 28px 0px 30px;
  }

  .cabTabs .info .textBlock {
    -webkit-column-gap: 38px;
    -moz-column-gap: 38px;
    column-gap: 38px;
  }

  .cabTabs .info p {
    font-size: 15px;
    line-height: 23px;
  }

  .cabTabs .info p.lead {
    font-size: 20px;
    line-height: 30px;
  }

  .cabTabs .info+.depositSlider {
    margin-top: 44px;
  }

  .depositCard {
    padding-right: 10px;
    background-image: url(../img/dep_bottom_md.png), url(../img/dep_top_md.png);
    background-size: 100% auto, 100% auto;
  }

  .depositCard .head .right {
    width: 165px;
  }

  .depositCard .data .col {
    min-width: unset;
  }

  .depositCard .calc .icon {
    right: 115px;
  }

  .depositCard .calc .right {
    margin-left: 35px;
  }

  .depositCard .inputBlock label {
    font-size: 11px;
    line-height: 11px;
  }

  .depositCard .inputBlock label+.inWrap {
    margin-top: 10px;
  }

  .depositCard .inputBlock input {
    line-height: 44px;
  }

  .depositCard .btnBorder.sm {
    height: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
  }

  .depositCard .btnBorder.sm::before {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="23" ry="23" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="23" ry="23" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  }

  .depositCard .profit {
    max-width: 155px;
  }

  .depositCard .table {
    margin-top: 0px;
  }

  .depositCard.plan {
    padding-right: 30px;
  }

  .depositCard.plan .head {
    padding-top: 15px;
    height: 155px;
  }

  .depositCard.plan .head .right {
    width: 150px;
  }

  .depositCard.plan .data .col {
    min-width: unset;
  }

  .depositCard.plan .calc {
    padding-top: 12px;
    padding-bottom: 24px;
  }

  .walletSection {
    gap: 142px 35px;
    background-size: 80% auto;
  }

  .walletCard {
    height: 228px;
    padding-left: 16px;
    padding-top: 20px;
    padding-right: 16px;
    padding-bottom: 28px;
  }

  .walletCard::before {
    height: 52px;
    background-size: auto 100%;
  }

  .walletCard .wallet .icon {
    width: 44px;
    margin-right: 22px;
    align-self: center;
  }

  .walletCard .wallet .icon::before {
    right: -40px;
    bottom: -60px;
    width: 140px;
    height: 140px;
  }

  .walletCard .wallet .icon img {
    width: 100%;
  }

  .walletCard .wallet .par {
    font-size: 12px;
    line-height: 24px;
  }

  .walletCard .wallet .val {
    font-size: 18px;
    line-height: 24px;
  }

  .walletCard .sum .par {
    font-size: 10px;
    line-height: 24px;
  }

  .walletCard .sum .val {
    font-size: 20px;
    line-height: 30px;
  }

  .walletCard .sum .val sup {
    font-size: 12px;
  }
}

@media (max-width: 1365px) and (min-width: 1150px) {
  .walletCard .buttons {
    top: 89px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 1365px) {
  .cabTabs.progressTabs>.tabContentWrapper>.tabContent {
    padding-top: 32px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 34px;
  }

  .cabInnerTabs .tabContent {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
  }

  .depositSlider.ver2 .swiper-navigation {
    margin-top: 45px;
  }

  .depositCard .progress .right {
    width: 160px;
  }

  .depositCard .timer .val {
    font-size: 24px;
  }

  .depositCard .progressVal {
    margin-left: -10px;
  }

  .depositCard.type2 {
    background-size: auto, 100% auto;
    background-position: right bottom, center top;
  }

  .depositCard.type2 .head .right {
    width: 180px;
  }

  .depositCard.type2 .data .col {
    min-width: 140px;
  }

  .filterBlock {
    padding-top: 31px;
  }

  .filterBlock .formWrap {
    flex-wrap: wrap;
  }

  .filterBlock .formWrap label {
    font-size: 11px;
  }

  .filterBlock .formWrap label+.inWrap {
    margin-top: 10px;
  }

  .filterBlock .formWrap>.button {
    width: 222px;
  }

  .filterBlock .formWrap>.button [class*=btn] {
    height: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
  }

  .filterBlock .formWrap>.button [class*=btn]::before {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="23" ry="23" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="23" ry="23" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  }

  .filterBlock .date .field {
    width: 127px;
  }

  .filterBlock .date .field:last-child {
    width: 140px;
  }

  .filterBlock .date+.date {
    margin-left: auto;
  }

  .filterBlock .date+.type {
    margin-left: 0px;
  }

  .filterBlock .type {
    margin-top: 24px;
    width: 295px;
  }

  .filterBlock+.tableSlider2 {
    margin-top: 30px;
  }

  .tableSlider2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .tableSlider2 .head .login .tData {
    display: block;
  }

  .tableSlider2 .head .login .tLabel {
    font-size: 0px;
  }

  .tableSlider2 .head .login .tLabel img {
    top: 0px;
  }

  .tableSlider2 .head .login .tValue {
    display: none;
  }

  .tableSlider2 .id {
    width: 115px;
  }

  .tableSlider2 .type {
    width: 160px;
  }

  .tableSlider2 .date {
    width: 160px;
  }

  .tableSlider2 .sum {
    width: 190px;
  }

  .tableSlider2 .com {
    width: 130px;
  }

  .tableSlider2 .status {
    width: 110px;
  }

  .tableSlider2 .login {
    width: 36px;
  }

  .settingsForm .fieldsGrid {
    gap: 28px;
  }

  .settingsForm .fieldsWrap {
    gap: 28px;
  }

  .settingsForm::after {
    background-size: auto;
  }

  .securitySettings .leftSide {
    width: 350px;
  }

  .securitySettings .rightSide {
    width: 340px;
  }

  .securitySettings .buttonWrap {
    margin-top: 40px;
  }

  .authForm {
    padding-left: 0px;
  }

  .authForm .qr {
    position: static;
    margin-top: 23px;
  }

  .authForm .field {
    margin-top: 12px;
  }

  .programTabs>.tabsList>.tab a {
    padding-left: 0px;
    padding-right: 0;
    height: 55px;
    min-height: unset;
    font-size: 10px;
    line-height: 16px;
  }

  .programTabs>.tabContentWrapper>.tabContent {
    padding: 30px;
  }

  .partnersSection .referralStat {
    top: 224px;
  }
}

@media (max-width: 1365px) and (min-width: 1150px) {
  .partnersSection .dashboardStat {
    width: 520px;
    gap: 85px 20px;
  }

  .partnersSection .dashboardStat .icon {
    height: auto;
  }

  .partnersSection .dashboardStat .item {
    padding: 37px 40px 25px 44px;
    min-height: 242px;
  }

  .partnersSection .dashboardStat .item::before {
    height: calc(100% - 62px);
  }

  .partnersSection .dashboardStat .item::after {
    height: 62px;
  }

  .partnersSection .dashboardStat .item:nth-child(1) .icon {
    left: 42px;
    bottom: 15px;
  }

  .partnersSection .dashboardStat .item:nth-child(1)::after {
    background-position: left -60px top;
    border-radius: 0px 0px 0px 25px;
  }

  .partnersSection .dashboardStat .item:nth-child(2) .icon {
    right: 27px;
    bottom: 17px;
  }

  .partnersSection .dashboardStat .item:nth-child(2)::after {
    background-position: right -60px top;
    border-radius: 0px 0px 25px 0px;
  }

  .partnersSection .dashboardStat .item:nth-child(3) .icon {
    left: 38px;
    top: 12px;
  }

  .partnersSection .dashboardStat .item:nth-child(3)::after {
    background-position: left -60px bottom;
    border-radius: 25px 0px 0px 0px;
  }

  .partnersSection .dashboardStat .item:nth-child(4) .icon {
    right: 30px;
    top: 3px;
  }

  .partnersSection .dashboardStat .item:nth-child(4)::after {
    background-position: right -60px bottom;
    border-radius: 0px 25px 0px 0px;
  }

  .partnersSection .dashboardStat .value {
    font-size: 30px;
    line-height: 50px;
  }
}

@media (max-width: 1365px) {
  .refSection {
    margin-top: 20px;
  }

  .refList {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .refList .date {
    width: 198px;
  }

  .refList .inv {
    width: 190px;
  }

  .refList .sum {
    width: 183px;
  }

  .refList .line {
    width: 50px;
    margin-right: 25px;
  }

  .verificationSection {
    padding: 30px 30px 0px;
  }

  .verificationList {
    margin-top: 40px;
  }

  .walletCard.pay {
    height: 240px;
  }

  .walletCard.pay .button {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 28px;
  }

  .verificationInfo .titleBlock {
    padding-left: 0px;
  }

  .verificationInfo .item {
    width: calc(50% - 10px);
  }

  .verificationInfo .imageContainer {
    height: 220px;
  }

  .walletInfo {
    padding-left: 317px;
  }

  .walletInfo .visual {
    width: 317px;
  }

  .walletInfo .visual img {
    left: -195px;
  }

  .walletsList {
    margin-top: 21px;
  }

  .walletsList li {
    width: calc((100% - 40px) / 3);
    margin-top: 20px;
  }

  .walletShortCard {
    padding: 18px 10px 18px 34px;
    min-height: 158px;
    justify-content: flex-start;
  }

  .walletShortCard .icon {
    left: 34px;
    transform: none;
    top: 14px;
  }

  .walletShortCard .sum .par {
    padding-left: 65px;
    margin-top: 26px;
  }

  .historyList .cell:first-child {
    width: 210px;
  }

  .historyList .cell:nth-child(2) {
    width: 107px;
    padding-right: 42px;
    padding-left: 22px;
  }

  .historyList .cell:nth-child(3) {
    width: 150px;
    padding-right: 22px;
  }

  .historyList .cell:nth-child(4) {
    width: 127px;
    padding-right: 10px;
  }

  .historyList .cell:last-child {
    padding-right: 20px;
    width: calc(100% - 127px - 150px - 107px - 210px);
  }

  .filterForm .btnContainer {
    padding-left: 11px;
  }

  .dashboardInfo .item {
    width: calc(50% - 10px);
    padding-left: 60px;
    padding-right: 60px;
  }

  .dashboardInfo .item:before {
    clip-path: polygon(0px 0px, calc(100% - 263px) -0.006px, calc(100% - 263px + 11.61119px) 1.74134px, calc(100% - 263px + 19.93084px) 6.48412px, calc(100% - 263px + 25.82487px) 13.47348px, calc(100% - 263px + 30.1592px) 21.96056px, calc(100% - 263px + 33.79975px) 31.1965px, calc(100% - 263px + 37.61244px) 40.43244px, calc(100% - 263px + 42.46319px) 48.91952px, calc(100% - 263px + 49.21792px) 55.90888px, calc(100% - 263px + 58.74255px) 60.65166px, calc(100% - 263px + 71.903px) 62.399px, calc(100% - 263px + 81.122px) 62.399px, calc(100% - 263px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
  }

  .dashboardInfo .item:nth-child(2n+1) {
    background-position: calc(100% + 136px) calc((100% - 63px) / 2 + 63px);
  }

  .dashboardInfo .item:nth-child(2n) {
    background-position: -136px calc((100% - 63px) / 2 + 63px);
  }

  .dashboardInfo .textBlock {
    padding-left: 50px;
    padding-right: 50px;
  }

  .paymentsInfo {
    margin-top: 20px;
  }

  .paymentsInfo+.paymentsInfo {
    margin-top: -20px;
  }

  .paymentsInfo .item {
    width: calc((100% - 40px) / 3);
    margin-top: 20px;
  }

  .paymentsInfo .content {
    padding-top: 30px;
  }

  .progressInfo .item:nth-child(5n+1) {
    width: 100%;
    max-width: 814px;
  }

  .progressInfo .item:nth-child(5n+2) {
    width: 348px;
    padding-left: 0px;
  }

  .progressInfo .item:nth-child(5n+3) {
    width: calc(100% - 348px);
    padding-left: 62px;
    padding-right: 0px;
    align-self: center;
    padding-bottom: 14px;
  }

  .progressInfo .item:nth-child(5n+4) {
    order: initial;
    padding-top: 24px;
  }

  .progressInfo .item:nth-child(5n) {
    width: 100%;
    max-width: 814px;
  }

  .progressInfo .diagram {
    margin-top: 4px;
  }

  .partnersInfo {
    display: block;
  }

  .partnersInfo .column {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .partnersInfo .column+.column {
    margin-top: 30px;
  }

  .partnersInfo .item {
    width: calc(50% - 15px);
  }

  .partnersInfo .item+.item {
    margin-top: 0px;
  }

  .partnersInfo .infoPanel {
    height: 100%;
    padding-top: 54px;
  }

  .partnersInfo .infoPanel.leftVis {
    padding-left: 243px;
    padding-top: 96px;
    padding-bottom: 80px;
  }

  .partnersInfo .infoPanel.topVis {
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .transferInfo .infoPanel {
    padding: 70px 10px 36px;
  }

  .airdropInfo {
    padding: 90px 30px 142px;
  }

  .airdropInfo .bulletSide {
    width: calc(29.8969072165% - 40px);
    padding-top: 0px;
  }

  .airdropInfo .centerData {
    padding-bottom: 100px;
  }

  .airdropInfo .centerData:before {
    width: 527px;
    height: 435px;
  }

  .airdropInfo .centerData .logo {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }

  .airdropInfo .centerData .title {
    font-size: 12px;
  }

  .airdropInfo .centerData .sum {
    font-size: 32px;
    line-height: 40px;
  }

  .airdropInfo .centerData .value {
    font-size: 16px;
    line-height: 24px;
  }

  .airdropInfo .centerData .addValue {
    margin: 4px 0px 10px;
  }

  .airdropInfo .textBlock {
    font-size: 15px;
    line-height: 23px;
  }

  .airdropInfo .textBlock .lead {
    font-size: 20px;
    line-height: 30px;
  }

  .airdropInfo .textBlock .accent {
    font-size: 24px;
    line-height: 32px;
  }

  .airdropInfo .textBlock .name {
    font-size: 32px;
  }
}

@media (max-width: 1229px) {
  .container {
    width: 1016px;
  }

  .startSection .image {
    left: 275px;
    top: -80px;
  }

  .startSection .button {
    margin-top: 37px;
  }

  .startSection .logo {
    margin-top: -90px;
  }

  .startSection .logo img {
    width: 670px;
  }

  .header .menuWrapper {
    margin-left: 101px;
  }

  .header .loginWrapper {
    width: 240px;
    padding-left: 60px;
    padding-top: 10px;
  }

  .header .loginWrapper::before {
    right: -28px;
    width: 240px;
    height: 58px;
  }

  .header .langWrapper {
    flex-shrink: 0;
    padding-right: 39px;
    padding-top: 10px;
  }

  .header .langWrapper::before {
    right: -15px;
    width: 240px;
    height: 58px;
  }
}

@media (max-width: 1229px) and (min-width: 1016px) {
  .header .langList .head .icon {
    width: 13px;
  }

  .header .langList .head .cap {
    margin-left: 5px;
    font-size: 10px;
    line-height: 36px;
  }

  .header .langList .head .arrow {
    width: 9px;
  }

  .header .langList .cap {
    font-size: 10px;
    line-height: 36px;
  }
}

@media (max-width: 1229px) {
  .siteLogo {
    width: 106px;
  }

  .menuList li {
    padding-top: 11px;
  }

  .menuList li::before {
    height: 57px;
    left: -66px;
    width: calc(100% + 132px);
  }

  .menuList li a {
    font-size: 11px;
    line-height: 36px;
  }

  .menuList li+li {
    margin-left: 40px;
  }

  .gradLink {
    font-size: 10px;
    line-height: 36px;
    letter-spacing: 0.2em;
  }

  .startSection {
    padding-top: 158px;
  }

  .startSection .title {
    font-size: 50px;
    line-height: 50px;
  }

  .startSection .titleContainer {
    max-width: 490px;
  }

  .startSection .titleContainer+.contentContainer {
    margin-top: 44px;
  }

  .startSection .info {
    max-width: 330px;
    font-size: 16px;
    line-height: 24px;
  }

  .mainAboutSection {
    margin-top: 17px;
  }

  .mainAboutSection .titleContainer .title {
    font-size: 30px;
    line-height: 41px;
  }

  .mainAboutSection .titleContainer .title span {
    font-size: 50px;
    line-height: 50px;
  }

  .mainAboutSection .titleContainer+.contentContainer {
    margin-top: 22px;
  }

  .mainAboutSection::before {
    top: -430px;
    left: 50%;
    margin-left: -790px;
    width: 1580px;
    height: 1178px;
  }

  .mainAboutSection .animatedSphere {
    top: 115px;
  }

  .mainAboutSlider .swiper-slide:nth-child(even)::before {
    top: 53px;
    left: -160px;
    width: 217px;
    height: 260px;
  }

  .mainAboutSlider .swiper-navigation {
    margin-top: 50px;
  }
}

@media (max-width: 1229px) and (min-width: 1016px) {

  .swiper .swiper-button-prev,
  .swiper .swiper-button-next {
    width: 59px;
  }

  .swiper .swiper-button-prev img,
  .swiper .swiper-button-next img {
    width: 100%;
  }

  .swiper .swiper-pagination {
    margin-left: 22px;
    margin-right: 22px;
  }

  .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .swiper .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 9px;
  }
}

@media (max-width: 1229px) {
  .mainAboutSlide {
    min-height: unset;
    padding-top: 100px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 62px;
  }

  .mainAboutSlide::before {
    height: calc(100% - 52px);
  }

  .mainAboutSlide::after {
    height: 52px;
  }

  .mainAboutSlide .title {
    font-size: 16px;
    line-height: 24px;
  }

  .sectionTitle {
    font-size: 50px;
    line-height: 50px;
  }

  .mainOfferSection {
    margin-top: 133px;
  }

  .mainOfferSection .titleContainer+.contentContainer {
    margin-top: 27px;
  }

  .mainOfferSection .leftSide {
    width: 300px;
  }

  .mainOfferSection .rightSide {
    width: calc(100% - 300px);
  }

  .mainOfferSection .button {
    margin-top: 26px;
  }

  .mainOfferSection .image1 {
    width: 595px;
    margin-top: 14px;
  }

  .mainOfferSection .image2 {
    width: 203px;
    left: 28px;
  }

  .mainOfferSection .mainAddressBlock {
    margin-right: 54px;
  }

  .mainAddressBlock {
    width: 380px;
    height: 290px;
    padding-left: 36px;
    padding-top: 98px;
    padding-right: 18px;
    font-size: 12px;
    line-height: 18px;
  }

  .mainAddressBlock .title {
    font-size: 16px;
    line-height: 25px;
  }

  .mainAddressBlock .address {
    margin-top: 2px;
  }

  .mainAddressBlock .address img {
    width: 20px;
    margin-right: 10px;
  }

  .mainAddressBlock .reg {
    margin-top: 14px;
  }

  .mainAddressBlock .reg span {
    font-size: 16px;
    line-height: 20px;
  }

  .mainAddressBlock .link {
    margin-top: 20px;
  }

  .mainAddressBlock .license {
    width: 98px;
    height: auto;
  }

  .linkMore {
    padding-right: 16px;
    font-size: 12px;
    line-height: 16px;
  }

  .roadmapSection {
    margin-top: 109px;
  }

  .roadmapSection .roadmapDate {
    padding-top: 13px;
    padding-bottom: 12px;
    padding-right: 23px;
    font-size: 13px;
    line-height: 31px;
  }

  .roadmapSection .roadmapDate::before {
    width: 56px;
    height: 56px;
  }

  .roadmapSection .roadmapDate.prev {
    bottom: 240px;
    margin-left: -547px;
  }

  .roadmapSection .roadmapDate.next {
    top: 245px;
    margin-right: -543px;
  }

  .roadmapSection .back {
    width: 1600px;
    height: 1122px;
    top: -365px;
    margin-left: -800px;
  }

  .roadmapSlider {
    width: 870px;
  }

  .roadmapSlider .swiper-slide:nth-child(3n+1) {
    padding-top: 77px;
  }

  .roadmapSlider .swiper-slide:nth-child(3n+2) {
    padding-top: 247px;
  }

  .roadmapSlider .swiper-navigation {
    bottom: 140px;
    right: 15px;
  }

  .roadmapSlider .swiper-pagination {
    margin-left: 34px;
    margin-right: 34px;
  }

  .roadmapSlide {
    min-height: 315px;
    padding-left: 36px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

@media (max-width: 1229px) and (min-width: 1016px) {
  .roadmapSlide .date {
    top: -17px;
    padding-top: 13px;
    padding-bottom: 12px;
    padding-right: 23px;
    font-size: 13px;
    line-height: 31px;
  }

  .roadmapSlide .date::before {
    width: 56px;
    height: 56px;
  }
}

@media (max-width: 1229px) {
  .roadmapSlide .title {
    font-size: 16px;
    line-height: 24px;
  }

  .roadmapSlide .content {
    margin-top: 21px;
    font-size: 12px;
    line-height: 16px;
  }

  .stepsSection {
    margin-top: 98px;
  }

  .stepsSection .titleContainer+.contentContainer {
    margin-top: 32px;
  }

  .stepsSection .leftSide {
    width: 450px;
  }

  .stepsSection .rightSide {
    width: 490px;
  }

  .stepsSection .stepsList {
    margin-top: 48px;
    max-width: 410px;
    margin-left: 0px;
  }

  .stepsSection .startBlock {
    margin-top: 22px;
    margin-right: 40px;
  }

  .stepsSection .image {
    left: -9px;
    top: 54px;
    width: 290px;
  }

  .stepsList .swiper-slide+.swiper-slide {
    margin-top: 48px;
  }

  .stepItem .num {
    width: 94px;
    height: 97px;
    margin-right: 25px;
    padding-left: 34px;
    padding-top: 27px;
    font-size: 60px;
    line-height: 46px;
  }

  .stepItem .num .icon {
    width: 40px;
    left: -13px;
  }

  .stepItem .title {
    font-size: 16px;
    line-height: 24px;
  }

  .stepItem .title+p {
    margin-top: 0px;
  }

  .stepItem .content {
    padding-bottom: 0px;
    font-size: 12px;
    line-height: 16px;
  }

  .startBlock {
    width: 302px;
    height: 644px;
    padding: 24px 25px;
    font-size: 12px;
    line-height: 24px;
  }

  .startBlock::before,
  .startBlock::after {
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    border-radius: 27px;
  }

  .startBlock .title {
    font-size: 29px;
    line-height: 33px;
  }

  .startBlock .title+p {
    margin-top: 3px;
  }

  .startBlock .button {
    margin-top: 25px;
  }

  .howtoSection {
    margin-top: 150px;
    padding-bottom: 55px;
  }

  .howtoSection::before {
    margin-left: -790px;
    top: -23px;
    width: 1580px;
    height: 778px;
  }

  .howtoSection::after {
    margin-left: -790px;
    top: 85px;
    width: 1580px;
    height: 956px;
  }

  .howtoSection .titleContainer .title {
    font-size: 30px;
    line-height: 41px;
  }

  .howtoSection .titleContainer .subtitle {
    margin-top: 24px;
  }

  .howtoSection .contentContainer {
    margin-top: 116px;
  }

  .howtoSection .contentContainer .image {
    left: -6px;
    width: 1004px;
  }

  .howtoSection .animatedImage {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -webkit-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
  }

  .howtoSection+.footerSection {
    margin-top: 65px;
  }

  .howtoList {
    padding: 175px 60px 0px 65px;
  }

  .howtoList .howtoItem:nth-child(2) {
    margin-top: 300px;
  }

  .howtoItem {
    width: 190px;
  }

  .howtoItem .icon {
    height: 62px;
  }

  .howtoItem .icon img {
    height: 100%;
  }

  .howtoItem .title {
    margin-top: 38px;
    font-size: 16px;
    line-height: 24px;
  }

  .howtoItem p {
    margin-top: 23px;
    font-size: 12px;
    line-height: 16px;
  }

  .howtoItem:first-child .icon {
    padding-left: 25px;
  }

  .registerBlock {
    min-height: 269px;
  }

  .registerBlock .inner {
    padding-left: 53px;
    padding-right: 53px;
    padding-top: 43px;
    padding-bottom: 33px;
  }

  .registerBlock .inner::before {
    right: -138px;
    bottom: -217px;
    width: 797px;
    height: 430px;
  }

  .registerBlock .title {
    max-width: 440px;
    font-size: 30px;
    line-height: 40px;
  }

  .registerBlock .content {
    margin-top: 44px;
  }

  .registerBlock .text {
    width: 240px;
    font-size: 12px;
    line-height: 16px;
  }

  .registerBlock .button {
    margin-left: 102px;
  }

  .registerBlock::after {
    background-size: 100% auto, 117% auto;
    background-position: center bottom, right -91px top -169px;
  }

  .socList li {
    width: 36px;
    height: 36px;
  }

  .socList li img {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }

  .socList li+li {
    margin-left: 9px;
  }

  .footerTop {
    padding-top: 49px;
  }

  .footerTop .footerLogo {
    margin-top: 30px;
  }

  .footerTop .copyright {
    margin-top: 24px;
    font-size: 11px;
    line-height: 16px;
  }

  .footerLogo {
    width: 220px;
  }

  .footerMenu li a {
    font-size: 11px;
    line-height: 41px;
  }

  .footerMenu li+li {
    margin-left: 37px;
  }

  .footerBottom {
    margin-top: 65px;
    padding-bottom: 5px;
  }

  .footerBottom::before {
    height: 41px;
  }

  .footerBottom::after {
    height: calc(100% - 41px);
  }

  .footerBottom .info {
    margin-top: 28px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 11px;
    line-height: 14px;
  }

  .footerLinks {
    min-height: unset;
  }

  .footerLinks .link {
    width: 174px;
  }

  .footerLinks .link a {
    font-size: 11px;
    line-height: 41px;
  }

  .btnUp {
    display: none;
  }

  .sectionTitle.sm {
    font-size: 30px;
    line-height: 40px;
  }

  .authSection .innerSection {
    padding-top: 66px;
  }

  .authSection .contentContainer {
    margin-top: -10px;
  }

  .authSection::after {
    top: -19px;
    margin-left: -656px;
    width: 1340px;
    height: 856px;
  }

  .authSection+.footerSection {
    margin-top: 19px;
  }

  .authBlock .tabContentWrapper {
    gap: 48px;
  }

  .authBlock .item {
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
  }

  .authBlock .item .title {
    font-size: 11px;
    line-height: 31px;
  }

  .authBlock .item::before {
    height: calc(100% - 52px);
  }

  .authBlock .item::after {
    height: 52px;
  }

  .authBlock .formBlock {
    margin-top: 39px;
  }

  .authBlock .fieldBlock.grid {
    gap: 24px;
  }

  .authBlock .fieldBlock.grid+.agree {
    margin-top: 25px;
  }

  .authBlock .fieldItem+.fieldItem {
    margin-top: 19px;
  }

  .authBlock .agree {
    margin-top: 28px;
  }

  .authBlock .agree+.button {
    margin-top: 25px;
  }

  .authBlock .link {
    margin-top: 40px;
  }

  .authBlock .button {
    margin-top: 40px;
  }

  .authBlock .button [class*=btn] {
    min-width: 199px;
  }

  .linkSimple {
    font-size: 12px;
    line-height: 16px;
  }

  .aboutStartSection .titleContainer .title {
    font-size: 30px;
    line-height: 41px;
  }

  .aboutStartSection .titleContainer .title span {
    font-size: 50px;
    line-height: 50px;
  }

  .aboutStartSection .titleContainer+.contentContainer {
    margin-top: 40px;
  }

  .aboutSection {
    margin-top: 80px;
  }

  .aboutSection .wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }

  .aboutSection .leftSide,
  .aboutSection .rightSide {
    width: 100%;
  }

  .aboutSection .rightSide {
    padding-top: 0px;
  }

  .infoSection {
    margin-top: 75px;
  }

  .infoSection .leftSide {
    width: 48%;
  }

  .infoSection .rightSide {
    width: 48%;
    padding-top: 20px;
  }

  .infoSection .info {
    margin-top: 24px;
  }

  .docList {
    display: grid;
    grid-template-columns: repeat(auto-fill, 135px);
    gap: 20px;
  }

  .docList .item {
    width: 100%;
    height: auto;
  }

  .missionSection {
    margin-top: 70px;
  }

  .missionSection .wrapper {
    gap: 30px;
  }

  .missionSection .card {
    padding-left: 50px;
    padding-right: 50px;
  }

  .advantagesSection {
    padding-top: 50px;
  }

  .advantagesList {
    gap: 165px 20px;
  }

  .advantagesList .item::before {
    height: 52px;
  }

  .footerSection {
    margin-top: 90px;
  }

  .registerSection .wrapper::before {
    display: none;
  }

  .contactsSection .mapBlock {
    margin-top: -30px;
  }

  .contactsGrid {
    gap: 180px 30px;
  }

  .contactsGrid .item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contactsItem .reg {
    min-width: unset;
  }

  .contactFormSection .contentContainer {
    margin-top: 35px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
  }

  .contactFormSection .formGrid {
    gap: 40px;
  }

  .contactFormSection .button {
    margin-top: 40px;
  }

  .faqTabs .tabsList .tab a {
    font-size: 12px;
  }

  .faqTabs .tabsList .tab [class*=icon] {
    margin-right: 10px;
  }

  .faqTabs .tabContent {
    padding: 40px;
  }

  .faqItem .content .in {
    padding: 20px;
  }

  .termsSection .main {
    padding: 40px;
  }

  .termItem {
    padding: 30px 40px 40px;
  }

  .payFormGrid .fieldWrap {
    margin-top: 150px;
  }

  .paymentsList {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .paymentsList::before {
    height: 52px;
    background-size: 100% 100%;
  }

  .paymentsList::after {
    height: calc(100% - 52px);
  }

  .payFormGrid .result::before,
  .payFormGrid .field::before {
    height: 52px;
  }

  .walletInfo .textBlock,
  .dashboardInfo .textBlock,
  .paymentsInfo .textBlock,
  .progressInfo .textBlock,
  .transferInfo .textBlock {
    font-size: 15px;
    line-height: 23px;
  }
}

@media (min-width: 1150px) {

  .mobileCabMenu,
  .cabBalanceTable {
    display: block !important;
  }

  .cabTabs .topicContent {
    display: block !important;
  }
}

@media (max-width: 1149px) {
  .cabinetWrapper>.cabinetMain {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .cabinetCopyright {
    margin-top: auto;
  }

  .cabinetNavigation {
    display: none;
  }

  .cabinetHeader {
    height: auto !important;
    width: 750px;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: auto;
    margin-right: auto;
  }

  .cabinetHeader::before,
  .cabinetHeader::after {
    display: none;
  }

  .cabinetHeader .logoWrapper {
    position: relative;
    display: block;
    padding-top: 17px;
    padding-left: 4px;
    z-index: 2;
  }

  .cabinetHeader .langWrapper {
    margin-left: auto;
    margin-right: 26px;
    padding-right: 0px;
    padding-top: 9px;
  }

  .cabinetHeader .langWrapper::before {
    width: 240px;
    height: 60px;
    right: -125px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="292px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M291.109,9.733 C290.046,9.733 287.627,9.733 282.485,9.733 C234.873,9.733 257.458,67.991 215.215,67.991 L128.760,67.991 L123.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L192.559,0.005 L220.389,0.005 C236.108,0.005 300.322,4.059 291.109,9.733 Z"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="292px" height="68px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M291.109,9.733 C290.046,9.733 287.627,9.733 282.485,9.733 C234.873,9.733 257.458,67.991 215.215,67.991 L128.760,67.991 L123.240,67.991 L76.785,67.991 C34.542,67.991 57.127,9.733 9.515,9.733 C4.373,9.733 1.954,9.733 0.891,9.733 C-8.322,4.059 55.892,0.005 71.611,0.005 L99.441,0.005 L192.559,0.005 L220.389,0.005 C236.108,0.005 300.322,4.059 291.109,9.733 Z"/></svg>') 0/100% 100%;
  }

  .cabinetHeader .burgerWrapper {
    display: block;
    position: relative;
    margin-right: 27px;
    padding-top: 20px;
    width: 50px;
    z-index: 1;
  }

  .cabinetHeader .burgerWrapper::before {
    content: "";
    display: block;
    position: absolute;
    left: -49px;
    top: -10px;
    width: 149px;
    height: 61px;
    background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="149px" height="60px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M147.893,9.210 C146.982,9.210 144.910,9.210 140.504,9.210 C102.760,9.210 116.504,51.941 90.092,58.322 C88.841,58.841 87.199,59.120 85.053,59.120 L82.873,59.120 L72.615,59.120 L66.228,59.120 C30.038,59.120 49.386,9.210 8.597,9.210 C4.191,9.210 2.119,9.210 1.208,9.210 C-6.685,4.349 48.329,0.876 61.795,0.876 L69.360,0.876 L79.741,0.876 L87.306,0.876 C100.772,0.876 155.786,4.349 147.893,9.210 Z"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="149px" height="60px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M147.893,9.210 C146.982,9.210 144.910,9.210 140.504,9.210 C102.760,9.210 116.504,51.941 90.092,58.322 C88.841,58.841 87.199,59.120 85.053,59.120 L82.873,59.120 L72.615,59.120 L66.228,59.120 C30.038,59.120 49.386,9.210 8.597,9.210 C4.191,9.210 2.119,9.210 1.208,9.210 C-6.685,4.349 48.329,0.876 61.795,0.876 L69.360,0.876 L79.741,0.876 L87.306,0.876 C100.772,0.876 155.786,4.349 147.893,9.210 Z"/></svg>') 0/100% 100%;
    z-index: -1;
  }

  .cabinetInfo {
    display: block;
    width: 750px;
    margin-top: 18px;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
  }

  .cabinetStat {
    max-width: unset;
    min-width: unset;
    width: auto;
    height: auto;
    padding: 0px 12px;
    background-color: rgb(23, 23, 23);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .cabinetStat .item {
    width: 100% !important;
    align-items: center;
  }

  .cabinetStat .item:first-child {
    min-height: 62px;
    margin-bottom: 2px;
  }

  .cabinetStat .item:not(:first-child) {
    height: auto;
    max-width: unset;
    min-height: 30px;
    padding: 0px 4px;
  }

  .cabinetStat .item:not(:first-child) .data {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .cabinetStat .item:not(:first-child) .param {
    width: 50%;
  }

  .cabinetStat .item:not(:first-child) .value {
    width: 50%;
    text-align: right;
  }

  .cabinetStat::before {
    display: none;
  }

  .cabinetStatWrapper {
    display: block;
    height: 62px;
    min-width: unset;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }

  .cabinetStatWrapper::before {
    display: none;
  }

  .cabinetStatWrapper.active {
    height: 195px;
  }

  .openCabinetStat {
    top: 14px;
    right: 11px;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
  }

  .cabinetContent {
    width: 750px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
    padding-bottom: 28px;
  }

  .dashboardMain {
    display: block;
  }

  .mobileCabMenu {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding-top: 98px;
    background-color: #1c2230;
    z-index: 1;
    margin: 0px !important;
    overflow-y: auto;
  }

  .mobileCabMenu::before {
    content: "";
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    background-color: #1c2230;
    z-index: 2;
  }

  .mobileCabMenu .inner {
    display: flex;
    flex-direction: column;
    width: 750px;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
  }

  .mobileCabMenu .menuWrapper {
    height: auto !important;
    margin-bottom: auto;
  }

  .mobileCabMenu .supportWrapper {
    width: 100%;
    height: 60px;
    margin: 41px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../img/mobile_login.png);
    background-size: auto;
    background-position: center bottom;
    background-repeat: no-repeat;
  }

  .mobileCabMenu .supportWrapper::before {
    display: none;
  }

  .cabMenu {
    flex-direction: column;
    width: 100%;
    padding-top: 0px;
  }

  .cabMenu li {
    height: auto;
    opacity: 1 !important;
    visibility: visible !important;
    border-top: 1px solid #2d3546;
  }

  .cabMenu li [class*=icon] {
    margin-right: 21px;
    font-size: 22px;
  }

  .cabMenu li a {
    min-height: 34px;
    align-items: center;
  }

  .cabMenu li.hidden {
    display: block;
  }

  .cabMenu li.last {
    order: 1;
  }

  .expandCabinetMenu {
    display: none;
  }

  .cabClock {
    display: none;
  }

  .cabinetPageTtitle {
    margin-bottom: 13px;
    font-size: 20px;
    line-height: 30px;
  }

  .dashboardBalance {
    position: relative;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 30px;
    background-image: none;
    background-color: transparent;
    z-index: 1;
  }

  .dashboardBalance::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: calc(100% - 28px);
    background-color: #121724;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    z-index: -1;
  }

  .dashboardBalance::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 28px;
    background-image: url(../img/cab_balance_el.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -ms-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    z-index: -1;
  }

  .dashboardBalance .title {
    font-size: 10px;
    line-height: 30px;
  }

  .dashboardBalance .sum {
    display: table;
    margin-top: -5px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    line-height: 35px;
    background: #00b2ec;
    background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
    background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
  }

  .dashboardBalance .sum span {
    font-size: 20px;
  }

  .dashboardBalance .sum sup {
    position: static;
    font-size: 12px;
  }

  .dashboardBalance .list {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .dashboardBalance .list li {
    padding-bottom: 4px;
    padding-right: 5px;
    justify-content: space-between;
    border-bottom: 1px solid #293141;
  }

  .dashboardBalance .list li+li {
    margin-top: 4px;
  }

  .dashboardBalance .list .value sup {
    top: 2px;
    font-size: 7px;
  }

  .dashboardBalance .shadow {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -13px;
    margin: 0px auto;
    width: 163px;
    height: 63px;
    background-image: url(../img/balance_shadow.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
  }

  .cabBalanceTable {
    display: none;
    margin-top: 0px;
    padding-bottom: 7px;
  }

  .openBalanceTable {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    padding-bottom: 8px;
    padding-top: 12px;
    display: flex;
    justify-content: center;
  }

  .openBalanceTable svg {
    display: block;
  }

  .openBalanceTable.active svg {
    -moz-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, -1);
  }

  .dashboardWrap {
    margin-top: 14px;
  }

  .dashboardStat {
    width: 100%;
    gap: 30px 18px;
  }

  .dashboardStat::before {
    top: 24px;
    left: 173px;
    width: 390px;
    height: 230px;
  }

  .dashboardStat .item {
    min-height: 115px;
    padding: 7px 10px 7px 10px;
  }

  .dashboardStat .item::before {
    height: calc(100% - 28px);
  }

  .dashboardStat .item::after {
    height: 28px;
  }

  .dashboardStat .item:nth-child(1) .icon {
    left: 0px;
    bottom: 14px;
  }

  .dashboardStat .item:nth-child(1) .icon::before {
    left: -5px;
  }

  .dashboardStat .item:nth-child(1)::before {
    -webkit-border-radius: 8px 8px 8px 0px;
    -moz-border-radius: 8px 8px 8px 0px;
    -ms-border-radius: 8px 8px 8px 0px;
    border-radius: 8px 8px 8px 0px;
  }

  .dashboardStat .item:nth-child(2) .icon {
    right: 4px;
    bottom: 15px;
  }

  .dashboardStat .item:nth-child(2) .icon::before {
    left: auto;
    right: -5px;
  }

  .dashboardStat .item:nth-child(2)::before {
    -webkit-border-radius: 8px 8px 0px 8px;
    -moz-border-radius: 8px 8px 0px 8px;
    -ms-border-radius: 8px 8px 0px 8px;
    border-radius: 8px 8px 0px 8px;
  }

  .dashboardStat .item:nth-child(3) .icon {
    left: 0;
    top: 15px;
  }

  .dashboardStat .item:nth-child(3) .icon::before {
    left: -5px;
  }

  .dashboardStat .item:nth-child(3)::before {
    -webkit-border-radius: 0px 8px 8px 8px;
    -moz-border-radius: 0px 8px 8px 8px;
    -ms-border-radius: 0px 8px 8px 8px;
    border-radius: 0px 8px 8px 8px;
  }

  .dashboardStat .item:nth-child(4) .icon {
    right: 3px;
    top: 14px;
  }

  .dashboardStat .item:nth-child(4) .icon::before {
    left: auto;
    right: -5px;
  }

  .dashboardStat .item:nth-child(4)::before {
    bottom: 0px;
    -webkit-border-radius: 8px 0px 8px 8px;
    -moz-border-radius: 8px 0px 8px 8px;
    -ms-border-radius: 8px 0px 8px 8px;
    border-radius: 8px 0px 8px 8px;
  }

  .dashboardStat .icon {
    height: 32px;
  }

  .dashboardStat .icon::before {
    width: 40px;
  }

  .dashboardStat .param {
    font-size: 10px;
    line-height: 16px;
  }

  .dashboardStat .value {
    font-size: 16px;
    line-height: 20px;
  }

  .dashboardStat .value span {
    font-size: inherit;
    line-height: inherit;
  }

  .dashboardStat .value span sup {
    font-size: 10px;
  }

  .dashboardMore {
    margin-top: 13px;
    display: block;
    padding-left: 24px;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }

  .dashboardMore .wrap {
    padding-top: 21px;
  }

  .dashboardMore .sum {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .dashboardMore .sum .title {
    font-size: 10px;
    line-height: 10px;
  }

  .dashboardMore .sum .num {
    margin-top: 6px;
    font-size: 30px;
    line-height: 35px;
  }

  .dashboardMore .partner {
    margin-top: 14px;
    padding: 13px 10px 8px;
    min-width: unset;
  }

  .dashboardMore .partner .title {
    font-size: 10px;
    line-height: 16px;
  }

  .dashboardMore .partner .value {
    font-size: 10px;
    line-height: 16px;
  }

  .dashboardPartners {
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }

  .dashboardPartners::before {
    display: none;
  }

  .dashboardPartners .title {
    font-size: 16px;
    line-height: 16px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0em;
    text-transform: initial;
  }

  .dashboardPartners .title br {
    display: none;
  }

  .dashboardPartners .title .icon {
    display: none;
  }

  .dashboardPartners ul {
    margin-top: 19px;
    display: block;
  }

  .dashboardPartners ul li {
    width: 100%;
    padding-bottom: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #293141;
  }

  .dashboardPartners ul li+li {
    margin-top: 7px !important;
  }

  .dashboardPartners ul li:last-child .value {
    font-size: 16px;
    line-height: 16px;
  }

  .dashboardPartners ul .param {
    width: auto;
    text-align: left;
  }

  .dashboardPartners ul .param br {
    display: none;
  }

  .dashboardPartners ul .value {
    font-size: 16px;
    line-height: 16px;
  }

  .dashboardProfit {
    margin-top: 16px;
  }

  .dashboardProfitSlider .swiper-slide {
    width: 308px;
    height: auto;
  }

  .dashboardProfitSlider .swiper-slide:first-child {
    width: 346px;
    position: static;
  }

  .dashboardProfitSlider .swiper-navigation {
    margin-top: 26px;
    display: flex;
    justify-content: center;
  }

  .dashboardProfitSlider .swiper-navigation .swiper-button-prev {
    position: static;
    margin: 0px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    opacity: 1;
  }

  .dashboardProfitSlider .swiper-navigation .swiper-button-prev::after {
    display: none;
  }

  .dashboardProfitSlider .swiper-navigation .swiper-button-prev img {
    width: 72px;
    max-width: unset;
  }

  .dashboardProfitSlider .swiper-navigation .swiper-button-next {
    position: static;
    margin: 0px 0px 0px 30px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    opacity: 1;
  }

  .dashboardProfitSlider .swiper-navigation .swiper-button-next::after {
    display: none;
  }

  .dashboardProfitSlider .swiper-navigation .swiper-button-next img {
    width: 72px;
    max-width: unset;
  }

  .dashboardProfitInfo {
    padding: 22px 20px 18px 20px;
    background-image: url(../img/card_back_sm.png);
    background-position: center top;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }

  .dashboardProfitInfo .row:first-child {
    justify-content: flex-end;
  }

  .dashboardProfitInfo .row:first-child .data {
    margin-left: 20px;
  }

  .dashboardProfitInfo .row:last-child .icon::before {
    left: -10px;
  }

  .dashboardProfitInfo .param {
    font-size: 10px;
  }

  .dashboardProfitInfo .icon {
    padding-right: 0px !important;
    width: 36px;
  }

  .profitChart {
    height: 230px;
    padding: 18px 10px 22px 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }

  .profitChart .param {
    font-size: 10px;
  }

  .cabinetCopyright {
    display: block;
  }

  .cabTabs {
    overflow: hidden;
  }

  .cabTabs>.tabsList {
    display: none;
  }

  .cabTabs>.tabContentWrapper>.tabContent {
    display: block;
  }

  .depositSlider {
    overflow: visible;
  }

  .depositSlider .swiper-slide {
    width: 290px;
  }

  .depositSlider .swiper-pagination {
    display: none;
  }

  .depositSlider .swiper-button-prev {
    width: 32px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
  }

  .depositSlider .swiper-button-prev img {
    width: 72px;
    max-width: unset;
  }

  .depositSlider .swiper-button-next {
    margin-left: 30px;
    width: 32px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
  }

  .depositSlider .swiper-button-next img {
    width: 72px;
    max-width: unset;
  }

  .depositCard {
    padding-left: 17px;
    padding-right: 10px;
    min-height: 555px;
    background-image: url(../img/dep_bottom_sm.png), url(../img/dep_top_sm.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .depositCard .name {
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 25px;
  }

  .depositCard .param {
    font-size: 10px;
    line-height: 16px;
  }

  .depositCard .pct {
    font-size: 16px;
    line-height: 25px;
  }

  .depositCard .value {
    font-size: 10px;
    line-height: 16px;
  }

  .depositCard .value.lg {
    font-size: 16px;
    line-height: 20px;
  }

  .depositCard .value.lg sup {
    font-size: 9px;
  }

  .depositCard .value.sm {
    font-size: 10px;
    line-height: 16px;
  }

  .depositCard .head {
    padding-top: 18px;
    height: 140px;
  }

  .depositCard .head .left {
    padding-top: 0px;
    width: 50%;
  }

  .depositCard .head .right {
    width: auto;
    min-width: 95px;
  }

  .depositCard .data {
    margin-top: 41px;
  }

  .depositCard .data li+li {
    margin-top: 0px;
  }

  .depositCard .data .param {
    line-height: 20px;
  }

  .depositCard .data .col {
    min-width: unset;
    width: 90px;
  }

  .depositCard .data .col:last-child {
    margin-top: -40px;
  }

  .depositCard .data .col:last-child li+li {
    margin-top: 9px;
  }

  .depositCard .calc {
    padding-top: 58px;
  }

  .depositCard .calc .icon {
    top: 16px;
    right: 54px;
    width: 36px;
  }

  .depositCard .calc .left {
    width: 143px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
  }

  .depositCard .calc .right {
    margin-left: 30px;
    padding-top: 20px;
  }

  .depositCard .calc .button {
    margin-top: auto;
    padding-bottom: 3px;
  }

  .depositCard .inputBlock label {
    font-size: 10px;
    line-height: 10px;
  }

  .depositCard .inputBlock label+.inWrap {
    margin-top: 11px;
  }

  .depositCard .inputBlock input {
    line-height: 38px;
  }

  .depositCard .btnBorder.sm {
    height: 38px;
    font-size: 10px;
    line-height: 30px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px;
  }

  .depositCard .btnBorder.sm::before {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="19" ry="19" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="19" ry="19" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  }

  .depositCard .result li+li {
    margin-top: 16px;
  }

  .depositCard .result .value {
    white-space: nowrap;
  }

  .depositCard .profit {
    max-width: 110px;
    margin-top: -28px;
  }

  .depositCard .profit .value {
    font-size: 30px;
    line-height: 30px;
  }

  .depositCard .table {
    margin-top: 0px;
  }

  .depositCard.plan {
    padding-right: 17px;
    background-image: url(../img/dep_bottom_xs.png), url(../img/dep_top_sm.png);
    background-size: auto, 100% auto;
    background-position: right -30px bottom, center top -20px;
  }

  .depositCard.plan .head {
    padding-top: 15px;
    height: 120px;
  }

  .depositCard.plan .head .right {
    width: 110px;
  }

  .depositCard.plan .image {
    width: 110px;
  }

  .depositCard.plan .image img,
  .depositCard.plan .image::before {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .depositCard.plan .data {
    margin-top: 15px;
  }

  .depositCard.plan .data .col {
    width: 110px;
  }

  .depositCard.plan .data .col:last-child {
    margin-top: -20px;
  }

  .depositCard.plan .calc {
    padding-top: 12px;
    padding-bottom: 24px;
  }

  .cabTabs .topicTab {
    margin-right: -13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .cabTabs .topicTab>span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    background: #00b2ec;
    background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
    background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgb(255, 255, 255);
    text-fill-color: rgb(255, 255, 255);
  }

  .cabTabs .topicTab .icon {
    position: relative;
    width: 22px;
    height: 22px;
  }

  .cabTabs .topicTab .icon img {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    max-width: unset;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .cabTabs .topicTab .icon .show {
    opacity: 1;
  }

  .cabTabs .topicTab .icon .hide {
    opacity: 0;
  }

  .cabTabs .topicTab.active>span {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }

  .cabTabs .topicTab.active .icon .show {
    opacity: 0;
  }

  .cabTabs .topicTab.active .icon .hide {
    opacity: 1;
  }

  .cabTabs .topicTab.active+.topicContent {
    display: block;
  }

  .cabTabs .topicTab.active+.topicContent::before {
    opacity: 1;
  }

  .cabTabs .topicContent {
    display: none;
    overflow: visible !important;
  }

  .cabTabs .topicContent::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #121724;
    opacity: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1;
  }

  .cabTabs>.tabContentWrapper {
    background-color: transparent;
  }

  .cabTabs>.tabContentWrapper::before,
  .cabTabs>.tabContentWrapper::after,
  .cabTabs>.tabContentWrapper .shadow {
    display: none;
  }

  .cabTabs>.tabContentWrapper>.tabContent {
    position: relative;
    padding: 11px 23px 13px 23px;
    background-color: #293141;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    z-index: 1;
  }

  .cabTabs>.tabContentWrapper>.tabContent+.tabContent {
    margin-top: 9px;
  }

  .cabTabs .info {
    margin-top: 53px;
  }

  .cabTabs .info .textBlock {
    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 55px;
  }

  .cabTabs .info p {
    font-size: 14px;
    line-height: 20px;
    break-inside: unset;
  }

  .cabTabs .info p.lead {
    font-size: 18px;
    line-height: 27px;
  }

  .cabTabs .info p.lead+p {
    margin-top: 18px;
  }

  .cabTabs .info p+p {
    margin-top: 20px;
  }

  .cabTabs .info .markedList {
    margin-top: 23px;
    margin-bottom: 36px;
  }

  .cabTabs .info .markedList li {
    font-size: 14px;
    line-height: 23px;
  }

  .cabTabs .info .markedList li+li {
    margin-top: 9px;
  }

  .cabTabs .info .markedList:first-child {
    margin-top: 0px;
  }

  .cabTabs .info .markedList:last-child {
    margin-top: 0px;
  }

  .cabTabs .info .image {
    margin-top: 36px;
    height: 185px;
    padding-top: 3px;
  }

  .cabTabs .info .image::before,
  .cabTabs .info .image img {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
  }

  .cabTabs .info+.depositSlider {
    margin-top: 31px;
    padding-bottom: 0px;
  }

  .cabTabs .depositSlider {
    padding-bottom: 7px !important;
  }

  .depositSlider .swiper-navigation {
    margin-top: 19px;
  }

  .walletSection {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 15px;
    background-image: none;
  }

  .walletCard {
    height: 142px;
    padding-left: 24px;
    padding-top: 22px;
    padding-right: 19px;
    padding-bottom: 16px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    border-radius: 10px !important;
  }

  .walletCard::before {
    display: none !important;
  }

  .walletCard .wallet {
    padding-left: 6px;
  }

  .walletCard .wallet .icon {
    width: 36px;
    margin-right: 16px;
  }

  .walletCard .wallet .icon::before {
    right: -30px;
    bottom: -50px;
    width: 120px;
    height: 120px;
  }

  .walletCard .wallet .par {
    font-size: 10px;
    line-height: 16px;
  }

  .walletCard .wallet .val {
    font-size: 16px;
    line-height: 20px;
  }

  .walletCard .buttons [class*=btn] {
    min-width: 133px;
    font-size: 10px;
  }

  .walletCard .buttons [class*=btn] .text {
    letter-spacing: 0em;
  }

  .cabTabs.progressTabs .topicTab {
    margin-right: 0px;
  }

  .cabTabs.progressTabs>.tabContentWrapper {
    background-color: transparent;
  }

  .cabTabs.progressTabs>.tabContentWrapper>.tabContent {
    padding-top: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 13px;
  }

  .cabInnerTabs {
    margin-top: 22px;
  }

  .cabInnerTabs .tabsList {
    display: none;
  }

  .cabInnerTabs .topicTab {
    margin-right: 0px;
  }

  .cabInnerTabs .topicTab>span {
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .cabInnerTabs .tabContentWrapper {
    background-color: transparent;
  }

  .cabInnerTabs .tabContentWrapper::before,
  .cabInnerTabs .tabContentWrapper::after {
    display: none;
  }

  .cabInnerTabs .tabContent {
    display: block !important;
    padding-left: 12px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    background-color: #1b212f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
  }

  .cabInnerTabs .tabContent+.tabContent {
    margin-top: 20px;
  }

  .cabInnerTabs .depositSlider {
    margin-top: 18px;
  }

  .depositSlider.ver2 {
    padding-bottom: 15px !important;
  }

  .depositSlider.ver2 .swiper-slide {
    width: 270px;
  }

  .depositSlider.ver2 .swiper-navigation {
    margin-top: 32px;
  }

  .depositCard li.withIcon {
    padding-left: 0px;
  }

  .depositCard li.withIcon img {
    display: none;
  }

  .depositCard.type2 {
    background-image: url(../img/dep_bottom_2_sm.png), url(../img/dep_top_2_sm.png);
  }

  .depositCard.type2 .head {
    padding-top: 18px;
  }

  .depositCard.type2 .head .right {
    width: 105px;
  }

  .depositCard.type2 .pct {
    font-size: 16px;
    line-height: 25px;
  }

  .depositCard.type2 .data {
    margin-top: 15px;
  }

  .depositCard.type2 .data .col {
    min-width: 100px;
  }

  .depositCard.type2 .data .col:last-child {
    margin-top: -45px;
  }

  .depositCard .progress {
    position: relative;
    display: block;
    padding-left: 9px;
    padding-bottom: 10px;
  }

  .depositCard .progress .left {
    padding-top: 55px;
  }

  .depositCard .progress .right {
    margin-top: 10px;
  }

  .depositCard .progress .buttons {
    margin-top: 0px;
  }

  .depositCard .timer .val {
    font-size: 18px;
    line-height: 30px;
  }

  .depositCard .progressVal {
    position: absolute;
    right: 0px;
    top: 7px;
    margin: 0px;
    width: 92px;
    display: block;
  }

  .depositCard .progressVal .cap {
    line-height: 14px;
  }

  .depositCard .progressVal .val {
    margin-top: 5px;
  }

  .depositCard .progressChart {
    margin-left: -5px;
    margin-top: 0px;
    margin-bottom: 7px;
  }

  .filterBlock {
    /*display: none;*/
    z-index: 1;
  }

  .filterBlock .formWrap > .button {
    margin-top: 10px;
  }

  .filterBlock+.tableSlider2 {
    margin-top: 0px;
  }

  .tableSlider2 {
    padding-top: 0px;
    overflow: visible;
  }

  .tableSlider2 .shadow,
  .tableSlider2 .tHead,
  .tableSlider2::before,
  .tableSlider2::after,
  .tableSlider2 .pagination {
    display: none;
  }

  .tableSlider2 .swiper-wrapper {
    display: flex;
  }

  .tableSlider2 .swiper-slide {
    width: 248px;
  }

  .tableSlider2 .swiper-navigation {
    margin-top: 18px;
    display: flex;
    justify-content: center;
  }

  .tableSlider2 .swiper-navigation .swiper-button-prev {
    position: static;
    margin: 0px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    opacity: 1;
  }

  .tableSlider2 .swiper-navigation .swiper-button-prev::after {
    display: none;
  }

  .tableSlider2 .swiper-navigation .swiper-button-prev img {
    width: 72px;
    max-width: unset;
  }

  .tableSlider2 .swiper-navigation .swiper-button-next {
    position: static;
    margin: 0px 0px 0px 30px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    opacity: 1;
  }

  .tableSlider2 .swiper-navigation .swiper-button-next::after {
    display: none;
  }

  .tableSlider2 .swiper-navigation .swiper-button-next img {
    width: 72px;
    max-width: unset;
  }

  .dropdownItem .head {
    position: relative;
    display: block;
    height: auto;
    padding-left: 20px;
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 16px;
    background-color: #202836;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border-top: none;
  }

  .dropdownItem .head .id {
    padding-bottom: 13px;
    font-size: 11px;
    line-height: 16px;
    color: rgb(255, 255, 255);
    letter-spacing: 0.1em;
  }

  .dropdownItem .head .id .tLabel {
    line-height: 16px;
  }

  .dropdownItem .head .type {
    font-size: 10px;
    line-height: 12px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .dropdownItem .head .date {
    font-size: 10px;
    line-height: 12px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .dropdownItem .head .sum {
    font-size: 12px;
    line-height: 12px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .dropdownItem .head .sum .icon {
    display: none;
  }

  .dropdownItem .head .com {
    font-size: 12px;
    line-height: 12px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .dropdownItem .head .status {
    font-size: 10px;
    line-height: 12px;
  }

  .dropdownItem .head .login {
    font-size: 10px;
    line-height: 12px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .dropdownItem .head .login .tLabel {
    font-size: 10px;
  }

  .dropdownItem .head .login .tLabel img {
    display: none;
  }

  .dropdownItem .head .login .tValue {
    display: block;
    margin-left: 0px;
  }

  .dropdownItem .head .tCell {
    width: 100% !important;
  }

  .dropdownItem .head .tCell+.tCell {
    border-top: 1px solid #333d53;
  }

  .dropdownItem .head .tCell:not(:first-child) {
    padding-top: 6px;
    padding-bottom: 5px;
    min-height: 36px;
  }

  .dropdownItem .head .control {
    position: absolute;
    left: 20px;
    top: 20px;
  }

  .dropdownItem .head .tLabel {
    display: block;
    font-size: 10px;
    line-height: 12px;
    color: #acb0bc;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .dropdownItem .content {
    margin-top: -10px;
    font-size: 10px;
    line-height: 24px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }

  .dropdownItem .content .in {
    padding: 30px 18px 20px;
    border-top: none;
  }

  .dropdownItem .content .par {
    font-size: 10px;
    line-height: 24px;
  }

  .dropdownItem .content .acc {
    word-break: break-all;
  }

  .dropdownItem .content .acc .par {
    display: block;
  }

  .dropdownItem .content li:last-child {
    font-size: 12px;
    line-height: 18px;
  }

  .dropdownItem .content li:last-child .par {
    line-height: 18px;
  }

  .dropdownItem.active .head,
  .dropdownItem:hover .head {
    background-color: #202836;
  }

  .formMessages {
    grid-template-columns: repeat(2, 1fr);
    display: none;
  }

  .settingsSection {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 25px;
  }

  .settingsForm {
    padding-left: 20px;
    padding-top: 13px;
    padding-right: 20px;
  }

  .settingsForm .shadow {
    display: none;
  }

  .settingsForm::before {
    height: calc(100% - 36px);
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
  }

  .settingsForm::after {
    height: 36px;
    background-size: auto 100%;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }

  .settingsForm.lg {
    grid-column: 2;
    grid-row: 1/3;
  }

  .settingsForm+.settingsForm {
    margin-top: 0px;
  }

  .settingsForm .titleBlock {
    font-size: 16px;
    line-height: 16px;
  }

  .settingsForm .titleBlock+.formBlock {
    margin-top: 24px;
  }

  .settingsForm .fieldsGrid {
    display: block;
  }

  .settingsForm .fieldsGrid .col+.col {
    margin-top: 8px;
  }

  .settingsForm .fieldsGrid.col2 .col+.col {
    margin-top: 8px;
  }

  .settingsForm .fieldsWrap {
    display: block;
  }

  .settingsForm .fieldsWrap .field+.field {
    margin-top: 8px;
  }

  .settingsForm .field+.field {
    margin-top: 8px;
  }

  .settingsForm .check+.field {
    margin-top: 19px;
  }

  .settingsForm label+.inWrap {
    margin-top: 4px;
  }

  .settingsForm .buttonWrap {
    margin-top: 22px;
    min-height: 36px;
  }

  .settingsForm .buttonWrap [class*=btn] {
    line-height: 24px;
  }

  .inputBlock .inWrap.date {
    grid-template-columns: 91px 91px auto;
    gap: 8px;
  }

  .securitySettings .wrapper {
    display: block;
  }

  .securitySettings .leftSide,
  .securitySettings .rightSide {
    width: 100%;
  }

  .securitySettings .rightSide {
    margin-top: 26px;
  }

  .securitySettings .rightSide .titleBlock+.formBlock {
    margin-top: 17px;
  }

  .securitySettings .buttonWrap {
    margin-top: 85px;
  }

  .authForm {
    font-size: 12px;
    line-height: 20px;
  }

  .authForm .key {
    line-height: 35px;
  }

  .authForm .qr {
    margin-top: 21px;
    margin-left: auto;
    margin-right: auto;
  }

  .authForm .field {
    margin-top: 30px;
  }

  .programSection .info {
    margin-top: 0px;
    padding: 20px 20px 16px;
  }

  .programSection .info p {
    font-size: 12px;
    line-height: 16px;
  }

  .programSection .info::before {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .programSection .info::after {
    display: none;
  }

  .programSection .info+.tableSliderWrapper {
    margin-top: 30px;
  }

  .tableSliderWrapper {
    padding: 0px;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .tableSlider {
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: visible;
  }

  .tableSlider .shadow,
  .tableSlider .tHead,
  .tableSlider::before,
  .tableSlider::after,
  .tableSlider .pagination {
    display: none;
  }

  .tableSlider .tRow {
    display: block;
    padding-left: 20px;
    padding-top: 17px;
    padding-right: 20px;
    padding-bottom: 22px;
    background-color: #202836;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .tableSlider .tRow .icon {
    width: 24px;
    margin-right: 6px;
  }

  .tableSlider .tRow .tCell {
    font-size: 10px;
    line-height: 12px;
  }

  .tableSlider .tRow .tCell:not(:first-child) {
    padding-top: 6px;
    padding-bottom: 4px;
  }

  .tableSlider .tCell {
    width: 100%;
  }

  .tableSlider .tCell .tLabel {
    display: block;
    font-size: 10px;
    line-height: 12px;
    color: #acb0bc;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .tableSlider .tCell:first-child {
    border-top: none;
  }

  .tableSlider .status {
    padding-left: 0px;
    padding-bottom: 8px;
  }

  .tableSlider .status .tData {
    display: block;
  }

  .tableSlider .status .tValue {
    display: block;
    margin-top: 3px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
  }

  .tableSlider .swiper-wrapper {
    display: flex;
  }

  .tableSlider .swiper-slide {
    width: 248px;
  }

  .tableSlider .swiper-navigation {
    margin-top: 26px;
    display: flex;
    justify-content: center;
  }

  .tableSlider .swiper-navigation .swiper-button-prev {
    position: static;
    margin: 0px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    opacity: 1;
  }

  .tableSlider .swiper-navigation .swiper-button-prev::after {
    display: none;
  }

  .tableSlider .swiper-navigation .swiper-button-prev img {
    width: 72px;
    max-width: unset;
  }

  .tableSlider .swiper-navigation .swiper-button-next {
    position: static;
    margin: 0px 0px 0px 30px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    opacity: 1;
  }

  .tableSlider .swiper-navigation .swiper-button-next::after {
    display: none;
  }

  .tableSlider .swiper-navigation .swiper-button-next img {
    width: 72px;
    max-width: unset;
  }

  .programSection .cabTabs {
    margin-top: 24px;
  }

  .programTabs .topicTab {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .programTabs .topicTab>span {
    font-size: 10px;
    line-height: 35px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .programTabs .topicTab .icon {
    width: 18px;
    height: 18px;
    margin-right: 14px;
  }

  .programTabs>.tabContentWrapper {
    background-image: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .programTabs>.tabContentWrapper>.tabContent {
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid #333d53;
  }

  .programTabs>.tabContentWrapper>.tabContent.active {
    background-color: transparent;
  }

  .programTabs>.tabContentWrapper>.tabContent+.tabContent {
    margin-top: 0px;
  }

  .levelBlock {
    padding-left: 26px;
    align-items: center;
    min-height: 71px;
    background-color: #141926;
    border-top: 1px solid #333d53;
    overflow: hidden;
  }

  .levelBlock .icon {
    align-self: center;
    width: 36px;
  }

  .levelBlock .icon::before {
    width: 120px;
    height: 120px;
    left: -60px;
    top: -40px;
  }

  .levelBlock .param {
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .levelBlock .param+.value {
    margin-top: 0px;
  }

  .levelBlock .value {
    font-size: 16px;
    line-height: 24px;
  }

  .levelBlock .pct {
    margin-left: 45px;
    font-size: 30px;
    line-height: 30px;
  }

  .rangTable {
    width: 100%;
    padding-left: 18px;
    padding-top: 15px;
    padding-right: 28px;
    padding-bottom: 15px;
    background-image: url(../img/range_table_back_sm.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .rangTable .table {
    max-width: 255px;
  }

  .rangTable .table .val,
  .rangTable .table .par {
    line-height: 20px;
  }

  .rangTable .table:last-child {
    max-width: 300px;
    margin-left: auto;
  }

  .rangTable .rangs {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .rangTable .rangs li {
    width: 300px;
  }

  .rangTable .rangs li:last-child {
    position: relative;
    /*top: 18px;*/
  }

  .partnersStat {
    margin-top: 16px;
    width: 100%;
  }

  .partnersStat .referralStat {
    top: 157px;
  }

  .partnersStat .dashboardStat {
    width: 100%;
    gap: 20px 38px;
  }

  .partnersStat .dashboardStat .item {
    min-height: 186px;
    padding: 27px 30px 24px 30px;
  }

  .partnersStat .dashboardStat .item .in {
    max-width: 150px;
  }

  .partnersStat .dashboardStat .item::before {
    height: calc(100% - 56px);
  }

  .partnersStat .dashboardStat .item::after {
    height: 56px;
  }

  .partnersStat .dashboardStat .item:nth-child(1) .icon {
    left: 29px;
    bottom: 29px;
  }

  .partnersStat .dashboardStat .item:nth-child(1) .icon::before {
    left: -5px;
  }

  .partnersStat .dashboardStat .item:nth-child(1)::before {
    -webkit-border-radius: 21px 21px 21px 0px;
    -moz-border-radius: 21px 21px 21px 0px;
    -ms-border-radius: 21px 21px 21px 0px;
    border-radius: 21px 21px 21px 0px;
  }

  .partnersStat .dashboardStat .item:nth-child(2) .icon {
    right: 28px;
    bottom: 35px;
  }

  .partnersStat .dashboardStat .item:nth-child(2) .icon::before {
    left: auto;
    right: -5px;
  }

  .partnersStat .dashboardStat .item:nth-child(2)::before {
    -webkit-border-radius: 21px 21px 0px 21px;
    -moz-border-radius: 21px 21px 0px 21px;
    -ms-border-radius: 21px 21px 0px 21px;
    border-radius: 21px 21px 0px 21px;
  }

  .partnersStat .dashboardStat .item:nth-child(3) .icon {
    left: 30px;
    top: 30px;
  }

  .partnersStat .dashboardStat .item:nth-child(3) .icon::before {
    left: -5px;
  }

  .partnersStat .dashboardStat .item:nth-child(3)::before {
    -webkit-border-radius: 0px 21px 21px 21px;
    -moz-border-radius: 0px 21px 21px 21px;
    -ms-border-radius: 0px 21px 21px 21px;
    border-radius: 0px 21px 21px 21px;
  }

  .partnersStat .dashboardStat .item:nth-child(4) .icon {
    right: 30px;
    top: 30px;
  }

  .partnersStat .dashboardStat .item:nth-child(4) .icon::before {
    left: auto;
    right: -5px;
  }

  .partnersStat .dashboardStat .item:nth-child(4)::before {
    bottom: 0px;
    -webkit-border-radius: 21px 0px 21px 21px;
    -moz-border-radius: 21px 0px 21px 21px;
    -ms-border-radius: 21px 0px 21px 21px;
    border-radius: 21px 0px 21px 21px;
  }

  .partnersStat .dashboardStat .icon {
    width: auto;
    height: 34px;
  }

  .partnersStat .dashboardStat .icon::before {
    width: 40px;
  }

  .referralStat .item+.item {
    margin-top: 14px;
  }

  .referralStat .param {
    font-size: 10px;
    line-height: 16px;
  }

  .referralStat .link {
    font-size: 12px;
    line-height: 16px;
  }

  .referralStat .linkWrap {
    margin-top: -5px;
  }

  .referralStat .pct {
    font-size: 14px;
    line-height: 20px;
  }

  .linesSider {
    margin-top: 18px;
    padding: 14px 15px 23px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .linesSider .swiper-wrapper {
    display: flex;
    gap: unset;
    height: auto;
  }

  .linesSider .swiper-slide {
    width: 191px;
  }

  .linesSider .swiper-navigation {
    margin-top: 18px;
    display: flex;
    justify-content: center;
  }

  .linesSider .swiper-navigation .swiper-button-prev {
    position: static;
    margin: 0px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    opacity: 1;
  }

  .linesSider .swiper-navigation .swiper-button-prev::after {
    display: none;
  }

  .linesSider .swiper-navigation .swiper-button-prev img {
    width: 72px;
    max-width: unset;
  }

  .linesSider .swiper-navigation .swiper-button-next {
    position: static;
    margin: 0px 0px 0px 30px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    opacity: 1;
  }

  .linesSider .swiper-navigation .swiper-button-next::after {
    display: none;
  }

  .linesSider .swiper-navigation .swiper-button-next img {
    width: 72px;
    max-width: unset;
  }

  .lineCard {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 40px;
    padding-bottom: 12px;
  }

  .lineCard ul li {
    display: block;
  }

  .refSection {
    margin-top: 16px;
  }

  .refList {
    padding: 0px;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    overflow: visible;
  }

  .refList .tHead {
    display: none;
  }

  .refList .swiper-wrapper {
    display: flex;
  }

  .refList .swiper-slide {
    width: 248px;
  }

  .refList .swiper-navigation {
    margin-top: 18px;
    display: flex;
    justify-content: center;
  }

  .refList .swiper-navigation .swiper-button-prev {
    position: static;
    margin: 0px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    opacity: 1;
  }

  .refList .swiper-navigation .swiper-button-prev::after {
    display: none;
  }

  .refList .swiper-navigation .swiper-button-prev img {
    width: 72px;
    max-width: unset;
  }

  .refList .swiper-navigation .swiper-button-next {
    position: static;
    margin: 0px 0px 0px 30px;
    height: auto;
    width: 32px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    opacity: 1;
  }

  .refList .swiper-navigation .swiper-button-next::after {
    display: none;
  }

  .refList .swiper-navigation .swiper-button-next img {
    width: 72px;
    max-width: unset;
  }

  .refItem {
    border-top: none;
    width: 100%;
  }

  .refItem.active>.head {
    background-color: #141926;
  }

  .refItem .head {
    position: relative;
    padding: 11px 20px 0px !important;
    z-index: 1;
  }

  .refItem .head>.icon {
    position: absolute;
    left: 20px;
    top: 20px;
  }

  .refItem .head .login {
    padding-bottom: 11px !important;
    line-height: 20px;
  }

  .refItem .head .inv .tData,
  .refItem .head .sum .tData {
    font-size: 10px;
    line-height: 12px;
  }

  .refItem .head .inv .tData sup,
  .refItem .head .sum .tData sup {
    font-size: inherit;
    vertical-align: top;
  }

  .refItem .head .info {
    position: absolute;
    width: auto !important;
    top: 10px;
    right: 10px;
    margin: 0px;
    border-top: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    min-height: unset !important;
  }

  .refItem>.head {
    z-index: 3;
  }

  .refItem .inv img,
  .refItem .sum img {
    display: none;
  }

  .refItem .login {
    padding-left: 32px;
  }

  .refItem .line {
    text-align: left;
  }

  .refItem .line .tData {
    font-size: 10px;
    line-height: 12px;
  }

  .refItem .content {
    margin-top: 0px;
  }

  .refItem .content .in {
    padding: 0px;
  }

  .refItem .refItem.active>.head {
    background-color: #202836;
  }

  .refItem .refItem>.head {
    background-color: #202836;
    z-index: 2;
  }

  .refItem .refItem>.head::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: -10px;
    width: 100%;
    height: calc(100% - 10px);
    background-color: #202836;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    z-index: -2;
  }

  .refItem .refItem+.refItem>.head::before {
    display: none;
  }

  .refItem .refItem:not(.dropdownItem) .login {
    padding-left: 0px;
  }

  .refItem .refItem:not(.dropdownItem) .head {
    position: relative;
    background-color: #293141;
    z-index: 1;
  }

  .refItem .refItem:not(.dropdownItem) .head::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: -10px;
    width: 100%;
    height: calc(100% - 10px);
    background-color: #293141;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    z-index: -2;
  }

  .verificationSection {
    padding: 20px 20px 0px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
  }

  .verificationSection .shadow {
    display: none;
  }

  .verificationSection::before {
    height: calc(100% - 36px);
    -webkit-border-radius: 21px 21px 0px 0px;
    -moz-border-radius: 21px 21px 0px 0px;
    -ms-border-radius: 21px 21px 0px 0px;
    border-radius: 21px 21px 0px 0px;
  }

  .verificationSection::after {
    height: 36px;
    -webkit-border-radius: 0px 0px 21px 21px;
    -moz-border-radius: 0px 0px 21px 21px;
    -ms-border-radius: 0px 0px 21px 21px;
    border-radius: 0px 0px 21px 21px;
    background-size: auto 100%;
  }

  .verificationSection .buttonWrap {
    margin-bottom: 0px;
    min-height: 36px;
    align-items: center;
  }

  .verificationList {
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .verificationList .button {
    margin-top: 20px;
  }

  .verificationList .fileName {
    margin-bottom: 30px;
  }

  .verifyCard .head {
    min-height: 80px;
  }

  .verifyCard .data {
    min-height: 200px;
  }

  .walletCard.pay {
    height: 190px;
  }

  .walletCard.pay .field {
    margin-top: 20px;
  }

  .walletCard.pay .button {
    padding-left: 24px;
    padding-right: 19px;
    padding-bottom: 16px;
  }
}

@media (min-width: 1150px) {
  .mobileMenu {
    display: block !important;
  }
}

@media (max-width: 1149px) {
  .container {
    width: 750px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menuIsOpened .startSectionWrapper {
    z-index: 3;
  }

  .mobileMenu {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding-top: 86px;
    background-color: #1c2230;
    z-index: 1;
    margin: 0px !important;
    overflow-y: auto;
  }

  .mobileMenu::before {
    content: "";
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    background-color: #1c2230;
    z-index: 7;
  }

  .header .logoWrapper {
    position: relative;
    padding-top: 14px;
    z-index: 2;
  }

  .header .loginWrapper {
    display: none;
  }

  .header .langWrapper {
    margin-left: auto;
    margin-right: 26px;
    padding-right: 0px;
  }

  .header .langWrapper::before {
    right: -125px;
  }

  .header .burgerWrapper {
    display: block;
    position: relative;
    margin-right: 36px;
    padding-top: 20px;
    width: 50px;
    z-index: 1;
  }

  .header .burgerWrapper::before {
    content: "";
    display: block;
    position: absolute;
    left: -49px;
    top: -10px;
    width: 149px;
    height: 60px;
    background-image: -moz-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 233, 202) 0%, rgb(242, 157, 15) 100%);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="149px" height="60px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M147.893,9.210 C146.982,9.210 144.910,9.210 140.504,9.210 C102.760,9.210 116.504,51.941 90.092,58.322 C88.841,58.841 87.199,59.120 85.053,59.120 L82.873,59.120 L72.615,59.120 L66.228,59.120 C30.038,59.120 49.386,9.210 8.597,9.210 C4.191,9.210 2.119,9.210 1.208,9.210 C-6.685,4.349 48.329,0.876 61.795,0.876 L69.360,0.876 L79.741,0.876 L87.306,0.876 C100.772,0.876 155.786,4.349 147.893,9.210 Z"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="149px" height="60px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M147.893,9.210 C146.982,9.210 144.910,9.210 140.504,9.210 C102.760,9.210 116.504,51.941 90.092,58.322 C88.841,58.841 87.199,59.120 85.053,59.120 L82.873,59.120 L72.615,59.120 L66.228,59.120 C30.038,59.120 49.386,9.210 8.597,9.210 C4.191,9.210 2.119,9.210 1.208,9.210 C-6.685,4.349 48.329,0.876 61.795,0.876 L69.360,0.876 L79.741,0.876 L87.306,0.876 C100.772,0.876 155.786,4.349 147.893,9.210 Z"/></svg>') 0/100% 100%;
    z-index: -1;
  }

  .siteMenu {
    height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1149px) and (max-width: 749px) {
  .siteMenu {
    max-width: 480px;
  }
}

@media (max-width: 1149px) {
  .siteMenu nav {
    margin-bottom: auto;
  }

  .mobileHeaderInfo {
    display: block;
    margin-top: 31px;
  }

  .mobileHeaderInfo .contacts {
    margin-top: 27px;
    text-align: center;
  }

  .mobileHeaderInfo .contacts li+li {
    margin-top: 18px;
  }

  .mobileHeaderInfo .contacts .cap {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #acb0bc;
  }

  .mobileHeaderInfo .contacts a {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #00b0ec;
    text-decoration: underline;
    text-decoration-color: inherit;
    text-underline-offset: 0.15em;
  }

  .mobileHeaderInfo .login {
    margin-top: 23px;
    display: flex;
    justify-content: center;
    background-image: url(../img/mobile_login.png);
    background-size: auto;
    background-position: center bottom;
    background-repeat: no-repeat;
  }

  .mobileHeaderInfo .login a {
    font-size: 14px;
    line-height: 60px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .menuList {
    display: block;
    border-bottom: 1px solid #2d3546;
  }

  .menuList li {
    padding-top: 0px;
    border-top: 1px solid #2d3546;
  }

  .menuList li a {
    font-size: 14px;
    line-height: 59px;
  }

  .menuList li::before {
    display: none;
  }

  .menuList li.active a {
    color: rgb(255, 255, 255);
  }

  .menuList li+li {
    margin-left: 0px;
  }

  .menuList .hidden {
    display: block;
  }

  .siteLogo {
    width: 110px;
  }

  .langList .cap {
    line-height: 40px;
  }

  .startSectionWrapper .back {
    margin-right: -575px;
    top: 0;
    width: 1150px;
    min-width: unset;
  }

  .startSection {
    padding-top: 69px;
  }

  .startSection .titleContainer {
    max-width: 360px;
  }

  .startSection .titleContainer+.contentContainer {
    margin-top: 27px;
  }

  .startSection .title {
    font-size: 35px;
    line-height: 40px;
  }

  .startSection .info {
    display: none;
  }

  .startSection .button {
    margin-top: 0px;
  }

  .startSection .image {
    left: 165px;
    top: -110px;
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  .startSection .logo img {
    width: calc(100% + 50px);
    margin: 143px -25px 0px;
    max-width: unset;
  }

  .mainAboutSection {
    margin-top: -150px;
  }

  .mainAboutSection::before {
    top: 100px;
    margin-left: -400px;
    width: 800px;
    height: 490px;
  }

  .mainAboutSection .titleContainer .title {
    font-size: 17px;
    line-height: 22px;
  }

  .mainAboutSection .titleContainer .title span {
    font-size: 25px;
    line-height: 31px;
  }

  .mainAboutSection .titleContainer+.contentContainer {
    margin-top: 25px;
  }

  .mainAboutSection .animatedSphere {
    display: none;
  }

  .mainAboutSlider .swiper-slide:nth-child(even)::before {
    display: none;
  }

  .mainAboutSlider .swiper-navigation {
    margin-top: 66px;
  }

  .mainAboutSlider .swiper-pagination {
    margin-left: 35px;
    margin-right: 35px;
  }

  .mainAboutSlide {
    padding-top: 45px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 45px;
    background-color: rgba(12, 16, 27, 0.549);
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    border-radius: 33px;
  }

  .mainAboutSlide .img {
    position: static;
    height: 70px;
  }

  .mainAboutSlide .img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
  }

  .mainAboutSlide .title {
    margin-top: 9px;
    font-size: 17px;
    line-height: 25px;
  }

  .mainAboutSlide .content {
    margin-top: 5px;
  }

  .mainAboutSlide::before,
  .mainAboutSlide::after {
    display: none;
  }

  .sectionTitle {
    font-size: 30px;
    line-height: 40px;
  }

  .sectionTitle br {
    display: none;
  }

  .mainOfferSection {
    margin-top: 34px;
  }

  .mainOfferSection .leftSide {
    width: 305px;
    padding-top: 40px;
  }

  .mainOfferSection .rightSide {
    width: calc(100% - 305px);
  }

  .mainOfferSection .titleContainer+.contentContainer {
    margin-top: 34px;
  }

  .mainOfferSection .image1 {
    width: 503px;
    max-width: unset;
    margin-right: -183px;
  }

  .mainOfferSection .image2 {
    width: 123px;
    top: 79px;
    left: 13px;
    bottom: auto;
  }

  .mainOfferSection .mainAddressBlock {
    margin-top: 13px;
    margin-right: 0px;
  }

  .mainAddressBlock {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    width: 338px;
    height: auto;
  }

  .mainAddressBlock::before {
    display: none;
  }

  .mainAddressBlock .title {
    font-size: 20px;
    line-height: 30px;
  }

  .mainAddressBlock .info {
    padding-top: 0px;
  }

  .mainAddressBlock .address {
    margin-top: 8px;
  }

  .mainAddressBlock .address img {
    width: 24px;
  }

  .mainAddressBlock .reg {
    margin-top: 24px;
  }

  .mainAddressBlock .reg span {
    font-size: 20px;
    line-height: 25px;
  }

  .mainAddressBlock .link {
    margin-top: 26px;
  }

  .mainAddressBlock .license {
    width: 120px;
    margin-top: 19px;
  }

  .roadmapSection {
    margin-top: 75px;
  }

  .roadmapSection .roadmapDate {
    display: none;
  }

  .roadmapSection .contentContainer {
    margin-top: 50px;
  }

  .roadmapSlider {
    width: 100%;
    overflow: visible;
  }

  .roadmapSlider .swiper-slide {
    width: 268px;
    height: auto;
  }

  .roadmapSlider .swiper-slide:nth-child(3n+1) {
    padding-top: 0px;
  }

  .roadmapSlider .swiper-slide:nth-child(3n+2) {
    padding-top: 0px;
  }

  .roadmapSlider .swiper-navigation {
    position: static;
    margin-top: 35px;
  }

  .roadmapSlider .swiper-pagination {
    display: none;
  }

  .roadmapSlider .swiper-button-prev {
    width: 32px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
  }

  .roadmapSlider .swiper-button-prev img {
    width: 72px;
    max-width: unset;
  }

  .roadmapSlider .swiper-button-next {
    margin-left: 30px;
    width: 32px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
  }

  .roadmapSlider .swiper-button-next img {
    width: 72px;
    max-width: unset;
  }

  .roadmapSlide {
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 25px;
    min-height: unset;
    height: 100%;
  }

  .roadmapSlide .title {
    margin-top: 16px;
    font-size: 18px;
    line-height: 27px;
  }

  .roadmapSlide .content {
    margin-top: 1px;
    font-size: 14px;
    line-height: 20px;
  }

  .stepsSection {
    margin-top: 36px;
  }

  .stepsSection .wrapper {
    display: block;
  }

  .stepsSection .leftSide {
    width: 100%;
  }

  .stepsSection .rightSide {
    display: none;
  }

  .stepsSection .info br {
    display: none;
  }

  .stepsSection .titleContainer+.contentContainer {
    margin-top: 20px;
  }

  .stepsSection .stepsList {
    margin-top: 33px;
    width: 100%;
    max-width: unset;
  }

  .stepsList .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 42px;
  }

  .stepsList .swiper-slide+.swiper-slide {
    margin-top: 0px;
  }

  .stepItem {
    max-width: unset;
    padding-left: 0px;
    padding-right: 20px;
    display: block;
  }

  .stepItem .num {
    margin-left: 12px;
    margin-right: 0px;
    padding-left: 31px;
    padding-top: 21px;
    width: 81px;
    height: 81px;
    font-size: 54px;
    line-height: 42px;
  }

  .stepItem .num::before {
    display: none;
  }

  .stepItem .num .icon {
    width: 34px;
    left: -10px;
  }

  .stepItem .content {
    font-size: 14px;
    line-height: 20px;
  }

  .stepItem .title {
    margin-top: 7px;
    font-size: 18px;
    line-height: 27px;
  }

  .stepItem .title+p {
    margin-top: 8px;
  }

  .howtoSection {
    margin-top: 75px;
    padding-bottom: 15px;
  }

  .howtoSection::before {
    margin-left: -508px;
    top: 43px;
    width: 1016px;
    height: 500px;
  }

  .howtoSection::after {
    display: none;
  }

  .howtoSection .subtitle {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }

  .howtoSection .subtitle br {
    display: none;
  }

  .howtoSection .contentContainer {
    margin-top: 59px;
  }

  .howtoSection .contentContainer .image {
    left: -30px;
    width: 775px;
  }

  .howtoSection .animatedImage {
    right: 14px;
    top: 4px;
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
  }

  .howtoSection .animatedImage img {
    max-width: 100%;
  }
}

@media (max-width: 1149px) and (max-width: 749px) {
  .howtoSection .animatedImage .glowingCircle {
    top: 10%;
    width: 66%;
    height: 81.78%;
  }
}

@media (max-width: 1149px) {
  .howtoSection+.footerSection {
    margin-top: 58px;
  }

  .howtoList {
    padding: 101px 0px 0px 0px;
  }

  .howtoList .howtoItem:nth-child(2) {
    margin-top: 254px;
  }

  .howtoItem {
    width: 180px;
  }

  .howtoItem .icon {
    height: 53px;
  }

  .howtoItem .icon::before {
    display: none;
  }

  .howtoItem .title {
    margin-top: 4px;
    font-size: 18px;
    line-height: 30px;
  }

  .howtoItem p {
    margin-top: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .howtoItem:first-child .icon {
    padding-left: 0px;
  }

  .howtoItem:nth-child(2) .title {
    margin-top: 11px;
  }

  .registerBlock {
    min-height: unset;
  }

  .registerBlock::after {
    background-image: url(../img/reg_back.png);
    background-size: 120% auto;
    background-position: right -93px top -122px;
  }

  .registerBlock .inner {
    padding-left: 41px;
    padding-right: 35px;
    padding-top: 22px;
    padding-bottom: 20px;
  }

  .registerBlock .inner::before {
    bottom: -185px;
    width: 982px;
    height: 413px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="938px" height="505px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M911.171,146.914 L911.171,345.615 C911.171,356.854 902.061,365.965 890.823,365.965 L53.167,365.965 C41.929,365.965 68.582,356.854 68.582,345.615 L68.582,132.201 C68.582,120.961 77.691,111.850 88.929,111.850 L523.002,111.850 C591.376,111.831 558.944,54.829 619.639,54.829 L890.101,54.829 C912.689,54.829 931.001,73.144 931.001,95.736 L931.001,111.851 C931.001,126.733 923.052,139.757 911.171,146.914 Z"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="938px" height="505px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M911.171,146.914 L911.171,345.615 C911.171,356.854 902.061,365.965 890.823,365.965 L53.167,365.965 C41.929,365.965 68.582,356.854 68.582,345.615 L68.582,132.201 C68.582,120.961 77.691,111.850 88.929,111.850 L523.002,111.850 C591.376,111.831 558.944,54.829 619.639,54.829 L890.101,54.829 C912.689,54.829 931.001,73.144 931.001,95.736 L931.001,111.851 C931.001,126.733 923.052,139.757 911.171,146.914 Z"/></svg>') 0/100% 100%;
  }

  .registerBlock .content {
    margin-top: 55px;
    padding-left: 5px;
    justify-content: space-between;
  }

  .registerBlock .text {
    width: auto;
    font-size: 14px;
    line-height: 20px;
  }

  .registerBlock .button {
    margin-left: 50px;
    padding-top: 0px;
    padding-bottom: 18px;
  }

  .socList li {
    width: 34px;
    height: 34px;
  }

  .socList li img {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .socList li+li {
    margin-left: 8px;
  }

  .footer {
    margin-top: 6px;
  }

  .footer::before {
    left: 0px;
    margin-left: 0px;
    width: 100%;
  }

  .footerTop .footerLogo {
    margin-top: 20px;
  }

  .footerTop .copyright {
    font-size: 12px;
    line-height: 20px;
  }

  .footerLogo {
    width: 192px;
  }

  .footerLinks {
    min-height: 49px;
  }

  .footerLinks .link {
    width: 134px;
  }

  .footerLinks .link a {
    font-size: 10px;
    line-height: 49px;
    letter-spacing: 0.1em;
  }

  .footerMenu li {
    flex-shrink: 0;
  }

  .footerMenu li a {
    font-size: 10px;
    line-height: 49px;
  }

  .footerMenu li+li {
    margin-left: 18px;
  }

  .footerBottom {
    margin-top: 38px;
    padding-bottom: 0px;
  }

  .footerBottom::before {
    height: 49px;
    background-size: 100% auto;
    background-image: url(../img/footer_back_sm.png);
    background-position: center bottom;
  }

  .footerBottom::after {
    display: none;
  }

  .footerBottom .info {
    display: none;
  }

  .authSection .innerSection {
    padding-top: 47px;
  }

  .authSection .titleContainer {
    display: none;
  }

  .authSection .contentContainer {
    margin-top: 0px;
  }

  .authSection::after {
    top: 165px;
    margin-left: -448px;
    width: 910px;
    height: 581px;
  }

  .authSection+.footerSection {
    margin-top: 34px;
  }

  .authBlock .tabContentWrapper {
    display: block;
    background-color: rgba(12, 17, 28, 0.8);
    -webkit-border-radius: 0px 0px 18px 18px;
    -moz-border-radius: 0px 0px 18px 18px;
    -ms-border-radius: 0px 0px 18px 18px;
    border-radius: 0px 0px 18px 18px;
  }

  .authBlock .tabsList {
    display: flex;
  }

  .authBlock .tabsList .tab {
    width: 50%;
    background-color: #1c263b;
    -webkit-border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 25px 0px 0px;
    -ms-border-radius: 25px 25px 0px 0px;
    border-radius: 25px 25px 0px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .authBlock .tabsList .tab a {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 11px;
    line-height: 52px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
  }

  .authBlock .tabsList .tab a span {
    background: #00b2ec;
    background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
    background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .authBlock .tabsList .tab.active {
    background-color: rgba(12, 17, 28, 0.8);
  }

  .authBlock .item {
    padding-top: 30px;
    padding-bottom: 62px;
  }

  .authBlock .item .shadow,
  .authBlock .item .title {
    display: none;
  }

  .authBlock .item::before,
  .authBlock .item::after {
    display: none;
  }

  .authBlock .formBlock {
    margin-top: 0px;
  }

  .authBlock .link {
    margin-top: 20px;
  }

  .authBlock .button {
    margin-top: 30px;
  }

  .aboutStartSection .innerSection {
    padding-top: 50px;
  }

  .aboutStartSection .titleContainer .title {
    font-size: 17px;
    line-height: 22px;
  }

  .aboutStartSection .titleContainer .title span {
    font-size: 25px;
    line-height: 31px;
  }

  .aboutStartSection .titleContainer+.contentContainer {
    margin-top: 30px;
  }

  .videoBlock {
    padding: 3px;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
  }

  .videoBlock::before {
    display: none;
  }

  .videoBlock::after {
    top: -3px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
  }

  .aboutSection {
    margin-top: 50px;
  }

  .aboutSection .wrapper {
    display: block;
  }

  .infoSection {
    margin-top: 70px;
  }

  .infoSection .wrapper {
    flex-direction: column-reverse;
  }

  .infoSection .rightSide {
    width: 100%;
    padding-top: 0px;
  }

  .infoSection .leftSide {
    width: 100%;
    margin-top: 24px;
  }

  .infoSection .titleContainer+.contentContainer {
    margin-top: 30px;
  }

  .infoSection .info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    max-width: unset;
  }

  .infoSection .info .title {
    width: 100%;
  }

  .infoSection .info .reg {
    margin-top: 0px;
    margin-left: 24px;
  }

  .docBlock {
    display: block;
    padding-top: 0px;
    min-height: unset;
  }

  .docBlock::before,
  .docBlock::after {
    display: none;
  }

  .docBlock .title+* {
    margin-top: 16px;
  }

  .missionSection {
    padding-bottom: 70px;
  }

  .missionSection::before {
    display: none;
  }

  .missionSection .titleContainer+.contentContainer {
    margin-top: 30px;
  }

  .missionSection .card {
    min-height: unset;
    padding: 20px;
    font-size: 16px;
    line-height: 24px;
    background-color: rgba(12, 17, 28, 0.549);
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
  }

  .missionSection .card:first-child {
    border: 2px solid #00b2ec;
  }

  .missionSection .card:last-child {
    border: 2px solid #ff03d3;
  }

  .missionSection .card::before {
    display: none;
  }

  .advantagesSection .titleContainer {
    position: static;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }

  .advantagesSection .titleContainer .title {
    font-size: 30px;
    line-height: 40px;
  }

  .advantagesSection .titleContainer+.contentContainer {
    margin-top: 24px;
  }

  .advantagesList {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .advantagesList .item {
    min-height: auto;
    height: 100%;
    padding: 24px;
    -webkit-border-radius: 21px !important;
    -moz-border-radius: 21px !important;
    -ms-border-radius: 21px !important;
    border-radius: 21px !important;
  }

  .advantagesList .item::before {
    display: none !important;
  }

  .advantagesList .item .title,
  .advantagesList .item p {
    max-width: 235px;
  }

  .advantagesList .item .icon {
    top: 30px !important;
    right: 25px !important;
  }

  .footerSection {
    margin-top: 58px !important;
  }

  .contactsSection .titleContainer {
    top: 317px;
  }

  .contactsSection .mapBlock {
    margin-top: 24px;
  }

  .contactsGrid .item {
    padding: 20px;
    align-items: flex-start !important;
  }

  .contactsGrid .item::before {
    height: 52px;
  }

  .contactsGrid .item:nth-child(1) .img {
    left: 20px;
    bottom: -35px;
  }

  .contactsGrid .item:nth-child(2) .img {
    right: 20px;
    bottom: -35px;
  }

  .contactsGrid .item:nth-child(3) .img {
    left: 20px;
    top: -35px;
  }

  .contactsGrid .item:nth-child(4) .img {
    right: 20px;
    top: -35px;
  }

  .contactFormSection {
    margin-top: 50px;
  }

  .contactFormSection .contentContainer {
    padding: 20px;
  }

  .contactFormSection .formGrid {
    gap: 20px;
  }

  .contactFormSection .button {
    margin-top: 20px;
  }

  .faqSection .titleContainer br {
    display: block;
  }

  .faqTabs .tabsList {
    display: none;
  }

  .faqTabs .topicTab {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .faqTabs .topicTab>span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background: #00b2ec;
    background: -moz-linear-gradient(left, #ffffff 0%, #f29f13 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #f29f13 100%);
    background: linear-gradient(to right, #ffffff 0%, #f29f13 100%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgb(255, 255, 255);
    text-fill-color: rgb(255, 255, 255);
  }

  .faqTabs .topicTab .icon {
    position: relative;
    width: 22px;
    height: 22px;
  }

  .faqTabs .topicTab .icon img {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    max-width: unset;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .faqTabs .topicTab .icon .show {
    opacity: 1;
  }

  .faqTabs .topicTab .icon .hide {
    opacity: 0;
  }

  .faqTabs .topicTab.active>span {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }

  .faqTabs .topicTab.active .icon .show {
    opacity: 0;
  }

  .faqTabs .topicTab.active .icon .hide {
    opacity: 1;
  }

  .faqTabs .topicTab.active+.topicContent {
    display: block;
  }

  .faqTabs .topicContent {
    display: none;
  }

  .faqTabs>.tabContentWrapper {
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .faqTabs>.tabContentWrapper>.tabContent {
    display: block;
    padding: 12px 20px;
    background-color: rgba(16, 22, 35, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .faqTabs>.tabContentWrapper>.tabContent+.tabContent {
    margin-top: 16px;
  }

  .faqList {
    padding-top: 24px;
  }

  .faqItem .head {
    padding-left: 16px;
    padding-right: 16px;
  }

  .faqItem .head::before {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="21" ry="21" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" ><rect x="2" y="2" width="100%" height="100%" style="height:calc(100% - 4px);width:calc(100% - 4px)" rx="21" ry="21" stroke-width="2" fill="transparent" stroke="white"/></svg>') 0/100% 100%;
  }

  .faqItem .title {
    font-size: 16px;
    line-height: 24px;
  }

  .faqItem .content .in {
    padding: 16px 0px;
  }

  .faqItem+.faqItem {
    margin-top: 16px;
  }

  .termsSection .titleContainer+.contentContainer {
    margin-top: 24px;
  }

  .termsSection .main {
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px;
  }

  .termsSection .main .textBlock .lead {
    font-size: 16px;
    line-height: 25px;
  }

  .termsSection .main::before {
    display: none;
  }

  .termsList {
    margin-top: 30px;
  }

  .termItem {
    padding: 20px;
  }

  .termItem .num {
    left: 370px;
    top: -3px;
    font-size: 70px;
    line-height: 80px;
  }

  .termItem .num::before {
    display: none;
  }

  .termItem .titleBlock {
    max-width: 350px;
  }

  .termItem .title {
    line-height: 30px;
  }

  .termItem .contentBlock {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .termItem::before {
    height: calc(100% - 52px);
  }

  .termItem::after {
    height: 52px;
  }

  .termItem+.termItem {
    margin-top: 25px;
  }

  .verificationInfo {
    display: block;
  }

  .verificationInfo .item {
    width: 100%;
  }

  .verificationInfo .item+.item {
    margin-top: 30px;
  }

  .verificationInfo .titleBlock {
    padding-left: 26px;
  }

  .verificationInfo .imageContainer {
    margin-left: auto;
    margin-right: auto;
    height: 269px;
  }

  .verificationInfo .textBlock,
  .walletInfo .textBlock,
  .dashboardInfo .textBlock,
  .paymentsInfo .textBlock,
  .progressInfo .textBlock,
  .transferInfo .textBlock {
    font-size: 14px;
    line-height: 20px;
  }

  .walletInfo {
    padding-left: 20px;
    padding-top: 240px;
    clip-path: polygon(0px 0px, calc(100% - 298px) -0.006px, calc(100% - 298px + 11.61119px) 1.74134px, calc(100% - 298px + 19.93084px) 6.48412px, calc(100% - 298px + 25.82487px) 13.47348px, calc(100% - 298px + 30.1592px) 21.96056px, calc(100% - 298px + 33.79975px) 31.1965px, calc(100% - 298px + 37.61244px) 40.43244px, calc(100% - 298px + 42.46319px) 48.91952px, calc(100% - 298px + 49.21792px) 55.90888px, calc(100% - 298px + 58.74255px) 60.65166px, calc(100% - 298px + 71.903px) 62.399px, calc(100% - 298px + 81.122px) 62.399px, calc(100% - 298px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
    padding-bottom: 35px;
  }

  .walletInfo .visual {
    width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    height: auto;
    height: 233px;
  }

  .walletInfo .visual img {
    max-width: none;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
  }

  .walletInfo .visual img:not(.mobImage) {
    display: none;
  }

  .walletInfo .visual .mobImage {
    display: block;
  }

  .walletsList li {
    width: calc(50% - 10px);
  }

  .walletShortCard {
    padding: 18px 10px 18px 74px;
    min-height: 140px;
  }

  .walletShortCard .icon {
    left: 74px;
  }

  .filterForm .dates {
    width: calc(50% + 13px);
  }

  .filterForm .params {
    max-width: 100%;
    width: calc(50% - 13px);
    padding: 0px 0px 0px 39px;
  }

  .filterForm .formWrap {
    flex-wrap: wrap;
  }

  .filterForm .btnContainer {
    padding-top: 25px;
  }

  .historyList .cell:first-child {
    width: 130px;
  }

  .historyList .cell:nth-child(2) {
    width: 91px;
    padding-right: 12px;
    padding-left: 22px;
  }

  .historyList .cell:nth-child(3) {
    width: 129px;
    padding-right: 12px;
  }

  .historyList .cell:nth-child(4) {
    width: 103px;
    padding-right: 12px;
  }

  .historyList .cell:last-child {
    width: calc(100% - 103px - 129px - 91px - 130px);
    padding-right: 12px;
  }

  .dashboardInfo {
    display: block;
    text-align: left;
  }

  .dashboardInfo:before {
    display: none;
  }

  .dashboardInfo .titleBlock br {
    display: none;
  }

  .dashboardInfo .textBlock {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
    margin-top: 0px;
  }

  .dashboardInfo .icon {
    top: 56px;
  }

  .dashboardInfo .item {
    width: 100%;
    min-height: 0px;
    background-image: none;
    padding: 76px 20px 30px 195px;
  }

  .dashboardInfo .item:before {
    clip-path: polygon(0px 0px, calc(100% - 515px) -0.006px, calc(100% - 515px + 11.61119px) 1.74134px, calc(100% - 515px + 19.93084px) 6.48412px, calc(100% - 515px + 25.82487px) 13.47348px, calc(100% - 515px + 30.1592px) 21.96056px, calc(100% - 515px + 33.79975px) 31.1965px, calc(100% - 515px + 37.61244px) 40.43244px, calc(100% - 515px + 42.46319px) 48.91952px, calc(100% - 515px + 49.21792px) 55.90888px, calc(100% - 515px + 58.74255px) 60.65166px, calc(100% - 515px + 71.903px) 62.399px, calc(100% - 515px + 81.122px) 62.399px, calc(100% - 515px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
  }

  .dashboardInfo .item+.item {
    margin-top: 10px;
  }

  .dashboardInfo .item:nth-child(2n+1) .icon {
    left: 28px;
  }

  .dashboardInfo .item:nth-child(2n) {
    padding: 12px 218px 90px 20px;
    text-align: right;
  }

  .dashboardInfo .item:nth-child(2n):before {
    transform: scale(-1, -1);
  }

  .dashboardInfo .item:nth-child(2n) .icon {
    right: 28px;
    top: auto;
    bottom: 50px;
  }

  .paymentsInfo {
    display: block;
  }

  .paymentsInfo+.paymentsInfo {
    margin-top: 20px;
  }

  .paymentsInfo .item {
    width: 100%;
  }

  .paymentsInfo .item+.item {
    margin-top: 20px;
  }

  .paymentsInfo .titleContainer {
    width: calc(100% - 332px);
    padding-right: 30px;
  }

  .paymentsInfo .head {
    display: flex;
    align-items: center;
    padding: 18px 28px 18px 52px;
  }

  .paymentsInfo .head .chartContainer {
    width: 332px;
    margin-top: 0px;
  }

  .paymentsInfo .content {
    text-align: left;
    padding-top: 0px;
  }

  .chartPanel {
    padding: 5px 22px 27px 22px;
  }

  .chartPanel .chartContainer {
    margin-top: 23px;
  }

  .progressInfo .item:nth-child(5n+3) {
    padding-left: 30px;
  }

  .partnersInfo .column {
    display: block;
  }

  .partnersInfo .item {
    width: 100%;
  }

  .partnersInfo .item+.item {
    margin-top: 20px;
  }

  .partnersInfo .infoPanel {
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
    padding: 20px 20px 30px;
  }

  .partnersInfo .infoPanel.leftVis {
    padding-left: calc(50% + 52px);
    padding-top: 14px;
    padding-bottom: 35px;
    background-position: calc(50% + 15px) center;
  }

  .partnersInfo .infoPanel.leftVis .back {
    background-position: calc(50% + 193px) calc(50% - 30px);
  }

  .partnersInfo .infoPanel.topVis {
    padding-top: 20px;
    padding-left: calc(50% + 52px);
  }

  .partnersInfo .infoPanel.topVis .back {
    background-position: calc(50% + 26px) 50%;
    width: calc(50% - 52px);
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: inset -40px 0px 40px 0px #171b27;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
  }

  .partnersInfo .infoPanel .chartContainer {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .partnersInfo .infoPanel .chartContainer img {
    margin-left: auto;
    margin-right: auto;
  }

  .partnersInfo .column+.column {
    margin-top: 20px;
  }

  .partnersInfo .diagram {
    left: 65px;
    top: calc(50% - 125px);
  }

  .partnersInfo .diagram+.infoPanel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: calc(50% + 52px);
    padding-top: 20px;
    min-height: 314px;
  }

  .transferInfo {
    display: block;
  }

  .transferInfo .column {
    width: 100%;
  }

  .transferInfo .column+.column {
    margin-top: 20px;
  }

  .transferInfo .infoPanel {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    clip-path: polygon(0px 0px, calc(100% - 437px) -0.006px, calc(100% - 437px + 11.61119px) 1.74134px, calc(100% - 437px + 19.93084px) 6.48412px, calc(100% - 437px + 25.82487px) 13.47348px, calc(100% - 437px + 30.1592px) 21.96056px, calc(100% - 437px + 33.79975px) 31.1965px, calc(100% - 437px + 37.61244px) 40.43244px, calc(100% - 437px + 42.46319px) 48.91952px, calc(100% - 437px + 49.21792px) 55.90888px, calc(100% - 437px + 58.74255px) 60.65166px, calc(100% - 437px + 71.903px) 62.399px, calc(100% - 437px + 81.122px) 62.399px, calc(100% - 437px + 81.923px) 62.399px, calc(100% - 22.393px) 62.399px, calc(100% - 22.393px + 3.632185px) 62.692095px, calc(100% - 22.393px + 7.0778px) 63.54064px, calc(100% - 22.393px + 10.290735px) 64.898525px, calc(100% - 22.393px + 13.22488px) 66.71964px, calc(100% - 22.393px + 15.834125px) 68.957875px, calc(100% - 22.393px + 18.07236px) 71.56712px, calc(100% - 22.393px + 19.893475px) 74.501265px, calc(100% - 22.393px + 21.25136px) 77.7142px, calc(100% - 22.393px + 22.099905px) 81.159815px, calc(100% - 22.393px + 22.393px) 84.792px, 100% 100%, 0px 100%, 0px 0px);
    position: relative;
  }

  .transferInfo .icon {
    float: left;
    width: 360px;
    margin-right: 22px;
    height: 253px;
    margin-bottom: 15px;
    margin-top: -40px;
  }

  .transferInfo .chartEdge {
    margin-right: 0px;
    margin-top: 24px;
  }

  .transferInfo .diagramContainer {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
  }

  .airdropInfo {
    padding: 60px 30px 63px;
    flex-wrap: wrap;
  }

  .airdropInfo:before {
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, calc(50% + 200px) 100%, calc(50% + 200px - 11.61119px) calc(100% - 1.74134px), calc(50% + 200px - 19.93084px) calc(100% - 6.48412px), calc(50% + 200px - 25.82487px) calc(100% - 13.47348px), calc(50% + 200px - 30.1592px) calc(100% - 21.96056px), calc(50% + 200px - 33.79975px) calc(100% - 31.1965px), calc(50% + 200px - 37.61244px) calc(100% - 40.43244px), calc(50% + 200px - 42.46319px) calc(100% - 48.91952px), calc(50% + 200px - 49.21792px) calc(100% - 55.90888px), calc(50% + 200px - 58.74255px) calc(100% - 60.65166px), calc(50% + 200px - 71.903px) calc(100% - 62.399px), calc(50% + 200px - 81.923px) calc(100% - 62.399px), calc(50% - 200px + 81.923px) calc(100% - 62.399px), calc(50% - 200px + 71.903px) calc(100% - 62.399px), calc(50% - 200px + 58.74255px) calc(100% - 60.65166px), calc(50% - 200px + 49.21792px) calc(100% - 55.90888px), calc(50% - 200px + 42.46319px) calc(100% - 48.91952px), calc(50% - 200px + 37.61244px) calc(100% - 40.43244px), calc(50% - 200px + 33.79975px) calc(100% - 31.1965px), calc(50% - 200px + 30.1592px) calc(100% - 21.96056px), calc(50% - 200px + 25.82487px) calc(100% - 13.47348px), calc(50% - 200px + 19.93084px) calc(100% - 6.48412px), calc(50% - 200px + 11.61119px) calc(100% - 1.74134px), calc(50% - 200px) 100%, 0px 100%);
  }

  .airdropInfo:after {
    background-position: calc(50% - 140px) bottom, calc(50% + 140px) bottom;
    height: 210px;
    bottom: -20px;
  }

  .airdropInfo .bulletSide {
    width: calc(50% - 30px);
  }

  .airdropInfo .centerData {
    width: 100%;
    order: 1;
    padding-top: 100px;
  }
}

@media (max-width: 749px) {
  .lineCard ul {
    text-align: center;
  }
  .programSection .cabTabs {
    display: none;
  }
  .container {
    max-width: 480px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header .burgerWrapper {
    margin-right: 26px;
  }

  .startSectionWrapper .back {
    margin-right: -375px;
    width: 750px;
  }

  .startSection {
    padding-top: 241px;
  }

  .startSection .image {
    left: 0px;
    top: auto;
    bottom: calc(100% - 150px);
    -moz-transform: scale(0.425);
    -ms-transform: scale(0.425);
    -webkit-transform: scale(0.425);
    -o-transform: scale(0.425);
    transform: scale(0.425);
  }

  .startSection .logo {
    margin-top: -178px;
  }

  .mainAboutSection {
    margin-top: 20px;
  }

  .mainAboutSection .titleContainer {
    margin: 0px -5px;
  }

  .mainAboutSection::before {
    top: -30px;
    margin-left: -330px;
    width: 660px;
    height: 492px;
  }

  .mainAboutSlider .swiper-navigation {
    margin-top: 10px;
  }

  .mainAboutSlide {
    padding-bottom: 33px;
  }

  .mainAboutSlide .content {
    margin-top: 15px;
  }

  .mainOfferSection {
    margin-top: 37px;
  }

  .mainOfferSection .wrapper {
    display: block;
  }

  .mainOfferSection .leftSide {
    width: 100%;
  }

  .mainOfferSection .rightSide {
    margin-top: 16px;
    width: 100%;
  }

  .mainOfferSection .titleContainer+.contentContainer {
    margin-top: 14px;
  }

  .mainOfferSection .button {
    margin-top: 20px;
  }

  .mainOfferSection .image1 {
    width: 326px;
    max-width: unset;
    margin-left: 0;
  }

  .mainOfferSection .image2 {
    width: 123px;
    top: -13px;
    left: -50px;
    display: none;
  }

  .mainOfferSection .mainAddressBlock {
    margin-top: 27px;
  }

  .mainAddressBlock {
    width: 100%;
  }

  .roadmapSection {
    margin-top: 83px;
  }

  .stepsSection {
    margin-top: 44px;
  }

  .stepsSection .titleContainer+.contentContainer {
    margin-top: 10px;
  }

  .stepsSection .stepsList {
    margin-top: 25px;
  }

  .stepsList {
    overflow: visible;
  }

  .stepsList .swiper-wrapper {
    display: flex;
    gap: unset;
  }

  .stepsList .swiper-slide {
    width: 260px;
  }

  .stepsList .swiper-navigation {
    margin-top: 39px;
    display: flex;
    justify-content: center;
  }

  .stepsList .swiper-button-prev,
  .stepsList .swiper-button-next {
    position: static;
    opacity: 1;
  }

  .stepsList .swiper-button-prev::after,
  .stepsList .swiper-button-next::after {
    display: none;
  }

  .stepsList .swiper-button-prev {
    width: 32px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
  }

  .stepsList .swiper-button-prev img {
    width: 72px;
    max-width: unset;
  }

  .stepsList .swiper-button-next {
    margin-left: 30px;
    width: 32px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
  }

  .stepsList .swiper-button-next img {
    width: 72px;
    max-width: unset;
  }

  .stepItem {
    padding-right: 0px;
  }

  .howtoSection {
    margin-top: 40px;
    padding-bottom: 0px;
  }

  .howtoSection .titleContainer .subtitle {
    margin-top: 10px;
  }

  .howtoSection .subtitle {
    max-width: 88%;
  }

  .howtoSection::before {
    margin-left: -375px;
    top: 103px;
    width: 750px;
    height: 369px;
  }

  .howtoSection .contentContainer {
    margin-top: 28px;
  }

  .howtoSection .contentContainer .image {
    left: -8%;
    width: 116%;
  }

  .howtoSection+.footerSection {
    margin-top: 48px;
  }

  .howtoList {
    display: block;
    padding-top: 61.5%;
  }

  .howtoItem {
    display: block;
    width: 100%;
  }

  .howtoItem .title {
    margin-top: 36px !important;
  }

  .howtoItem+.howtoItem {
    margin-top: 36px !important;
  }

  .registerBlock {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
  }

  .registerBlock .inner {
    padding-left: 20px;
    padding-right: 25px;
    padding-top: 33px;
    padding-bottom: 20px;
  }

  .registerBlock .inner::before {
    right: auto;
    bottom: auto;
    width: 604px;
    height: calc(100% + 36px);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="604px" height="339px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M538.446,121.327 L538.446,276.604 C538.446,284.822 531.785,291.483 523.567,291.483 L52.599,291.483 C44.381,291.483 63.871,284.822 63.871,276.604 L63.871,110.570 C63.871,102.352 70.532,95.691 78.750,95.691 L244.734,95.691 L245.509,95.691 L254.572,95.691 C304.605,95.691 280.872,54.001 325.264,54.001 L523.039,54.001 C539.557,54.001 552.947,67.391 552.947,83.909 L552.947,95.691 C552.947,106.572 547.135,116.094 538.446,121.327 Z"/></svg>') 0/100% 100%;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="604px" height="339px" preserveAspectRatio="none"><path fill-rule="evenodd" d="M538.446,121.327 L538.446,276.604 C538.446,284.822 531.785,291.483 523.567,291.483 L52.599,291.483 C44.381,291.483 63.871,284.822 63.871,276.604 L63.871,110.570 C63.871,102.352 70.532,95.691 78.750,95.691 L244.734,95.691 L245.509,95.691 L254.572,95.691 C304.605,95.691 280.872,54.001 325.264,54.001 L523.039,54.001 C539.557,54.001 552.947,67.391 552.947,83.909 L552.947,95.691 C552.947,106.572 547.135,116.094 538.446,121.327 Z"/></svg>') 0/100% 100%;
    left: -93px;
    top: 17px;
  }

  .registerBlock .title {
    min-height: 60px;
    font-size: 20px;
    line-height: 30px;
  }

  .registerBlock .content {
    display: block;
    padding-left: 0px;
    margin-top: 34px;
  }

  .registerBlock .text {
    max-width: 290px;
  }

  .registerBlock .button {
    margin-top: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
  }

  .footer {
    margin-top: 0px;
  }

  .footer .backLogo {
    top: 110px;
  }

  .footerTop {
    padding-top: 63px;
  }

  .footerBottom {
    margin-top: 10px;
  }

  .footerBottom::before {
    top: auto;
    bottom: 0px;
    background-size: auto 100%, auto 100%;
    background-image: url(../img/footer_back_sm.png), url(../img/footer_back_sm.png);
    background-position: left bottom, right bottom;
  }

  .footerLinks {
    flex-wrap: wrap;
  }

  .footerLinks .link {
    width: 140px;
  }

  .footerLinks .footerMenu {
    order: -1;
    width: 100%;
  }

  .footerMenu {
    margin-bottom: 5px;
  }

  .footerMenu li+li {
    margin-left: 17px;
  }

  .authSection+.footerSection {
    margin-top: 2px;
  }

  .authSection::after {
    top: 290px;
    margin-left: -310px;
    width: 630px;
    height: 402px;
  }

  .authBlock .fieldBlock.grid {
    display: block;
  }

  .authBlock .col+.col {
    margin-top: 19px;
  }

  .mobileCabMenu .inner {
    max-width: 480px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cabinetHeader,
  .cabinetInfo,
  .cabinetContent {
    max-width: 480px;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .cabinetHeader .logoWrapper {
    padding-top: 18px;
    padding-left: 7px;
  }

  .cabinetHeader .burgerWrapper {
    margin-right: 34px;
  }

  .dashboardStat::before {
    left: 50%;
    margin-left: -189px;
  }

  .dashboardStat .item {
    padding: 7px 11px 4px 10px;
  }

  .dashboardStat .item:last-child .param {
    margin-left: -3%;
  }

  .dashboardMore .partner {
    padding: 9px 10px 12px;
  }

  .dashboardProfitSlider .swiper-slide:first-child {
    width: 308px;
  }

  .dashboardProfitSlider .swiper-navigation {
    margin-top: 18px;
  }

  .profitChart {
    padding: 18px 10px 15px 15px;
  }

  .cabTabs>.tabContentWrapper>.tabContent {
    padding: 11px 25px 13px 21px;
  }

  .cabTabs .info {
    margin-top: 36px;
  }

  .cabTabs .info .textBlock {
    -webkit-columns: unset;
    -moz-columns: unset;
    columns: unset;
  }

  .cabTabs .info+.depositSlider {
    margin-top: 42px;
  }

  .cabTabs .topicTab {
    margin-right: -10px;
  }

  .walletSection {
    display: block;
  }

  .walletSection .item+.item {
    margin-top: 10px;
  }

  .settingsSection {
    display: block;
  }

  .settingsForm+.settingsForm {
    margin-top: 20px;
  }

  .securitySettings .buttonWrap {
    margin-top: 22px;
  }

  .programTabs .topicTab {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .programTabs .topicTab>span {
    font-size: 10px;
    line-height: 35px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .programTabs .topicTab .icon {
    width: 18px;
    height: 18px;
    margin-right: 14px;
  }

  .programTabs>.tabContentWrapper {
    background-image: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .programTabs>.tabContentWrapper>.tabContent {
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid #333d53;
  }

  .programTabs>.tabContentWrapper>.tabContent.active {
    background-color: transparent;
  }

  .programTabs>.tabContentWrapper>.tabContent+.tabContent {
    margin-top: 0px;
  }

  .levelBlock {
    position: relative;
    display: block;
    padding-left: 92px;
    padding-top: 7px;
  }

  .levelBlock .icon {
    position: absolute;
    left: 26px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .levelBlock .data {
    margin-left: 0px;
  }

  .levelBlock .value {
    line-height: 20px;
  }

  .levelBlock .pct {
    margin-left: 0px;
    font-size: 24px;
    line-height: 24px;
  }

  .rangTable {
    padding-right: 18px;
  }

  .rangTable .table {
    max-width: 100% !important;
  }

  .rangTable .rangs li {
    width: auto;
    min-width: 135px;
  }

  .partnersStat .referralStat {
    top: 122px;
  }

  .partnersStat .dashboardStat {
    gap: 80px 18px;
  }

  .partnersStat .dashboardStat .item {
    min-height: 115px;
    padding: 7px 10px 4px 10px;
  }

  .partnersStat .dashboardStat .item::before {
    height: calc(100% - 28px);
  }

  .partnersStat .dashboardStat .item::after {
    height: 28px;
  }

  .partnersStat .dashboardStat .item:nth-child(1) .icon {
    left: 10px;
    bottom: 12px;
  }

  .partnersStat .dashboardStat .item:nth-child(1) .icon::before {
    left: -5px;
  }

  .partnersStat .dashboardStat .item:nth-child(1)::before {
    -webkit-border-radius: 10px 10px 10px 0px;
    -moz-border-radius: 10px 10px 10px 0px;
    -ms-border-radius: 10px 10px 10px 0px;
    border-radius: 10px 10px 10px 0px;
  }

  .partnersStat .dashboardStat .item:nth-child(2) .icon {
    right: 16px;
    bottom: 14px;
  }

  .partnersStat .dashboardStat .item:nth-child(2) .icon::before {
    left: auto;
    right: -5px;
  }

  .partnersStat .dashboardStat .item:nth-child(2)::before {
    -webkit-border-radius: 10px 10px 0px 10px;
    -moz-border-radius: 10px 10px 0px 10px;
    -ms-border-radius: 10px 10px 0px 10px;
    border-radius: 10px 10px 0px 10px;
  }

  .partnersStat .dashboardStat .item:nth-child(3) .icon {
    left: 10px;
    top: 12px;
  }

  .partnersStat .dashboardStat .item:nth-child(3) .icon::before {
    left: -5px;
  }

  .partnersStat .dashboardStat .item:nth-child(3)::before {
    -webkit-border-radius: 0px 10px 10px 10px;
    -moz-border-radius: 0px 10px 10px 10px;
    -ms-border-radius: 0px 10px 10px 10px;
    border-radius: 0px 10px 10px 10px;
  }

  .partnersStat .dashboardStat .item:nth-child(4) .icon {
    right: 15px;
    top: 15px;
  }

  .partnersStat .dashboardStat .item:nth-child(4) .icon::before {
    left: auto;
    right: -5px;
  }

  .partnersStat .dashboardStat .item:nth-child(4)::before {
    bottom: 0px;
    -webkit-border-radius: 10px 0px 10px 10px;
    -moz-border-radius: 10px 0px 10px 10px;
    -ms-border-radius: 10px 0px 10px 10px;
    border-radius: 10px 0px 10px 10px;
  }

  .partnersStat .dashboardStat .icon {
    width: auto;
    height: 34px;
  }

  .partnersStat .dashboardStat .icon::before {
    width: 40px;
  }

  .verificationList {
    display: block;
  }

  .verificationList .item+.item {
    margin-top: 20px;
  }

  .verificationList .button {
    margin-top: 20px;
  }

  .verificationList .button [class*=btn] {
    width: 100%;
  }

  .verifyCard .head {
    min-height: 80px;
  }

  .verifyCard .data {
    min-height: 200px;
  }

  .aboutSection {
    margin-top: 50px;
  }

  .aboutSection .titleContainer+.contentContainer {
    margin-top: 16px;
  }

  .infoSection {
    margin-top: 50px;
  }

  .infoSection .titleContainer+.contentContainer {
    margin-top: 16px;
  }

  .infoSection .info {
    display: block;
  }

  .infoSection .info .reg {
    margin-top: 12px;
    margin-left: 0px;
  }

  .missionSection {
    margin-top: 50px;
    padding-bottom: 50px;
  }

  .missionSection .wrapper {
    display: block;
  }

  .missionSection .card {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .missionSection .card+.card {
    margin-top: 16px;
  }

  .advantagesList {
    display: block;
  }

  .advantagesList .item {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    border-radius: 10px !important;
  }

  .advantagesList .item+.item {
    margin-top: 16px;
  }

  .advantagesList .item .icon {
    position: static;
    margin-bottom: 12px;
    justify-content: flex-start;
  }

  .advantagesList .item .title,
  .advantagesList .item p {
    max-width: 100%;
  }

  .footerSection {
    margin-top: 48px !important;
  }

  .contactsSection .titleContainer {
    position: static;
  }

  .contactsSection .titleContainer+.contentContainer {
    margin-top: 16px;
  }

  .contactsSection .mapBlock {
    width: 100%;
  }

  .contactsGrid {
    display: block;
  }

  .contactsGrid .item {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    border-radius: 10px !important;
  }

  .contactsGrid .item::before {
    display: none !important;
  }

  .contactsGrid .item .img {
    position: static;
    margin-bottom: 16px;
  }

  .contactsGrid .item+.item {
    margin-top: 16px;
  }

  .contactsItem .data {
    flex-wrap: wrap;
  }

  .contactFormSection .titleContainer .subtitle {
    display: block;
    padding-left: 0px;
  }

  .contactFormSection .formGrid {
    display: block;
  }

  .contactFormSection .col+.col {
    margin-top: 23px;
  }

  .termsSection .main {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .termItem {
    background-color: rgba(26, 32, 45, 0.702);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .termItem .num {
    display: none;
  }

  .termItem::before,
  .termItem::after {
    display: none;
  }

  .blockMod .close {
    padding: 10px;
    top: 2px;
    right: 2px;
  }

  .blockMod .close img {
    width: 12px;
    height: auto;
  }

  .blockMod .buttonWrap {
    margin-top: 28px;
  }

  .blockMod .buttonWrap [class*=btn] {
    min-width: 202px;
  }

  .modalPay {
    max-width: 353px;
    padding: 35px 14px 31px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .modalPay .titleContainer>span:not(.title) {
    display: none;
  }

  .modalPay .titleContainer>.title {
    font-size: 20px;
    line-height: 50px;
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    -webkit-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    transform: translateY(-150%);
  }

  .modalPay .titleContainer+.contentContainer {
    margin-top: 0px;
  }

  .payFormGrid {
    background-image: none;
  }

  .payFormGrid .fieldWrap {
    position: relative;
    margin-top: 68px;
    display: block;
    padding: 26px 20px 20px;
    background-color: #121724;
    background-image: url(../img/modal_back_left.png), url(../img/modal_back_right.png);
    background-size: auto, auto;
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }

  .payFormGrid .fieldWrap::before,
  .payFormGrid .fieldWrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 100%;
    width: 100%;
    height: 25px;
  }

  .payFormGrid .fieldWrap::before {
    background-image: url(../img/modal_back_el_left.png);
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
  }

  .payFormGrid .fieldWrap::after {
    background-image: url(../img/modal_back_el_right.png);
    background-size: auto 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
  }

  .payFormGrid .result,
  .payFormGrid .field {
    padding: 0px;
    min-height: unset;
    background-image: none;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .payFormGrid .result::before,
  .payFormGrid .field::before {
    display: none;
  }

  .payFormGrid .result {
    margin-top: 30px;
  }

  .payFormGrid .result .param {
    font-size: 10px;
    line-height: 10px;
  }

  .payFormGrid .result .value {
    line-height: 36px;
  }

  .paymentsList {
    display: block;
    padding: 27px 20px 56px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
  }

  .paymentsList>.item {
    display: none;
  }

  .paymentsList>.select {
    display: block;
  }

  .paymentsList::before {
    height: 25px;
    background-size: 100% 100%;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }

  .modalReplenish {
    max-width: 353px;
    padding: 33px 20px 29px;
  }

  .modalReplenish .replenishInfo {
    margin-top: -13px;
  }

  .modalReplenish .modalTable {
    margin-top: 30px;
  }

  .modalReplenish .note {
    margin-top: 16px;
    line-height: 16px;
    text-align: left;
  }

  .modalReplenish .buttonsWrap {
    margin-top: 26px;
  }

  .modalReplenish .buttonsWrap [class*=btn] {
    min-width: 139px;
  }

  .modalReplenish .buttonsWrap [class*=btn]+[class*=btn] {
    margin-left: 20px;
  }

  .accountBlock {
    display: block;
    padding-left: 16px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 44px;
  }

  .accountBlock .shadow {
    bottom: -48px;
    width: 100%;
    height: 115px;
    background-size: 100%;
  }

  .accountBlock .info p {
    line-height: 16px;
  }

  .accountBlock .title {
    font-size: 20px;
    line-height: 35px;
  }

  .accountBlock .title+p {
    margin-top: 0px;
  }

  .accountBlock .code {
    margin-left: 0px;
    margin-top: 17px;
    padding-top: 0px;
  }

  .accountBlock .code .qr {
    margin-left: auto;
    margin-right: auto;
    width: 105px;
    height: 102px;
  }

  .accountBlock .code .qr img {
    width: 82px;
  }

  .accountBlock .code span {
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
  }

  .accountBlock .code span br {
    display: none;
  }

  .accountBlock::before {
    height: calc(100% - 25px);
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
  }

  .accountBlock::after {
    height: 25px;
    background-size: 100% 100%;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }

  .modalTable {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modalTable .shadow {
    left: -20px;
    bottom: -40px;
    width: 353px;
    height: 166px;
    background-size: 100% auto;
  }

  .modalTable.bottom {
    padding-bottom: 36px;
  }

  .modalTable.bottom ul {
    padding-top: 12px;
  }

  .modalTable.bottom::after {
    height: 25px;
    background-size: 100% 100%;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }

  .modalTable.bottom::before {
    height: calc(100% - 25px);
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
  }

  .modalTable.top {
    padding-top: 46px;
  }

  .modalTable.top::after {
    height: 25px;
    background-size: 100% 100%;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
  }

  .modalTable.top::before {
    height: calc(100% - 25px);
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }

  .modalTable ul {
    padding-top: 0px;
  }

  .modalTable li {
    min-height: 30px;
  }

  .modalTable .param {
    font-size: 10px;
    line-height: 10px;
  }

  .modalTable .name {
    font-size: 14px;
  }

  .modalTable .wallet {
    font-size: 10px;
    line-height: 10px;
  }

  .modalTable .wallet>span {
    position: relative;
    max-width: 92px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .modalTable .sum {
    font-size: 16px;
    line-height: 1;
  }

  .modalTable .sum sup {
    font-size: 10px;
  }

  .modalTable .pay .icon {
    width: 24px;
    height: 24px;
  }

  .modalTable .pay .icon img {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .modalTable .copyContainer .copyLink {
    margin-left: 5px;
  }

  .modalTransfer {
    max-width: 353px;
    padding: 20px 14px 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .modalTransfer .titleContainer>.title {
    font-size: 20px;
    line-height: 50px;
  }

  .modalTransfer .titleContainer+.contentContainer {
    margin-top: 24px;
  }

  .payFormGrid.invert {
    display: flex;
    flex-direction: column;
    gap: unset;
  }

  .payFormGrid.invert .transferBalance {
    position: static;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    order: -1;
  }

  .payFormGrid.invert .fieldset {
    margin-top: 16px;
    min-height: unset;
    padding: 20px !important;
    background-image: none !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    border-radius: 10px !important;
  }

  .payFormGrid.invert .fieldset::before,
  .payFormGrid.invert .fieldset .num {
    display: none !important;
  }

  .payFormGrid.invert .transferResult {
    background-color: #121724;
    background-image: none;
  }

  .transferBalance .value {
    font-size: 30px;
    line-height: 30px;
  }

  .transferBalance .value sup {
    font-size: 12px;
  }

  .modalInvest,
  .modalWarning {
    max-width: 353px;
    padding: 20px 14px 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .modalInvest .titleContainer,
  .modalWarning .titleContainer {
    font-size: 20px;
    line-height: 30px;
  }

  .modalInvest .titleContainer+.contentContainer,
  .modalWarning .titleContainer+.contentContainer {
    margin-top: 24px;
  }

  .modalInvest .field,
  .modalWarning .field {
    margin-top: 16px;
    max-width: 100%;
  }

  .modalInvest .buttonsWrap,
  .modalWarning .buttonsWrap {
    margin-top: 26px;
  }

  .modalWarning .message {
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .modalWarning .message::before {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }

  .modalWarning .message::after {
    left: -10px;
    bottom: -62px;
    width: 353px;
    height: 190px;
    background-size: 100%;
  }

  .modalWarning .message p+p {
    margin-top: 8px;
  }

  .modalWarning .message .cap {
    font-size: 18px;
    line-height: 30px;
  }

  .modalWarning .message .cap+p {
    margin-top: 12px;
  }

  .modalWarning .note {
    margin-top: 16px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
  }

  .verificationInfo .titleBlock {
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }

  .verificationInfo .item {
    padding: 12px 15px 40px;
    clip-path: none;
  }

  .verificationInfo .item+.item {
    margin-top: 20px;
  }

  .walletInfo {
    padding-left: 10px;
    padding-right: 10px;
    clip-path: none;
  }

  .walletsList li {
    width: 100%;
    margin-top: 10px;
  }

  .walletShortCard {
    padding: 0px 10px 18px 120px;
    min-height: 112px;
  }

  .walletShortCard .icon {
    left: 54px;
    top: calc(50% - 26px);
    z-index: 2;
  }

  .walletShortCard .sum .val {
    font-size: 24px;
    line-height: 30px;
  }

  .walletShortCard .sum .par {
    padding-left: 0px;
  }

  .filterForm {
    padding: 28px 10px;
  }

  .filterForm .date+.date {
    margin-top: 15px;
  }

  .filterForm .dates {
    width: 100%;
  }

  .filterForm .params {
    width: 100%;
    padding: 0px;
    margin-top: 15px;
  }

  .filterForm .btnContainer {
    padding-top: 17px;
  }

  .historyCard {
    flex-wrap: wrap;
    background-color: rgba(21, 23, 32, 0.55);
    border-radius: 21px;
  }

  .historySection {
    padding: 20px 10px 0px;
  }

  .historySection:before {
    clip-path: none;
    width: 100%;
    height: calc(100% - 54px);
    border-radius: 21px;
  }

  .historySection .pagination {
    margin-top: 50px;
  }

  .historySection:after {
    display: none;
  }

  .historyList .cell {
    background-color: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .historyList .cell:first-child {
    width: 130px;
  }

  .historyList .cell:nth-child(2) {
    width: 84px;
  }

  .historyList .cell:nth-child(3) {
    width: calc(100% - 130px - 84px);
  }

  .historyList .cell:nth-child(4) {
    width: 102px;
    padding-left: 14px;
    align-self: flex-start;
    display: block;
  }

  .historyList .cell:last-child {
    width: calc(100% - 102px);
  }

  .dashboardInfo {
    margin-top: 14px;
  }

  .dashboardInfo .item {
    padding: 20px 20px 30px;
  }

  .dashboardInfo .item:before {
    clip-path: none;
  }

  .dashboardInfo .item:nth-child(2n+1) {
    padding-right: 20px;
  }

  .dashboardInfo .item:nth-child(2n+1) .icon {
    left: auto;
  }

  .dashboardInfo .item:nth-child(2n) {
    padding-right: 20px;
    padding-bottom: 30px;
  }

  .dashboardInfo .item:nth-child(2n) .icon {
    right: auto;
    bottom: auto;
    margin-left: auto;
  }

  .dashboardInfo .icon {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 10px;
  }

  .paymentsInfo .chartContainer {
    width: 100%;
  }

  .paymentsInfo .item+.item {
    margin-top: 10px;
  }

  .paymentsInfo .titleContainer .icon {
    left: 54px;
  }

  .paymentsInfo .head {
    display: block;
    padding: 18px 10px 18px;
  }

  .paymentsInfo .head .titleContainer {
    padding-left: 125px;
  }

  .paymentsInfo .head .titleContainer+* {
    margin-top: 12px;
  }

  .chartPanel {
    clip-path: none;
    padding: 5px 10px 27px;
  }

  .chartPanel .titleBlock {
    padding-right: 0px;
  }

  .chartPanel .chartContainer {
    margin-top: 12px;
  }

  .progressInfo .textBlock {
    padding-top: 0px;
  }

  .progressInfo .item:nth-child(5n+3) {
    width: 100%;
    padding-left: 0px;
  }

  .partnersInfo .infoPanel {
    padding: 20px 10px 30px;
  }

  .partnersInfo .infoPanel.leftVis {
    padding-left: 10px;
    padding-top: 162px;
    padding-bottom: 30px;
  }

  .partnersInfo .infoPanel.leftVis .back {
    background-position: center calc(50% - 116px);
    width: 100%;
    left: 0;
    background-size: 450px auto;
  }

  .partnersInfo .infoPanel.topVis {
    padding-top: 178px;
    padding-left: 10px;
  }

  .partnersInfo .infoPanel.topVis .back {
    background-position: calc(50% - 20px) -90px;
    width: 100%;
    height: 100%;
  }

  .partnersInfo .infoPanel .chartContainer {
    margin-left: 0px;
    margin-right: 0px;
  }

  .partnersInfo .diagram {
    left: calc(50% - 125px);
    top: 28px;
  }

  .partnersInfo .diagram+.infoPanel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    padding-top: 288px;
    min-height: 0px;
  }

  .transferInfo .icon {
    background-size: 385px auto;
    float: none;
    width: auto;
    margin-right: 0px;
    height: 180px;
    margin-bottom: 15px;
    margin-top: 0px;
    margin-right: -20px;
  }

  .transferInfo .chartEdge {
    margin-right: auto;
    margin-top: 24px;
  }

  .transferInfo .diagramContainer {
    position: relative;
    left: auto;
    top: auto;
    transform: translateY(0%);
    margin: 20px -20px 53px;
    order: -1;
  }

  .transferInfo .infoPanel {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
  }

  .airdropInfo .bulletSide {
    width: 100%;
    text-align: center;
  }

  .airdropInfo .centerData+.bulletSide {
    text-align: center;
    margin-top: 20px;
  }
}

@media (max-width: 529px) {
  .startSectionWrapper .back {
    right: -70px;
    margin-right: 0px;
  }

  .startSection .image {
    left: auto;
    right: -8%;
  }
}

@media (max-width: 479px) {
  .airdropInfo {
    padding: 40px 15px 0px;
    flex-wrap: wrap;
  }

  .airdropInfo:before {
    clip-path: none;
  }

  .airdropInfo .centerData:before {
    max-width: calc(100% + 30px);
    background-size: auto 100%;
  }
}

@media (max-width: 374px) {
  .mainAboutSlider .swiper-pagination {
    margin-left: 15px;
    margin-right: 15px;
  }

  .mainAboutSlider .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 6px;
  }

  .footerMenu {
    justify-content: space-between;
  }

  .footerMenu li+li {
    margin-left: 0px;
  }

  .authBlock .item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cabinetHeader .logoWrapper {
    padding-left: 0px;
  }

  .cabinetHeader .burgerWrapper {
    margin-right: 16px;
  }

  .cabinetStatWrapper.active {
    height: 230px;
  }

  .cabinetStat .item:not(:first-child) .data {
    display: block;
  }

  .cabinetStat .item:not(:first-child) .param {
    width: 100%;
  }

  .cabinetStat .item:not(:first-child) .value {
    width: 100%;
    text-align: left;
  }

  .dashboardProfitSlider .swiper-slide {
    width: 280px;
  }

  .dashboardProfitSlider .swiper-slide:first-child {
    width: 280px;
  }

  .cabTabs .topicTab {
    margin-right: 0px;
  }

  .cabTabs>.tabContentWrapper>.tabContent {
    padding: 11px 10px 13px 10px;
  }

  .depositSlider .swiper-slide {
    width: 260px;
  }

  .depositCard {
    padding-left: 10px;
    padding-right: 10px;
    background-size: auto, auto;
  }

  .depositCard .calc .right {
    margin-left: 13px;
    padding-top: 20px;
  }

  .depositCard.plan {
    padding-left: 10px;
    padding-right: 10px;
    background-size: auto, auto;
    background-position: right -48px bottom, center top -20px;
  }

  .walletCard {
    padding-left: 10px;
    padding-right: 10px;
  }

  .walletCard .sum .val {
    font-size: 16px;
    line-height: 24px;
  }

  .walletCard .sum .val sup {
    font-size: 10px;
  }

  .cabTabs.progressTabs>.tabContentWrapper>.tabContent {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cabInnerTabs .tabContent {
    padding-left: 10px;
    padding-right: 10px;
  }

  .depositSlider.ver2 .swiper-slide {
    width: 255px;
  }

  .rangTable {
    background-image: none;
  }

  .rangTable .rangs {
    display: block;
    margin-bottom: 10px;
  }

  .rangTable .rangs li:last-child {
    top: 0px;
  }

  .walletCard.pay .button {
    padding-left: 10px;
    padding-right: 10px;
  }
  .progressInfo .diagram {
    left: 50%;
    margin-left: -174px;
  }
}

/*# sourceMappingURL=style.css.map */

.tooltip_upgrade {
  position: absolute;
  top: 18px;
  left: 21px;
  cursor: pointer;
  z-index: 2;
  opacity: 1;
}

.tooltip_info {
  position: absolute;
  width: 300px;
  font-size: 12px;
  color: white;
  background: rgba(23, 23, 23, 0.839);
  padding: 10px 15px;
  border-radius: 10px;
  top: 0;
  left: 25px;
  display: none;
}

.tooltip_upgrade:hover .tooltip_info {
  display: block;
}