html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

@font-face {
  font-family: "cocogoose";
  src: url("../fonts/Cocogoose_semilight.ttf") format("truetype");
}

.arrow {
  font-family: "cocogoose";
  color:#1AD5C7
}

.br {
  display: none;
}

.w-50 {
  width: 50%;
}

.mt-05 {
  margin-top: 0.5rem;
}

.bx {
  cursor: pointer;
  margin-right: 1.5rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}
.mb-2 {
  margin-bottom: 2rem;
}

.about__page__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #b3c2d2;
  /* text-align: justify; */
}

.mt-10 {
  margin-top: 10rem;
}

.section {
  margin-top: 8rem;
  /* height: 80vh; */
}

.mt-5 {
  margin-top: 5rem;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.mt-4 {
  margin-top: 4rem;
}

.ml-1-8 {
  margin-left: 1.8rem;
}

.ml-2 {
  margin-left: 2rem;
}

.text-left {
  text-align: left !important;
}

.m-auto {
  margin: auto;
}

/* a-alpha */

.a-alpha-text {
  width: 50%;
  margin: 6rem auto 0 0;
}

img,
fieldset,
a img {
  border: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
}

input[type="submit"],
button {
  cursor: pointer;
  background: none;
}

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

textarea {
  overflow: auto;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input,
button {
  margin: 0;
  padding: 0;
  border: 0;
}

div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
  outline: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

ul,
ol {
  list-style-type: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

a {
  text-decoration: none;
}

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

.icon-arrow-down {
  width: 1.6em;
  height: 1em;
  fill: #f8f8f8;
  background: url("../img/bg/9_transparent_background.png") no-repeat;
}

.icon-arrow-next {
  width: 2.5em;
  height: 1em;
  fill: #f8f8f8;
}

.icon-arrow-prev {
  width: 2.5em;
  height: 1em;
  fill: #f8f8f8;
}

.icon-dark {
  width: 1em;
  height: 1em;
  fill: #f8f8f8;
}

.img2 {
  width: 1em;
  height: 1em;
  fill: #f8f8f8;
}

.icon-play {
  width: 0.67em;
  height: 0.2em;
  fill: #f8f8f8;
}

.home_link {
  display: none;
}

/* dao hero */

.dao-hero-img {
  text-align: right;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

/*
 *  Owl Carousel - Core
 */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */

.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  -o-transition: transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
  -o-transition-duration: 50ms;
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: 0.45s;
  -o-transition-duration: 0.45s;
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: 0.55s;
  -o-transition-duration: 0.55s;
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.55s;
  -o-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.65s;
  -o-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: 0.75s;
  -o-transition-duration: 0.75s;
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: 0.85s;
  -o-transition-duration: 0.85s;
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.85s;
  -o-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: 0.9s;
  -o-transition-duration: 0.9s;
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: 0.95s;
  -o-transition-duration: 0.95s;
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.95s;
  -o-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
  -o-transition-duration: 1.05s;
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
  -o-transition-delay: 1.05s;
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
  -o-transition-duration: 1.1s;
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
  -o-transition-duration: 1.15s;
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
  -o-transition-delay: 1.15s;
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
  -o-transition-duration: 1.25s;
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
  -o-transition-delay: 1.25s;
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
  -o-transition-duration: 1.35s;
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
  -o-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
  -o-transition-duration: 1.4s;
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
  -o-transition-duration: 1.45s;
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
  -o-transition-delay: 1.45s;
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
  -o-transition-duration: 1.55s;
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
  -o-transition-delay: 1.55s;
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
  -o-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
  -o-transition-duration: 1.65s;
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
  -o-transition-delay: 1.65s;
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
  -o-transition-duration: 1.7s;
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
  -o-transition-duration: 1.75s;
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
  -o-transition-delay: 1.75s;
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
  -o-transition-duration: 1.8s;
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
  -o-transition-duration: 1.85s;
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
  -o-transition-delay: 1.85s;
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
  -o-transition-duration: 1.9s;
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
  -o-transition-duration: 1.95s;
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
  -o-transition-delay: 1.95s;
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
  -o-transition-duration: 2.05s;
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
  -o-transition-delay: 2.05s;
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
  -o-transition-duration: 2.1s;
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
  -o-transition-duration: 2.15s;
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
  -o-transition-delay: 2.15s;
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
  -o-transition-duration: 2.2s;
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
  -o-transition-duration: 2.25s;
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
  -o-transition-delay: 2.25s;
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
  -o-transition-duration: 2.3s;
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
  -o-transition-duration: 2.35s;
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
  -o-transition-delay: 2.35s;
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
  -o-transition-duration: 2.4s;
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
  -o-transition-duration: 2.45s;
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
  -o-transition-delay: 2.45s;
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
  -o-transition-duration: 2.5s;
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
  -o-transition-duration: 2.55s;
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
  -o-transition-delay: 2.55s;
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
  -o-transition-duration: 2.6s;
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
  -o-transition-duration: 2.65s;
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
  -o-transition-delay: 2.65s;
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
  -o-transition-duration: 2.7s;
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
  -o-transition-duration: 2.75s;
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
  -o-transition-delay: 2.75s;
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
  -o-transition-duration: 2.8s;
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
  -o-transition-duration: 2.85s;
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
  -o-transition-delay: 2.85s;
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
  -o-transition-duration: 2.9s;
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
  -o-transition-delay: 2.9s;
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
  -o-transition-duration: 2.95s;
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
  -o-transition-delay: 2.95s;
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[data-aos="fade-up"] {
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

[data-aos="fade-down"] {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}

[data-aos="fade-right"] {
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}

[data-aos="fade-left"] {
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
}

[data-aos="fade-up-right"] {
  -webkit-transform: translate3d(-100px, 100px, 0);
  transform: translate3d(-100px, 100px, 0);
}

[data-aos="fade-up-left"] {
  -webkit-transform: translate3d(100px, 100px, 0);
  transform: translate3d(100px, 100px, 0);
}

[data-aos="fade-down-right"] {
  -webkit-transform: translate3d(-100px, -100px, 0);
  transform: translate3d(-100px, -100px, 0);
}

[data-aos="fade-down-left"] {
  -webkit-transform: translate3d(100px, -100px, 0);
  transform: translate3d(100px, -100px, 0);
}

[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

[data-aos="zoom-in"] {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}

[data-aos="zoom-in-up"] {
  -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos="zoom-in-down"] {
  -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos="zoom-in-right"] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos="zoom-in-left"] {
  -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos="zoom-out"] {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

[data-aos="zoom-out-up"] {
  -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos="zoom-out-down"] {
  -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos="zoom-out-right"] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos="zoom-out-left"] {
  -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^="slide"][data-aos^="slide"] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos^="slide"][data-aos^="slide"].aos-animate {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[data-aos="slide-up"] {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

[data-aos="slide-down"] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-aos="slide-right"] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-aos="slide-left"] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-aos^="flip"][data-aos^="flip"] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos="flip-left"] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos="flip-left"].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-right"] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos="flip-right"].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-up"] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos="flip-up"].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

[data-aos="flip-down"] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos="flip-down"].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

body {
  min-width: 375px;
  background: #1e252b;
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f8f8f8;
}

body.no-scroll {
  overflow: hidden;
}

body.dark {
  background: #1e252b;
  color: #f8f8f8;
}

button,
input,
textarea,
select {
  font-family: "Courier Prime", monospace;
}

img {
  vertical-align: middle;
}

.page {
  overflow: hidden;
  /* background: linear-gradient(-45deg, #212b36, #032f2f, #161c24, #005249); */
}

.center {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 64px;
}

.center1 {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 0px;
}

[data-aos="animation-scale-left-top"] {
  -webkit-transform: translate(-70px, 40px) scaleY(1.3);
  -ms-transform: translate(-70px, 40px) scaleY(1.3);
  transform: translate(-70px, 40px) scaleY(1.3);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos="animation-scale-left-top"].aos-animate {
  -webkit-transform: translate(0) scaleY(1);
  -ms-transform: translate(0) scaleY(1);
  transform: translate(0) scaleY(1);
  opacity: 1;
}

[data-aos="animation-scale-top"] {
  -webkit-transform: translateY(20px) scaleY(1.2);
  -ms-transform: translateY(20px) scaleY(1.2);
  transform: translateY(20px) scaleY(1.2);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos="animation-scale-top"].aos-animate {
  -webkit-transform: translate(0) scaleY(1);
  -ms-transform: translate(0) scaleY(1);
  transform: translate(0) scaleY(1);
  opacity: 1;
}

[data-aos="animation-translate-up"] {
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos="animation-translate-up"].aos-animate {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

[data-aos="animation-translate-down"] {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos="animation-translate-down"].aos-animate {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

@-webkit-keyframes up-down {
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@keyframes up-down {
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* min-width: 124px; */
  height: 40px;
  padding: 0 20px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.btn .icon {
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.btn .icon:not(:last-child) {
  margin-right: 11px;
}

.btn_orange {
  background: #008080;
  color: #f8f8f8;
}

.btn_orange:hover {
  background: #1ad5c7;
}

.btn_transparent {
  background: transparent;
  color: #89929c;
}

.btn_transparent:hover {
  color: #f8f8f8;
}

.btn_border {
  -webkit-box-shadow: inset 0 0 0 1px rgba(110, 203, 219, 0.5);
  box-shadow: inset 0 0 0 1px rgba(110, 203, 219, 0.5);
  color: #f8f8f8;
}

.productivity__btn {
  -webkit-box-shadow: inset 0 0 0 1px rgba(110, 203, 219, 0.5);
  box-shadow: inset 0 0 0 1px rgba(110, 203, 219, 0.5);
  color: #f8f8f8;
}

.btn_border:hover {
  background: #1ad5c7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #1e252b;
}

.btn_border:hover .icon {
  fill: #f8f8f8;
}

.btn_dark {
  background: #35414b;
  color: #b3c2d2;
}

.btn_dark:hover {
  color: #f8f8f8;
}

body.dark .btn_transparent:hover {
  color: #f8f8f8;
}

body.dark .btn_border {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 128, 128, 0.75);
  box-shadow: inset 0 0 0 1px rgba(0, 128, 128, 0.75);
  color: rgba(0, 128, 128, 0.75);
}

body.dark .btn_border .icon {
  fill: rgba(0, 128, 128, 0.75);
}

body.dark .btn_border:hover {
  background: rgba(0, 128, 128, 0.75);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #f8f8f8;
}

body.dark .btn_border:hover .icon {
  fill: #f8f8f8;
}

.header {
  padding: 50px 0;
}

.header__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__logo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.header__pic {
  width: 138px;
}

.header__pic_light {
  display: none;
}

.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 55px;
}

.header__preview {
  display: none;
  position: absolute;
  top: 50%;
  right: calc(50% - 803px);
  -webkit-transform: translateY(-51.5%);
  -ms-transform: translateY(-51.5%);
  transform: translateY(-51.5%);
  pointer-events: none;
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}

.header__link {
  font-weight: 600;
  color: #b3c2d2;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.header__link:hover {
  color: #1ad5c7;
}

.header__link.active {
  color: #1ad5c7;
}

.header__link:not(:last-child) {
  margin-right: 48px;
}

.header__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__btn {
  min-width: auto;
}

.header__btn:not(:last-child) {
  margin-right: 8px;
}

.header__burger {
  position: relative;
  z-index: 12;
  display: none;
  width: 32px;
  height: 32px;
  margin-left: auto;
  text-align: center;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.header__burger:before,
.header__burger:after {
  display: block;
  width: 32px;
  height: 2px;
  background: #f8f8f8;
  -webkit-transition: width 0.2s, background 0.2s, -webkit-transform 0.2s;
  transition: width 0.2s, background 0.2s, -webkit-transform 0.2s;
  -o-transition: transform 0.2s, width 0.2s, background 0.2s;
  transition: transform 0.2s, width 0.2s, background 0.2s;
  transition: transform 0.2s, width 0.2s, background 0.2s, -webkit-transform 0.2s;
}

.header__burger:before,
.header__burger:after {
  content: "";
  margin: 8px auto;
}

.header__burger.active:before {
  -webkit-transform: translateY(5.5px) rotate(45deg);
  -ms-transform: translateY(5.5px) rotate(45deg);
  transform: translateY(5.5px) rotate(45deg);
}

.header__burger.active:after {
  -webkit-transform: translateY(-5.5px) rotate(-45deg);
  -ms-transform: translateY(-5.5px) rotate(-45deg);
  transform: translateY(-5.5px) rotate(-45deg);
}

/* .header:not(:last-child) {
  margin-bottom: 20px;
} */

body.dark .header__pic_dark {
  display: none;
}

body.dark .header__pic_light {
  display: inline-block;
}

body.dark .header__link:hover {
  color: #b3c2d2;
}

body.dark .header__link.active {
  color: #b3c2d2;
}

body.dark .header__burger:before,
body.dark .header__burger:after {
  background: #f8f8f8;
}

/* pulse animation*/

.pulsating-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  height: 30px;
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80%,
  100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

.parallax {
  background: url("../img/bl-shape.png") no-repeat;
  /* Set a specific height */
  min-height: auto;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  /* background-repeat: repeat; */
  background-size: contain;
}

.main {
  position: relative;
  padding-top: 117px;
}

.main1 {
  position: relative;
  padding-top: 10px;
}

.main__wrap {
  max-width: 545px;
  margin-bottom: 138px;
}

.main__title {
  margin-bottom: 23px;
  font-family: "Courier New", Courier, monospace;
}

.main__title span {
  display: block;
}

.main__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #b3c2d2;
}

.main__text1 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #b3c2d2;
  text-align: center;
}

.main__text2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #b3c2d2;
  margin-top: 80px;
}

.main__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -100px;
}

.main__btns#hero-btns-mobile {
  display: none;
}

.main__btn:not(:last-child) {
  margin-right: 24px;
}

.main__bg {
  position: absolute;
  top: 12px;
  right: calc(50% - 907px);
  pointer-events: none;
}

.main__bg[data-aos] .main__preview {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.main__bg[data-aos] .main__preview:nth-child(3) {
  -webkit-transform: translate(25%, -25%);
  -ms-transform: translate(25%, -25%);
  transform: translate(25%, -25%);
  opacity: 0;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.main__bg[data-aos].aos-animate .main__preview:nth-child(3) {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

.main__preview:nth-child(2) {
  top: 13.5%;
  right: 27%;
  width: 52%;
}

.main__preview:nth-child(3) {
  top: 15%;
  left: -0.5%;
  width: 38.5%;
}

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

.main__preview1 img {
  width: 60%;
  margin: auto;
}

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

.alpha__optimization img {
  transform: scale(0.8);
  margin: auto;
  max-width: 33.33%;
}

.alpha__text {
  margin-top: 50px !important;
  margin-bottom: unset;
}

.main__preview:not(:first-child) {
  position: absolute;
}

.main__info {
  margin-bottom: 24px;
  text-align: center;
  color: #b3c2d2;
}

.main__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
}

.main__logo {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 16px;
}

.main__logo img {
  max-width: 100%;
}

.main:not(:last-child) {
  margin-bottom: 350px;
}

.quality__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 600px;
}

.quality__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #2c353d;
  border-radius: 24px;
}

.quality__bg:before,
.quality__bg:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
}

.quality__bg:before {
  top: -280px;
  left: -280px;
  width: 560px;
  height: 560px;
  opacity: 0.6;
  -webkit-filter: blur(278.261px);
  filter: blur(278.261px);
}

.quality__bg:after {
  right: -194px;
  bottom: -181px;
  width: 390px;
  height: 390px;
  -webkit-filter: blur(160px);
  filter: blur(160px);
  opacity: 0.6;
}

.quality__gallery {
  position: absolute;
  top: 62%;
  left: calc(50% - 570px);
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.quality__preview:nth-child(2) {
  top: -43.5%;
  left: 25%;
  width: 31%;
}

.quality__preview:nth-child(3) {
  top: -8%;
  left: 1.5%;
  width: 35%;
}

.quality__preview:nth-child(3).aos-animate {
  -webkit-animation: up-down 4s 1.2s infinite;
  animation: up-down 4s 1.2s infinite;
}

.quality__preview:nth-child(4) {
  top: -24%;
  right: 20%;
  width: 42%;
}

.quality__preview:nth-child(4).aos-animate {
  -webkit-animation: up-down 4s 1.8s infinite;
  animation: up-down 4s 1.8s infinite;
}

.quality__preview:nth-child(5) {
  top: 32%;
  left: -8.5%;
  width: 26%;
}

.quality__preview img {
  width: 100%;
}

.quality__preview:not(:first-child) {
  position: absolute;
}

.quality__wrap {
  position: relative;
  z-index: 3;
  max-width: 455px;
  padding-right: 110px;
}

.quality__title {
  margin-bottom: 24px;
  color: #f8f8f8;
}

.quality__text {
  margin-bottom: 24px;
  color: #b3c2d2;
}

.quality__btn {
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
  color: #f8f8f8;
}

.quality__btn:hover {
  background: #f8f8f8;
  color: #f8f8f8;
}

.quality__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -21px 8px 0;
  padding: 0 50px;
  border-radius: 0 0 24px 24px;
  background: -webkit-linear-gradient(359.67deg, #fea989 0.02%, #99b4db 98.92%);
  background: -o-linear-gradient(359.67deg, #fea989 0.02%, #99b4db 98.92%);
  background: linear-gradient(90.33deg, #fea989 0.02%, #99b4db 98.92%);
}

.quality__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  width: 33.333%;
  padding: 80px 30px 60px;
  text-align: center;
}

.quality__item:nth-child(2) {
  border-width: 0 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.15);
}

.quality__counter {
  position: relative;
  margin-bottom: 16px;
  font-family: "Courier Prime", monospace;
  font-size: 72px;
  line-height: 1.11111;
  font-weight: 600;
}

.quality__sign {
  font-size: 32px;
  line-height: 1;
}

.quality__sign_up {
  position: relative;
  top: -34px;
}

.quality__category {
  padding: 0 10px;
  background: #f8f8f8;
  border-radius: 14px;
  -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15);
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
}

.quality:not(:last-child) {
  margin-bottom: 136px;
}

body.dark .quality__bottom {
  color: #f8f8f8;
}

.steps {
  text-align: center;
}

.steps .stage {
  margin-bottom: 16px;
}

.steps__title {
  margin-bottom: 48px;
}

.steps__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.steps__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  padding: 46px 24px;
}

.steps__item:not(:last-child) {
  position: relative;
}

.steps__item:not(:last-child):before {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  width: 4px;
}

.steps__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px;
  margin-bottom: 16px;
  font-size: 0;
}

.steps__number {
  display: inline-block;
  margin-bottom: 16px;
  padding: 0 10px;
  border-radius: 14px;
  background: #008080;
  font-size: 12px;
  font-weight: 900;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.75);
}

.steps:not(:last-child) {
  margin-bottom: 140px;
}

body.dark .steps__icon path {
  fill: #f8f8f8;
}

.advantages {
  margin-top: -78px;
}

.advantages__head {
  margin-bottom: 112px;
  text-align: center;
}

.advantages__photo {
  margin-bottom: 35px;
  padding-right: 3px;
}

.advantages__photo img {
  display: inline-block;
  max-width: 100%;
}

.advantages .stage {
  margin-bottom: 16px;
}

.advantages__title {
  max-width: 550px;
  margin: 0 auto;
}

.advantages__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.advantages__item:nth-child(3) {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.advantages__item:not(:last-child) {
  margin-bottom: 112px;
}

.advantages__bg {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 548px;
  flex: 0 0 548px;
  width: 548px;
  margin-right: auto;
}

.advantages__preview:first-child img {
  width: 100%;
}

.advantages__preview:not(:first-child) {
  position: absolute;
}

.advantages__item:first-child .advantages__preview:first-child {
  margin-left: -28px;
}

.advantages__item:first-child .advantages__preview:nth-child(2) {
  top: 49%;
  left: -22%;
}

.advantages__item:first-child .advantages__preview:nth-child(3) {
  left: 8%;
  bottom: -7%;
}

.advantages__item:first-child .advantages__wrap {
  padding-bottom: 40px;
}

.advantages__item:nth-child(2) .advantages__preview:first-child {
  margin-left: -74px;
}

.advantages__item:nth-child(2) .advantages__preview:nth-child(2) {
  left: 1%;
  bottom: -11%;
}

.advantages__item:nth-child(2) .advantages__preview:nth-child(3) {
  top: 34%;
  right: -2%;
  width: 74px;
}

.advantages__item:nth-child(2) .advantages__preview:nth-child(3) img {
  width: 100%;
}

.advantages__item:nth-child(2) .advantages__wrap {
  padding-bottom: 27px;
}

.advantages__item:nth-child(3) .advantages__preview:first-child {
  margin: 0 -40px 0 -80px;
}

.advantages__item:nth-child(3) .advantages__preview:nth-child(2) {
  top: 28%;
  right: -12%;
  width: 81px;
}

.advantages__item:nth-child(3) .advantages__preview:nth-child(2) img {
  width: 100%;
}

.advantages__item:nth-child(3) .advantages__preview:nth-child(3) {
  top: 17.5%;
  left: -18.5%;
  width: 82px;
}

.advantages__item:nth-child(3) .advantages__preview:nth-child(3) img {
  width: 100%;
}

.advantages__item:nth-child(3) .advantages__wrap {
  padding-top: 20px;
}

.advantages__item:nth-child(3) .advantages__icon {
  margin-bottom: 23px;
}

.advantages__wrap {
  max-width: 405px;
  padding-right: 55px;
}

.advantages__icon {
  margin-left: -145px;
}

.advantages__info {
  margin: -16px 0 16px;
  font-family: "Courier Prime", monospace;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600;
}

.advantages__text {
  max-width: 265px;
  margin-bottom: 40px;
  text-align: left;
  text-justify: inter-word;
}

.advantages:not(:last-child) {
  margin-bottom: 136px;
}

.options .stage {
  margin-bottom: 16px;
  text-align: center;
}

.options__title {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.options__title1 {
  font-weight: 400;
  /* margin-top: 150px; */
  margin-top: 105px;
  margin-bottom: 20px;
  text-align: center;
  /* margin-left: 300px; */
}

.options__preview {
  margin: 0 -25px 0 -20px;
}

.options__preview img {
  max-width: 100%;
}

.options__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -72px -12px 0;
  margin-bottom: 100px;
}

.options__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 24px);
  flex: 0 0 calc(25% - 24px);
  width: calc(25% - 24px);
  margin: 72px 12px 0;
}

.options__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 25px;
  font-size: 0;
}

.options__info {
  max-width: 210px;
  margin-bottom: 24px;
  font-family: "Courier Prime", monospace;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: #f8f8f8;
}

.options__text {
  position: relative;
  max-width: 215px;
  padding-top: 28px;
  color: #b3c2d2;
  text-align: -webkit-left;
  text-justify: inter-word;
}

.options__text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 4px;
  background: rgba(116, 143, 181, 0.15);
}

.options:not(:last-child) {
  margin-bottom: 10px;
}

body.dark .options__icon path {
  fill: #f8f8f8;
}

body.dark .options__wrap:after {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#009a98),
    color-stop(#008b8b),
    to(#008080)
  );
  background: -webkit-linear-gradient(
    right,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 50%,
    rgba(30, 37, 43, 0) 100%
  );
  background: -o-linear-gradient(
    right,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 50%,
    rgba(30, 37, 43, 0) 100%
  );
  background: linear-gradient(
    270deg,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 50%,
    rgba(30, 37, 43, 0) 100%
  );
}

.integrations__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.alpha__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.integrations__center1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 300px;
}

.integrations__wrap {
  max-width: 405px;
  margin-right: auto;
}

.integrations .stage {
  margin-bottom: 12px;
}

.integrations__title {
  margin-bottom: 24px;
  margin-top: 50px;
}

.integrations__text {
  color: #b3c2d2;
  font-size: 20px;
  font-weight: 400;
}

.integrations__list {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 464px;
}

.integrations__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
}

.integrations__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.333% - 40px);
  flex: 0 0 calc(33.333% - 40px);
  width: calc(33.333% - 40px);
  margin: 0 20px;
}

.integrations__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 128px;
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  background: #f8f8f8;
  border-radius: 24px;
}

.integrations__logo:not(:last-child) {
  margin-bottom: 40px;
}

.integrations:not(:last-child) {
  margin-bottom: 0px;
}

body.dark .integrations__logo {
  background: #2c353d;
}

.description__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 624px;
}

.description__row:first-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.description__row:not(:last-child) {
  margin-bottom: 133px;
}

.description__row:first-child .description__bg {
  top: 56%;
  left: calc(50% - 721px);
}

.description__row:first-child .description__preview:nth-child(2) {
  top: 27%;
  left: 10%;
  width: 33%;
}

.description__row:first-child .description__preview:nth-child(2).aos-animate {
  -webkit-animation: up-down 4s 1.2s infinite;
  animation: up-down 4s 1.2s infinite;
}

.description__row:first-child .description__preview:nth-child(3) {
  top: 15%;
  right: 17%;
  width: 37%;
}

.description__row:first-child .description__preview:nth-child(3).aos-animate {
  -webkit-animation: up-down 4s 1.8s infinite;
  animation: up-down 4s 1.8s infinite;
}

.description__row:nth-child(2) .description__bg {
  top: 55%;
  right: calc(50% - 720px);
}

.description__row:nth-child(2) .description__preview:nth-child(2) {
  top: -8%;
  left: 13%;
  width: 34%;
}

.description__wrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 355px;
}

.description .stage {
  margin-bottom: 12px;
}

.description__title {
  margin-bottom: 12px;
}

.description__text {
  margin-bottom: 32px;
  color: #b3c2d2;
  text-align: left;
  text-justify: inter-word;
}

.description__bg {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

.description__bg1 {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  margin-left: 500px;
  margin-bottom: -500px;
  max-width: 45vw;
}

.description__preview img {
  width: 100%;
}

.description__preview1 img {
  width: 80%;
}

.description__preview:not(:first-child) {
  position: absolute;
}

.description:not(:last-child) {
  margin-bottom: 134px;
}

.productivity__container {
  position: relative;
  padding: 5rem;
}

.productivity__container:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: -16px;
}

.productivity__gallery {
  position: absolute;
  top: 167px;
  left: 60px;
  z-index: 1;
  pointer-events: none;
  margin-top: 10rem;
}

.productivity__preview:nth-child(2) {
  left: -70%;
  bottom: -6%;
  width: 224%;
}

.productivity__preview img {
  width: 100%;
}

.productivity__preview:not(:first-child) {
  position: absolute;
}

.productivity__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
}

.productivity__wrap {
  position: relative;
  z-index: 3;
  max-width: 355px;
  /* padding-top: 100px; */
  align-self: center;
  justify-self: flex-start;
  /* margin-top: 08rem; */
}

.productivity__img {
  padding: 0px 0px 24px 0px;
}

.productivity .stage {
  margin-bottom: 16px;
}

.productivity__title {
  margin-bottom: 24px;
  text-align: center;
}

.productivity__info {
  margin-bottom: 32px;
  color: #b3c2d2;
  text-align: left;
  text-justify: inter-word;
}

.productivity__list {
  position: relative;
  z-index: 3;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 340px;
}

.productivity__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productivity__item:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 3px solid rgba(110, 186, 186, 0.15);
}

.productivity__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-right: 24px;
  font-size: 0;
}

.productivity__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.productivity__category {
  margin-bottom: 16px;
  font-family: "Courier Prime", monospace;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  text-align: left;
}

.productivity__text {
  color: #b3c2d2;
  text-align: left;
  text-justify: inter-word;
  font-weight: 400px;
}

.productivity:not(:last-child) {
  margin-bottom: 136px;
}

.productivity1:not(:last-child) {
  margin-bottom: 10px;
}

body.dark .productivity__container {
  background: #283036;
}

body.dark .productivity__container:before {
  background: rgba(255, 255, 255, 0.1);
}

body.dark .productivity__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}

body.dark .productivity__bg:after {
  content: "";
  position: absolute;
  top: -112px;
  left: -101px;
  width: 389px;
  height: 389px;
  border-radius: 50%;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  -webkit-filter: blur(160px);
  filter: blur(160px);
  opacity: 0.5;
}

body.dark .productivity__icon path {
  fill: #f8f8f8;
}

.review {
  text-align: center;
}

.review__title {
  max-width: 370px;
  margin: 0 auto 80px;
}

.review__container {
  margin: 0 -32px;
}

.review__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin: 0 32px;
}

.review__text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 32px;
  font-family: "Courier Prime", monospace;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
}

.review__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

.review__icon:not(:last-child) {
  margin-right: 16px;
}

.review__author {
  margin-bottom: 4px;
  font-family: "Courier Prime", monospace;
  font-size: 18px;
  line-height: 1.33333;
  font-weight: 600;
}

.review__company {
  color: #757575;
}

.review .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.review .owl-carousel .owl-item img {
  width: auto;
}

.review .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 116px;
}

.review .owl-carousel .owl-nav button.owl-prev,
.review .owl-carousel .owl-nav button.owl-next {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
}

.review .owl-carousel .owl-nav button.owl-prev .icon,
.review .owl-carousel .owl-nav button.owl-next .icon {
  font-size: 16px;
  fill: #b3c2d2;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.review .owl-carousel .owl-nav button.owl-prev:hover .icon,
.review .owl-carousel .owl-nav button.owl-next:hover .icon {
  fill: #f8f8f8;
}

.review .owl-carousel .owl-nav button.owl-prev {
  margin-right: 24px;
}

.review:not(:last-child) {
  margin-bottom: 136px;
}

body.dark .review .owl-carousel .owl-nav button.owl-prev:hover .icon,
body.dark .review .owl-carousel .owl-nav button.owl-next:hover .icon {
  fill: #f8f8f8;
}

.invite__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 600px;
  padding: 40px 12px;
  margin-top: 8rem;
}

.invite__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.invite__bg:before {
  content: "";
  position: absolute;
  top: -242px;
  left: -223px;
  width: 497px;
  height: 497px;
  border-radius: 50%;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  -webkit-filter: blur(160px);
  filter: blur(160px);
  opacity: 0.6;
}

.invite__wrap {
  position: relative;
  z-index: 3;
  max-width: 455px;
}

.invite__title {
  margin-bottom: 32px;
  color: #f8f8f8;
}

.invite__text {
  max-width: 330px;
  margin-bottom: 32px;
  color: #b3c2d2;
}

.invite__gallery {
  position: absolute;
  top: 69%;
  right: calc(50% - 715px);
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

.invite__preview:nth-child(2) {
  top: -18%;
  left: 37%;
  width: 32%;
}

.invite__preview img {
  width: 100%;
  justify-content: center;
}

.invite__preview:not(:first-child) {
  position: absolute;
}

.invite:not(:last-child) {
  margin-bottom: 100px;
}

.footer {
  position: relative;
}

.footer__body {
  margin-bottom: 25px;
}

.footer__body1 {
  margin-bottom: 25px;
  margin-top: 225px;
}

.footer__wrap {
  max-width: 345px;
  margin-bottom: 24px;
}

.footer__logo {
  display: inline-block;
}

.footer__pic {
  width: 138px;
}

.footer__pic_light {
  display: none;
}

.footer__text {
  color: #b3c2d2;
  font-size: 10px;
  font-family: "cocogoose";
}

.footer__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -3rem;
}

.footer__downloads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__download:not(:last-child) {
  margin-right: 12px;
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.footer__nav .footer__link {
  font-weight: 600;
  color: #b3c2d2;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  /* height:10px;
  width:10px; */
}

.footer__nav .footer__link:hover {
  color: #f8f8f8;
}

.footer__social .footer__link i {
  color: #f8f8f8;
}

.footer__social .footer__link i:hover {
  color: #1ad5c7;
}

.footer__nav .footer__link.active {
  color: #008080;
}

.footer__nav .footer__link:not(:last-child) {
  margin-right: 48px;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;
  margin-bottom: 15px;
  border-top: 2px solid rgba(116, 143, 181, 0.15);
}

.footer__copyright {
  margin-right: auto;
  font-size: 13px;
  line-height: 1.84615;
  font-weight: 600;
  color: #b3c2d2;
}

.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer__social .footer__link img {
  height: 1rem;
  font-size: 1rem;
  fill: #f8f8f8;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.footer__social .footer__link:hover .icon {
  fill: #008080;
}

.footer__social .footer__link:not(:last-child) {
  margin-right: 24px;
}

body.dark .footer__pic_dark {
  display: none;
}

body.dark .footer__pic_light {
  display: inline-block;
}

body.dark .footer__link:hover {
  color: #f8f8f8;
}

body.dark .footer__link.active {
  color: #008080;
}

body.dark .footer__copyright {
  color: #bac3ca;
}

body.dark .footer__social .footer__link .icon {
  fill: #f8f8f8;
}

body.dark .footer__social .footer__link:hover .icon {
  fill: #f8f8f8;
}

.switch {
  position: absolute;
  left: calc(50% - 700px);
  bottom: 30px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.switch__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch__in {
  position: relative;
  display: inline-block;
  border: 8px solid #f8f8f8;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.switch__box {
  position: relative;
  display: block;
  width: 72px;
  height: 32px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(186, 195, 202, 0.4);
  box-shadow: inset 0 0 0 1px rgba(186, 195, 202, 0.4);
  background: #f8f8f8;
  border-radius: 16px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.switch__box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #008080;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.switch__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.switch__icon .icon {
  font-size: 24px;
  fill: #808191;
}

.switch__icon_light {
  right: 5px;
}

.switch__icon_dark {
  left: 4px;
  opacity: 0;
}

.switch__input:checked + .switch__in {
  border-color: rgba(0, 0, 0, 0.5);
}

.switch__input:checked + .switch__in .switch__box {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.3);
}

.switch__input:checked + .switch__in .switch__box:before {
  width: 8px;
  height: 24px;
  -webkit-transform: translate(48px, -50%);
  -ms-transform: translate(48px, -50%);
  transform: translate(48px, -50%);
  border-radius: 4px;
}

.switch__input:checked + .switch__in .switch__icon_light {
  opacity: 0;
}

.switch__input:checked + .switch__in .switch__icon_dark {
  opacity: 1;
}

.download {
  text-align: center;
}

.download5 {
  text-align: center;
}

#rcorners2 {
  border-radius: 25px;
  border: 2px solid #73ad21;
  padding: 20px;
  width: 200px;
  height: 150px;
}

.download1 {
  text-align: center;
}

.download__title {
  margin-bottom: 30px;
}

.download__info {
  margin-bottom: 32px;
  color: #b3c2d2;
}

.download__info a {
  border-bottom: 1px solid transparent;
  color: #008080;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.download__info a:hover {
  border-color: #008080;
}

.download__btn {
  margin-bottom: 143px;
}

.download__bg {
  /* position: relative;
  left: 50%; */
  width: 100%;
  margin-bottom: 10px;
  /* -webkit-transform: translateX(-52%);
  -ms-transform: translateX(-52%);
  transform: translateX(-52%); */
}

.download__bg1 {
  position: relative;
  left: 50%;
  width: 1020px;
  -webkit-transform: translateX(-52%);
  -ms-transform: translateX(-52%);
  transform: translateX(-52%);
}

.download__preview:nth-child(2) {
  top: -11%;
  left: 53%;
  width: 24%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.download__preview:nth-child(3) {
  top: 30.5%;
  right: 3%;
  width: 47%;
}

.download__preview:not(:first-child) {
  position: absolute;
}

.download__preview img {
  width: 100%;
}

.download__subtitle {
  margin-bottom: 40px;
  margin-top: 8rem;
  text-align: center;
}

.download__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -80px;
}

.download__item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  width: 20%;
  padding: 68px 32px 64px;
  color: #f8f8f8;
}

.download__item:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  left: -5px;
  bottom: -5px;
  z-index: 1;
  background: #283036;
  -webkit-box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.download__item:hover:before {
  opacity: 1;
}

.download__item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 6px;
  right: -2px;
  bottom: 6px;
  width: 4px;
  background: rgba(116, 143, 181, 0.15);
}

.download__icon,
.download__category,
.download__text {
  position: relative;
  z-index: 3;
  text-align: center;
}

.download__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  margin-bottom: 50px;
  color: #f8f8f8;
}

.download__category {
  margin-bottom: 4px;
  font-family: "Courier Prime", monospace;
  font-size: 18px;
  line-height: 1.33333;
  font-weight: 600;
}

.download__text {
  font-size: 14px;
  line-height: 1.84615;
  font-weight: 600;
  color: #b3c2d2;
  text-align: center;
  margin-bottom: 4rem;
}

/* .download:not(:last-child) {
  margin-bottom: 80px;
} */

body.dark .download__item:before {
  background: #283036;
  -webkit-box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
}

body.dark .download__icon path {
  fill: #f8f8f8;
}

body.dark .download__category {
  color: #f8f8f8;
}

.pricing__title {
  margin-bottom: 35px;
  text-align: center;
}

.pricing__title1 {
  margin-bottom: 15px;
  text-align: center;
}

.pricing__info {
  margin-top: auto;
  margin-bottom: 50px;
  text-align: center;
  color: #b3c2d2;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #f8f8f8;
  width: 1000px;
  margin-left: -240px;
  max-width: 550px;
}

.pricing__info1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #b3c2d2;
  width: 1000px;
  margin-left: -240px;
  margin-top: auto;
  margin-bottom: 50px;
  text-align: center;
  color: #b3c2d2;
}

.pricing__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 36px;
  border-radius: 24px;
  text-align: left;
}

.pricing__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  width: 33.333%;
  text-align: left;
}

.pricing__item:nth-child(2) {
  border-radius: 24px;
}

.pricing__head {
  position: relative;
  z-index: 3;
  padding: 40px 40px 50px;
  text-align: left;
}

.pricing__item:nth-child(2) .pricing__head:before {
  content: "";
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  bottom: -32px;
  z-index: -1;
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  text-align: left;
}

.pricing__item:not(:nth-child(2)) .pricing__head {
  -webkit-box-shadow: inset 0 -1px 0 #eeeff2;
  box-shadow: inset 0 -1px 0 #eeeff2;
}

.pricing__note {
  position: absolute;
  top: -24px;
  right: 8px;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 16px;
  background: #b3c2d2;
  font-size: 11px;
  line-height: 1.45455;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: left;
}

.pricing__subtitle {
  margin-bottom: 24px;
  font-family: "Courier Prime", monospace;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  text-align: left;
}

.pricing__price {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 110px;
  margin-bottom: 24px;
  padding-bottom: 36px;
  text-align: left;
}

.pricing__img {
  position: absolute;
  top: 50%;
  left: -63px;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
  text-align: left;
}

.pricing__currency {
  position: relative;
  top: 4px;
  font-family: "Courier Prime", monospace;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
}

.pricing__number {
  font-family: "Courier Prime", monospace;
  font-size: 64px;
  line-height: 1.125;
  font-weight: 600;
  text-align: left;
}

.pricing__time {
  position: relative;
  top: -7px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  text-align: left;
}

.pricing__text {
  max-width: 200px;
  min-height: 72px;
  margin-bottom: 12px;
  text-align: left;
}

.pricing__details {
  position: relative;
  padding: 40px 2px 65px;
  text-align: left;
}

.pricing__stage {
  position: absolute;
  top: 70px;
  left: 40px;
  right: 40px;
  font-family: "Courier Prime", monospace;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  text-align: left;
}

.pricing__category {
  margin-bottom: 43px;
  padding-bottom: 35px;
  border-bottom: 2px solid rgba(116, 143, 181, 0.2);
  font-family: "Courier Prime", monospace;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: #b3c2d2;
}

.pricing__item:first-child .pricing__category {
  margin-right: -40px;
  padding-right: 40px;
}

.pricing__item:nth-child(2) .pricing__category {
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 40px;
  padding-right: 40px;
}

.pricing__item:last-child .pricing__category {
  margin-left: -40px;
  padding-left: 40px;
}

.pricing__view {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  color: #f8f8f8;
}

.pricing__view .icon {
  margin-left: 10px;
  font-size: 9px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.pricing__view.active .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pricing__options li {
  position: relative;
  padding-left: 36px;
  color: #f8f8f8;
  margin-top: 1.5rem;
}

.pricing__options li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../img/bpicon.svg") no-repeat 0 0/100% auto;
  margin-top: 1.1rem;
}

.pricing__options li:not(:last-child) {
  margin-bottom: 32px;
}

.pricing:not(:last-child) {
  margin-bottom: 88px;
}

body.dark .pricing__list {
  background: rgba(40, 48, 54, 0.8);
}

body.dark .pricing__item:nth-child(2) {
  background: #2c353d;
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

body.dark .pricing__item:not(:nth-child(2)) .pricing__head {
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

body.dark .pricing__item:nth-child(2) .pricing__head:before {
  background: #2c353d;
}

body.dark .pricing__price {
  border-color: rgba(255, 255, 255, 0.1);
}

body.dark .pricing__view {
  color: #f8f8f8;
}

body.dark .pricing__view .icon {
  fill: #f8f8f8;
}

.faq {
  color: #f8f8f8;
}

.faq__container {
  position: relative;
  padding: 112px 116px 120px;
  border-radius: 25px;
  border: 2px solid #1ad5c7;
}

.faq__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  border-radius: 24px;
}

.faq__bg:before,
.faq__bg:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
}

.faq__bg:before {
  top: -280px;
  left: -280px;
  width: 560px;
  height: 560px;
  opacity: 0.5;
  -webkit-filter: blur(278.261px);
  filter: blur(278.261px);
}

.faq__bg:after {
  right: -137px;
  bottom: -95px;
  width: 299px;
  height: 299px;
  -webkit-filter: blur(160px);
  filter: blur(160px);
  opacity: 0.6;
}

.faq__title {
  max-width: 800px;
  margin: 0 auto 80px;
  text-align: center;
  color: #f8f8f8;
  margin-top: 50px;
}

.faq__title1 {
  max-width: 800px;
  margin: 0 auto 80px;
  text-align: center;
  color: #f8f8f8;
  margin-top: 10px;
}

.faq__title2 {
  max-width: 800px;
  margin: 0 auto 30px;
  text-align: center;
  color: #f8f8f8;
  margin-top: 50px;
}

.faq__title3 {
  max-width: 800px;
  margin: 0 auto 40px;
  text-align: center;
  color: #f8f8f8;
  /* margin-top: 40px; */
}

.faq__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px;
}

.faq__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 80px);
  flex: 0 0 calc(50% - 80px);
  width: calc(50% - 80px);
  margin: 0 40px;
}

.faq__group:not(:last-child) {
  margin-bottom: 64px;
}

.faq__category {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  font-family: "Courier Prime", monospace;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
}

.faq__item:not(:last-child) {
  margin-bottom: 33px;
}

.faq__head {
  position: relative;
  padding-right: 48px;
  opacity: 0.7;
  font-family: "Courier Prime", monospace;
  font-size: 18px;
  line-height: 1.33333;
  font-weight: 600;
  color: #f8f8f8;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.faq__head:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10L12 14L8 10' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/100% auto;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.faq__head:hover {
  opacity: 1;
}

.faq__item.active .faq__head {
  opacity: 1;
}

.faq__item.active .faq__head:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq__body {
  display: none;
  padding-top: 16px;
  color: #b3c2d2;
}

.faq__gallery {
  position: absolute;
  left: 50%;
  bottom: -197px;
  width: 870px;
  -webkit-transform: translateX(-58%);
  -ms-transform: translateX(-58%);
  transform: translateX(-58%);
  pointer-events: none;
}

.faq__preview:nth-child(2) {
  top: -10.5%;
  left: 23.5%;
  width: 29%;
}

.faq__preview:nth-child(2).aos-animate {
  -webkit-animation: up-down 4s infinite;
  animation: up-down 4s infinite;
}

.faq__preview:nth-child(3) {
  top: 1%;
  right: 5%;
  width: 34%;
}

.faq__preview:nth-child(3).aos-animate {
  -webkit-animation: up-down 4s 1s infinite;
  animation: up-down 4s 1s infinite;
}

.faq__preview img {
  width: 100%;
}

.faq__preview:not(:first-child) {
  position: absolute;
}

.faq:not(:last-child) {
  margin-top: 250px;
  margin-bottom: 150px;
}

.faq9:not(:last-child) {
  margin-top: 250px;
  margin-bottom: 50px;
}

.popup {
  max-width: 548px;
  margin: 0 auto;
  padding: 40px 46px 56px;
  background: #283036;
  border: 2px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  text-align: center;
  color: #f8f8f8;
}

.popup__title {
  margin-bottom: 46px;
}

.popup__variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px 40px;
}

.popup__variant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  height: 64px;
  margin: 0 8px;
  border-radius: 16px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  font-weight: 500;
  color: #f8f8f8;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.popup__variant img {
  max-height: 24px;
  margin-right: 10px;
}

.popup__variant:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}

.popup__details {
  margin-bottom: 24px;
  color: #b3c2d2;
}

.popup__btns:not(:last-child) {
  margin-bottom: 24px;
}

.popup__btns .popup__btn {
  min-width: 100%;
}

.popup__btns .popup__btn:not(:last-child) {
  margin-bottom: 20px;
}

.popup__note {
  max-width: 340px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.84615;
  color: #b3c2d2;
}

.popup__info {
  margin-bottom: 48px;
  color: #b3c2d2;
}

.popup__info a {
  border-bottom: 1px solid transparent;
  color: #f8f8f8;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.popup__info a:hover {
  border-color: #f8f8f8;
}

.popup__code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px 20px;
}

.popup__number {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / 6) - 16px);
  flex: 0 0 calc((100% / 6) - 16px);
  width: calc((100% / 6) - 16px);
  margin: 0 8px;
}

.popup__number input {
  width: 100%;
  height: 77px;
  border-radius: 8px;
  background: #35414b;
  border: 1px solid transparent;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  color: #008080;
}

.popup__number input:focus {
  border-color: #f8f8f8;
}

.popup__link {
  font-weight: 500;
  color: #b3c2d2;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.popup__link:hover {
  color: #f8f8f8;
}

.popup .mfp-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: normal;
  opacity: 1;
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23FAF9F6' d='M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z'/%3E%3C/svg%3E")
    no-repeat 50% 50%/14px auto;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.popup .mfp-close:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.mfp-container {
  padding: 20px;
}

.mfp-bg {
  background: rgba(30, 37, 43, 0.98);
}

.mfp-zoom-in .popup {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.mfp-zoom-in.mfp-ready .popup {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.98;
}

.mfp-zoom-in.mfp-removing .popup {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.about {
  text-align: center;
}

.about__center {
  max-width: 968px;
}

.about__title {
  max-width: 800px;
  margin: 0 auto 82px;
}

.about__preview {
  margin-bottom: 65px;
}

.about__preview img {
  max-width: 100%;
}

.about .stage {
  margin-bottom: 16px;
}

.about__subtitle {
  margin-bottom: 0px;
}

.about__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 64px;
  padding-bottom: 64px;
  border-bottom: 2px solid rgba(116, 143, 181, 0.2);
}

.about__item {
  max-width: 160px;
}

.about__item:not(:last-child) {
  margin-right: 102px;
}

.about__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 0;
}

.about__category {
  font-family: "Courier Prime", monospace;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
}

.about__info {
  margin-bottom: 40px;
  font-size: 13px;
  line-height: 1.84615;
  font-weight: 600;
}

.about__info span {
  display: block;
  margin-bottom: 4px;
  color: #f8f8f8;
}

.about__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -72px -60px 0;
}

.about__user {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 80px);
  flex: 0 0 calc(25% - 80px);
  width: calc(25% - 80px);
  margin: 72px 40px 0;
}

.about__ava {
  position: relative;
  width: 128px;
  height: 128px;
  margin: 0 auto 32px;
  border-width: 0;
  border-style: solid;
  border-color: #1ad5c7;
  border-radius: 30%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.about__ava img {
  width: 100%;
  min-height: 100%;
  border-radius: 0%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.about__user:hover .about__ava {
  border-width: 10px;
}

.about__user:hover .about__ava img {
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
}

.about__name {
  margin-bottom: 4px;
  font-weight: 500;
}

.about__post {
  margin: 0 -5px;
  font-size: 14px;
  line-height: 1.71429;
  color: rgba(179, 194, 210, 1);
}

.about:not(:last-child) {
  margin-bottom: 136px;
}

body.dark .about__icon path {
  fill: #f8f8f8;
}

body.dark .about__info span {
  color: #f8f8f8;
}

body.dark .about__post {
  color: rgba(255, 255, 255, 0.75);
}

body.dark .about__ava {
  border-color: #2c353d;
}

.features__title0 {
  margin: 0 auto 22px;
  text-align: center;
  margin-top: 10px;
}

.features__title {
  max-width: 620px;
  margin: 0 auto 22px;
  text-align: center;
  margin-top: 140px;
}

.features__title1 {
  margin: 0 auto 22px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 10px;
}

.features__title2 {
  margin: 0 auto 22px;
  text-align: center;
  margin-top: 30px;
  color: #b3c2d2;
  font-weight: 500;
}

.features__title3 {
  margin: 0 auto 22px;
  text-align: center;
  margin-top: 0px;
}

.features__title4 {
  margin: 0 auto 22px;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.features__info {
  margin-bottom: 100px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  color: #b3c2d2;
}

.features__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 100px;
}

.features__btn:not(:last-child) {
  margin-right: 24px;
}

.features__bg {
  position: relative;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 1100px;
  height: 600px;
  -webkit-transform: translateX(-52.8%);
  -ms-transform: translateX(-52.8%);
  transform: translateX(-52.8%);
  margin-bottom: 136px;
  pointer-events: none;
}

.features__preview:nth-child(2) {
  position: absolute;
  left: 16.5%;
  bottom: 14%;
  width: 72%;
}

.features__preview img {
  width: 100%;
}

.features__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.features__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  width: 33%;
  padding: 0 80px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.features__col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  width: 34%;
  border-width: 0 4px;
  border-style: solid;
  border-color: rgba(116, 143, 181, 0.1);
}

.features__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  border-radius: 50%;
}

.features__category {
  margin-bottom: 24px;
  font-family: "Courier Prime", monospace;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}

.features__text {
  max-width: 300px;
  color: #b3c2d2;
  margin-top: auto;
  margin-bottom: 25px;
  color: #b3c2d2;
}

/* .features:not(:last-child) {
  margin-bottom: 50px;
} */

body.dark .features__wrap:after {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#1e252b),
    color-stop(50%, rgba(30, 37, 43, 0.7)),
    to(rgba(30, 37, 43, 0))
  );
  background: -webkit-linear-gradient(
    right,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 50%,
    rgba(30, 37, 43, 0) 100%
  );
  background: -o-linear-gradient(
    right,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 50%,
    rgba(30, 37, 43, 0) 100%
  );
  background: linear-gradient(
    270deg,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 50%,
    rgba(30, 37, 43, 0) 100%
  );
}

#title_text_desktop {
  display: block;
}

#title_text_mobile {
  display: none;
}

.share__container {
  position: relative;
  /* padding: 80px 0px; */
}

.share__container1 {
  position: relative;
  padding: 0px 120px;
  color: #b3c2d2;
  text-align: center;
}

.share__container2 {
  position: relative;
  padding: 20px 20px;
  color: #b3c2d2;
  margin-bottom: 100px;
  margin-top: 100px;
}

.share__container3 {
  position: relative;
  padding: 70px 20px;
  color: #b3c2d2;
}

.share__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  background: #2c353d;
  border-radius: 24px;
}

.share__bg:before,
.share__bg:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
}

.share__bg:before {
  top: -280px;
  left: -280px;
  width: 560px;
  height: 560px;
  opacity: 0.6;
  -webkit-filter: blur(278.261px);
  filter: blur(278.261px);
}

.share__bg:after {
  right: -195px;
  bottom: -181px;
  width: 389px;
  height: 389px;
  -webkit-filter: blur(160px);
  filter: blur(160px);
  opacity: 0.6;
}

.share__row {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -120px;
}

.hero__row {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -120px;
  align-items: center;
}

.share__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  padding: 0 60px;
}

.hero__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  padding: 0 60px;
}

.share__col:first-child {
  position: relative;
}

.share__col:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  width: 4px;
  background: rgba(116, 143, 181, 0.1);
}

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

.share__preview div {
  margin-left: 2rem;
}

.share__preview img {
  width: 80px;
  height: 80px;
  /* fit content to available space */
  object-fit: contain;
}

.share__title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.share__title1 {
  margin-top: 120px;
  margin-bottom: 80px;
  color: #b3c2d2;
}

.share__title2 {
  margin-bottom: 20px;
  color: #f8f8f8;
  margin-top: 65px;
  margin-left: 120px;
}

.share__text {
  max-width: 260px;
  margin-bottom: 40px;
  color: #b3c2d2;
}

.share .btn_border {
  -webkit-box-shadow: inset 0 0 0 2px #f8f8f8;
  box-shadow: inset 0 0 0 1px #1ad5c7;
  color: #f8f8f8;
}

.share .btn_border:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #1ad5c7;
  color: #f8f8f8;
}

.comment__title {
  max-width: 370px;
  margin: 0 auto 80px;
  text-align: center;
}

.comment__container {
  margin: 0 -32px;
}

.comment__item {
  margin: 0 32px;
}

.comment__body {
  position: relative;
  margin-bottom: 60px;
  padding: 40px;
  border-radius: 24px 24px 24px 0;
  background: #f8f8f8;
}

.comment__body:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 43px 43px 0 0;
  border-color: #f8f8f8 transparent transparent transparent;
}

.comment__text {
  margin-bottom: 16px;
  font-family: "Courier Prime", monospace;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
}

.comment__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment__icon:not(:last-child) {
  margin-right: 16px;
}

.comment__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment__ava {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  margin-right: 24px;
}

.comment__ava img {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.comment__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.comment__man {
  margin-bottom: 4px;
  font-weight: 500;
}

.comment__time {
  font-size: 14px;
  line-height: 1.71429;
  color: rgba(13, 182, 171, 0.75);
}

.comment .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 83px;
}

.comment .owl-carousel .owl-nav button.owl-prev,
.comment .owl-carousel .owl-nav button.owl-next {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
}

.comment .owl-carousel .owl-nav button.owl-prev .icon,
.comment .owl-carousel .owl-nav button.owl-next .icon {
  font-size: 16px;
  fill: #b3c2d2;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.comment .owl-carousel .owl-nav button.owl-prev:hover .icon,
.comment .owl-carousel .owl-nav button.owl-next:hover .icon {
  fill: #f8f8f8;
}

.comment .owl-carousel .owl-nav button.owl-prev {
  margin-right: 24px;
}

.comment:not(:last-child) {
  margin-bottom: 120px;
}

body.dark .comment__body {
  background: #283036;
}

body.dark .comment__body:after {
  border-color: #283036 transparent transparent transparent;
}

body.dark .comment__time {
  color: rgba(255, 255, 255, 0.75);
}

body.dark .comment .owl-carousel .owl-nav button.owl-prev:hover .icon,
body.dark .comment .owl-carousel .owl-nav button.owl-next:hover .icon {
  fill: #f8f8f8;
}

.questions__list {
  display: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  scroll-margin-top: 18rem;
}

.questions__list.active {
  display: block;
  /* scroll-margin-top: 18rem; */
}

.questions__center {
  max-width: 818px;
}

.questions__preview {
  margin-bottom: 26px;
  text-align: center;
}

.questions__title {
  max-width: 855px;
  margin: 0 auto 56px;
  text-align: center;
}

.questions__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 64px;
}

.questions__link {
  padding: 0 16px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  color: #f8f8f8;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.questions__link:hover {
  color: #1ad5c7;
  font-weight: 600;
}

.questions__link.active {
  font-weight: 600;
  background: #1d3841;
  color: #1ad5c7;
}

.questions__link:not(:last-child) {
  margin-right: 16px;
}

.questions__item {
  padding: 8px 32px;
  border-radius: 16px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.questions__item.active {
  /* background: #; */
}

.questions__item:not(:last-child) {
  margin-bottom: 8px;
}

.questions__head {
  position: relative;
  padding: 8px 40px 8px 0;
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  line-height: 1.33333;
  font-weight: 600;
  color: #b3c2d2;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.questions__head:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10L12 14L8 10' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/100% auto;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.questions__head:hover {
  color: #f8f8f8;
}

.questions__item.active .questions__head {
  color: #f8f8f8;
}

.questions__item.active .questions__head:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.questions__body {
  display: none;
  padding: 8px 0;
  color: #b3c2d2;
}

.questions:not(:last-child) {
  margin-bottom: 50px;
}

body.dark .questions__link {
  color: rgba(255, 255, 255, 0.75);
}

body.dark .questions__link:hover {
  color: #f8f8f8;
}

body.dark .questions__link.active {
  color: #f8f8f8;
}

body.dark .questions__item.active {
  background: rgba(40, 48, 54, 0.5);
}

body.dark .questions__head:before {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10L12 14L8 10' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/100% auto;
}

body.dark .questions__head:hover {
  color: #f8f8f8;
}

body.dark .questions__item.active .questions__head {
  color: #f8f8f8;
}

.offer__container {
  position: relative;
  padding: 120px 64px;
  border-radius: 24px;
  text-align: center;
}

.offer__title {
  max-width: 835px;
  margin: 0 auto 32px;
  text-align: center;
}

.offer__preview {
  position: absolute;
  left: 50%;
  bottom: -180px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.offer:not(:last-child) {
  margin-bottom: 10px;
}

.contact {
  position: relative;
  padding-top: 50px;
}

.contact__bg {
  position: absolute;
  top: 50%;
  left: calc(50% - 650px);
  z-index: -1;
  -webkit-transform: translateY(-12%);
  -ms-transform: translateY(-12%);
  transform: translateY(-12%);
}

.contact__preview:nth-child(2) {
  top: -43.5%;
  left: 25%;
  width: 31%;
}

.contact__preview:nth-child(3) {
  top: -8%;
  left: 1.5%;
  width: 35%;
}

.contact__preview:nth-child(3).aos-animate {
  -webkit-animation: up-down 4s 1.2s infinite;
  animation: up-down 4s 1.2s infinite;
}

.contact__preview:nth-child(4) {
  top: -24%;
  right: 20%;
  width: 42%;
}

.contact__preview:nth-child(4).aos-animate {
  -webkit-animation: up-down 4s 1.8s infinite;
  animation: up-down 4s 1.8s infinite;
}

.contact__preview:nth-child(5) {
  top: 32%;
  left: -8.5%;
  width: 26%;
}

.contact__preview img {
  width: 100%;
  margin-top: -3rem;
}

.contact__preview:not(:first-child) {
  position: absolute;
}

.contact__wrap {
  max-width: 405px;
  margin-left: auto;
}

.contact__title {
  margin-bottom: 12px;
}

.contact__info {
  margin-bottom: 48px;
  color: #b3c2d2;
}

.contact .field:not(:last-child) {
  margin-bottom: 24px;
}

.contact:not(:last-child) {
  margin-bottom: 136px;
}

.field__label {
  margin-bottom: 16px;
  color: #b3c2d2;
}

.field__input,
.field__textarea {
  width: 100%;
  border-radius: 16px;
  background: #272e35;
  border: none;
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  font-weight: 600;
  color: #f8f8f8;
}

.field__input::-webkit-input-placeholder,
.field__textarea::-webkit-input-placeholder {
  color: #b3c2d2;
}

.field__input::-ms-input-placeholder,
.field__textarea::-ms-input-placeholder {
  color: #b3c2d2;
}

.field__input::placeholder,
.field__textarea::placeholder {
  color: #b3c2d2;
}

.field__input {
  height: 64px;
  padding: 0 24px;
}

.field__textarea {
  height: 160px;
  padding: 20px 24px;
  resize: none;
}

body.dark .field__input,
body.dark .field__textarea {
  background: #283036;
  color: #f8f8f8;
}

.d1,
.d2,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Courier Prime", monospace;
  font-weight: 600;
}

.h7 {
  font-family: "Courier Prime", monospace;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
}

.d1 {
  font-size: 72px;
  line-height: 1.11111;
}

.d2 {
  font-size: 64px;
  line-height: 1.125;
}

.h1 {
  font-size: 56px;
  line-height: 1.14286;
}

.h2 {
  font-size: 48px;
  line-height: 1.16667;
}

.h3 {
  font-size: 40px;
  line-height: 1.2;
}

.h4 {
  font-size: 32px;
  line-height: 1.25;
}

.h5 {
  font-size: 24px;
  line-height: 1.33333;
}

.h6 {
  font-size: 20px;
  line-height: 1.2;
}

.squuze_title {
  margin-top: 80px;
}

.stage {
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.33333;
  text-transform: uppercase;
  color: #4fc6d8;
}

.color-blue {
  color: blue;
}

.bg-blue {
  background: blue;
}

.bg-blue-opacity {
  background: rgba(0, 0, 255, 0.3);
}

.text-right {
  text-align: right;
}

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

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

.m-auto {
  margin: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.desktop-show {
  display: none !important;
}

.tablet-show {
  display: none !important;
}

.mobile-show {
  display: none !important;
}

@media (hover: hover) {
  .switch:hover {
    opacity: 0.8;
  }
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media only screen and (max-width: 1419px) {
  .switch {
    left: 32px;
  }
  .dao-hero-img {
    text-align: center;
  }
}

@media only screen and (max-width: 1339px) {
  .review .owl-nav {
    margin-top: 80px;
  }
  .switch {
    top: 72px;
    right: 64px;
    left: auto;
    bottom: auto;
  }
  .contact__bg {
    left: calc(50% - 600px);
  }
}

@media only screen and (max-width: 1179px) {
  .options__info {
    max-width: 210px;
    margin-bottom: 24px;
    font-family: "Courier Prime", monospace;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #f8f8f8;
  }

  .h7 {
    font-family: "Courier Prime", monospace;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
  }

  .offer__container {
    padding: 60px 12px;
    color: #b3c2d2;
    margin-bottom: 1.5rem;
  }
  .header {
    padding: 44px 0;
  }
  .header__logo {
    position: relative;
    z-index: 12;
  }
  .crypto-squeeze {
    flex-direction: column;
  }
  .main {
    padding-top: 45px;
  }
  .main__wrap {
    max-width: 360px;
    margin-bottom: 155px;
  }
  .main__text {
    /* max-width: 260px; */
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
  }
  .main__bg {
    top: -10px;
    right: calc(50% - 785px);
    width: 880px;
  }
  .main__preview:nth-child(3) {
    top: 11%;
    left: 2%;
  }
  .main__logo:first-child {
    display: none;
  }
  .main:not(:last-child) {
    margin-bottom: 140px;
  }
  .quality__center {
    padding: 0 32px;
  }
  .quality__bg:before {
    left: -360px;
  }
  .quality__bg:after {
    right: -274px;
    bottom: -181px;
  }
  .quality__gallery {
    top: 59%;
    left: calc(50% - 485px);
    width: 700px;
  }
  .quality__preview:nth-child(5) {
    display: none;
  }
  .quality__wrap {
    max-width: 390px;
    padding-right: 45px;
  }
  .quality__bottom {
    padding: 0;
  }
  .quality:not(:last-child) {
    margin-bottom: 112px;
  }
  .steps:not(:last-child) {
    margin-bottom: 112px;
  }
  .advantages__head {
    margin-bottom: 80px;
  }
  .advantages__item:not(:last-child) {
    margin-bottom: 72px;
  }
  .advantages__bg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 460px;
    flex: 0 0 460px;
    width: 460px;
  }
  .advantages__item:nth-child(2) .advantages__preview:first-child {
    margin-left: -30px;
  }
  .advantages__item:nth-child(3) .advantages__preview:first-child {
    margin: 0 0 0 -50px;
  }
  .advantages__wrap {
    max-width: 340px;
    padding: 0;
  }
  .advantages__icon {
    margin-left: -105px;
  }
  .advantages__icon img {
    width: 250px;
  }
  .advantages:not(:last-child) {
    margin-bottom: 82px;
  }
  .history__center {
    padding: 0 32px;
  }
  .history__container {
    min-height: 550px;
    padding: 40px 64px;
  }
  .history__wrap {
    max-width: 380px;
  }
  .history__bg {
    right: calc(50% - 620px);
    width: 750px;
  }
  .history:not(:last-child) {
    margin-bottom: 112px;
  }
  .options__title {
    margin-bottom: 56px;
  }
  .options__preview {
    margin-bottom: 0px;
  }
  .options:not(:last-child) {
    margin-bottom: 40px;
  }

  .integrations__wrap {
    max-width: 100%;
    margin: 0 0 80px;
  }
  .integrations__text {
    max-width: 405px;
    margin: 0 auto;
  }
  .integrations__list {
    margin: 0 auto;
  }
  .integrations:not(:last-child) {
    margin-bottom: 100px;
  }
  .description__row {
    min-height: 550px;
  }
  .description__row:not(:last-child) {
    margin-bottom: 112px;
  }
  .description__row:first-child .description__bg {
    left: calc(50% - 580px);
    width: 750px;
  }
  .description__row:nth-child(2) .description__bg {
    right: calc(50% - 600px);
    width: 750px;
  }
  .description__wrap {
    width: 320px;
  }
  .description:not(:last-child) {
    margin-bottom: 112px;
  }
  .productivity__center {
    text-align: center;
    padding: 0 32px;
  }
  .productivity__container {
    text-align: center;
    padding-top: 4rem;
  }
  .productivity__gallery {
    left: 15px;
    width: 420px;
  }
  .productivity:not(:last-child) {
    margin-bottom: 112px;
  }
  .review__title {
    margin-bottom: 64px;
  }
  .review__text {
    font-size: 20px;
    line-height: 1.2;
  }
  .review:not(:last-child) {
    margin-bottom: 112px;
  }
  .invite__center {
    padding: 0 32px;
  }
  .invite__container {
    min-height: 510px;
    padding: 40px 64px;
  }
  .invite__wrap {
    max-width: 380px;
  }
  .invite__title {
    margin-bottom: 24px;
  }
  .invite__gallery {
    top: 60%;
    right: calc(50% - 540px);
    width: 688px;
  }
  .invite:not(:last-child) {
    margin-bottom: 112px;
  }
  .footer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .footer__wrap {
    margin: 0;
  }
  .footer__line {
    margin: -5px 0 0 auto;
  }
  .footer__download img {
    height: 56px;
  }
  .footer__nav {
    margin: auto;
  }
  .download__info {
    max-width: 385px;
    margin: 0 auto 32px;
  }
  .download__btn {
    margin-bottom: 100px;
  }
  .download__bg {
    width: 100%;
    margin-bottom: 72px;
  }
  .download__subtitle {
    max-width: 390px;
    margin: 50px auto;
  }
  .download__subtitle1 {
    max-width: 390px;
    margin: 20px auto;
  }
  .download__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -80px;
  }
  .download__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    width: 33.333%;
    margin-top: 80px;
    padding: 0 24px;
  }
  .download__item:before {
    display: none;
  }
  .download__item:nth-child(3):after {
    display: none;
  }
  /* .download:not(:last-child) {
    margin-bottom: 80px;
  } */
  .pricing__info {
    margin-bottom: 88px;
  }
  .pricing__head {
    padding: 40px 24px 50px;
  }
  .pricing__details {
    padding: 130px 24px 65px;
  }
  .pricing__stage {
    left: 24px;
    right: 24px;
  }
  .pricing__item:first-child .pricing__category {
    margin-right: -24px;
    padding-right: 24px;
  }
  .pricing__item:nth-child(2) .pricing__category {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .pricing__item:last-child .pricing__category {
    margin-left: -24px;
    padding-left: 24px;
  }
  .pricing__options li:not(:last-child) {
    margin-bottom: 24px;
  }
  .pricing:not(:last-child) {
    margin-bottom: 80px;
  }
  .faq__center {
    padding: 0 32px;
  }
  .faq__container {
    overflow: hidden;
    padding: 80px 56px 437px;
  }
  .faq__title {
    margin-bottom: 72px;
  }
  .faq__row {
    margin: 0 -20px;
  }
  .faq__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 40px);
    flex: 0 0 calc(50% - 40px);
    width: calc(50% - 40px);
    margin: 0 20px;
  }
  .faq:not(:last-child) {
    margin-bottom: 96px;
  }
  .about__title {
    max-width: 510px;
    margin-bottom: 12px;
  }
  .about:not(:last-child) {
    margin-bottom: 96px;
  }
  .features__title {
    max-width: 800px;
  }
  .features__bg {
    margin-bottom: 96px;
  }
  .features__row {
    margin: 0 -45px;
  }
  .features__col {
    padding: 0 50px;
  }
  .features__category {
    margin-top: auto;
    font-size: 18px;
    text-align: center;
  }
  /* .features:not(:last-child) {
    margin-bottom: 96px;
  } */
  .share__center {
    padding: 0 32px;
  }
  .share__container {
    padding: 30px 10px;
  }
  .share__row {
    margin: 0 -80px;
  }
  .hero__row {
    margin: 0 -80px;
  }
  .share__col {
    padding: 0 80px;
  }
  .hero__col {
    padding: 0 80px;
  }
  .comment__title {
    margin-bottom: 48px;
  }
  .comment__container {
    margin: 0 -16px;
  }
  .comment__item {
    margin: 0 16px;
  }
  .comment__body {
    padding: 32px;
  }
  .comment .owl-nav {
    margin-top: 48px;
  }
  .comment:not(:last-child) {
    margin-bottom: 96px;
  }
  .questions:not(:last-child) {
    margin-bottom: 96px;
  }
  .offer__center {
    padding: 0 32px;
  }
  .offer__title {
    font-size: px;
    color: #b3c2d2;
    line-height: 1.16667;
  }
  .offer__text {
    color: #b3c2d2;
    margin-bottom: 5rem;
  }
  .offer:not(:last-child) {
    margin-bottom: 10px;
  }
  .contact {
    padding-top: 0;
  }
  .contact__bg {
    left: calc(50% - 520px);
    width: 650px;
    margin-top: 8rem;
  }
  .contact__preview:nth-child(5) {
    display: none;
  }
  .contact__wrap {
    max-width: 435px;
    margin-top: -8rem;
  }
  .contact:not(:last-child) {
    margin-bottom: 112px;
  }
  .d1 {
    font-size: 48px;
    line-height: 1.16667;
  }
  .h2 {
    font-size: 40px;
    line-height: 1.2;
  }
  .h4 {
    font-size: 24px;
    line-height: 1.5;
  }
  .desktop-hide {
    display: none !important;
  }
  .desktop-show {
    display: block !important;
  }
  .desktop-text-right {
    text-align: right !important;
  }
}

@media only screen and (max-width: 1023px) {
  .center {
    padding: 0 32px;
  }
  .main__wrap {
    margin-bottom: 100px;
  }
  .main__bg {
    right: calc(50% - 650px);
    width: 700px;
  }
  .main__list {
    margin: 0 -8px;
  }
  .main__logo {
    margin: 0 8px;
  }
  .main:not(:last-child) {
    margin-bottom: 112px;
  }
  .quality__body {
    min-height: 450px;
  }
  .quality__gallery {
    top: 63%;
    left: calc(50% - 420px);
    width: 550px;
  }
  .quality__wrap {
    max-width: 340px;
    padding-right: 40px;
  }
  .quality__item {
    padding: 64px 24px 50px;
  }
  .quality__counter {
    font-size: 64px;
    line-height: 1.125;
  }
  .quality__sign {
    font-size: 26px;
  }
  .quality__sign_up {
    top: -30px;
  }
  .steps__item {
    padding: 32px 8px;
  }
  .steps__item:not(:last-child):before {
    right: -1px;
    width: 2px;
  }
  .advantages__head {
    margin-bottom: 64px;
  }
  .advantages__item {
    display: block;
  }
  .advantages__item:not(:last-child) {
    margin-bottom: 48px;
  }
  .advantages__bg {
    margin: 0 auto 64px;
  }
  .advantages__item:nth-child(3) .advantages__bg {
    margin-bottom: 0;
  }
  .advantages__wrap {
    max-width: 460px;
    margin: 0 auto;
  }
  .advantages__icon {
    display: none;
  }
  .history__container {
    min-height: 500px;
    padding: 40px 32px;
  }
  .history__wrap {
    max-width: 330px;
  }
  .history__bg {
    right: calc(50% - 450px);
    width: 570px;
  }
  .options__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -32px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .options__list::-webkit-scrollbar {
    display: none;
  }
  .options__list:before,
  .options__list:after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 1px;
  }
  .options__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    width: 250px;
    margin: 0;
  }
  .options__item:not(:last-child) {
    margin-right: 16px;
  }
  .description__row {
    min-height: 450px;
  }
  .description__row:not(:last-child) {
    margin-bottom: 80px;
  }
  .description__row:first-child .description__bg {
    left: calc(50% - 490px);
    width: 650px;
  }
  .description__row:nth-child(2) .description__bg {
    right: calc(50% - 550px);
    width: 650px;
  }
  .productivity__container {
    padding: 48px 32px;
  }
  .productivity__gallery {
    top: 130px;
    width: 300px;
  }
  .productivity__wrap {
    max-width: 300px;
  }
  .productivity__list {
    width: 300px;
  }
  .review__title {
    margin-bottom: 48px;
  }
  .review__container {
    margin: 0 -16px;
  }
  .review__item {
    margin: 0 16px;
  }
  .review__text {
    font-size: 18px;
    line-height: 1.3;
  }
  .review .owl-nav {
    margin-top: 64px;
  }
  .invite__container {
    min-height: 450px;
    padding: 40px 32px;
  }
  .invite__gallery {
    right: calc(50% - 500px);
    width: 550px;
  }
  .switch {
    right: 32px;
  }
  .download__bg {
    width: 100%;
  }
  .download__item:not(:last-child):after {
    top: 0;
    bottom: 0;
  }
  .faq__row {
    display: block;
    margin: 0;
  }
  .faq__col {
    width: 100%;
    margin: 0;
  }
  .faq__col:not(:last-child) {
    margin-bottom: 64px;
  }
  .about__team {
    margin: -64px -30px 0;
  }
  .about__user {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 60px);
    flex: 0 0 calc(25% - 60px);
    width: calc(25% - 60px);
    margin: 60px 30px 0;
  }
  .features__bg {
    margin-bottom: 76px;
  }
  .features__row {
    margin: 0 -24px;
  }
  .features__col {
    padding: 0 24px;
  }
  .features__category {
    font-size: 16px;
  }
  .share__container {
    padding: 40px 40px 0px 40px;
  }

  .alpha__container {
    padding: 40px 0px 0px 40px;
  }

  .squuze_title {
    margin-top: 20px;
  }
  .share__row {
    margin: 0 -40px;
  }
  .hero__row {
    margin: 0 -40px;
  }
  .share__col {
    padding: 0 40px;
  }
  .hero__col {
    padding: 0 20px;
  }
  .contact__bg {
    left: calc(50% - 430px);
    width: 550px;
  }
  .contact__wrap {
    max-width: 360px;
  }
  .tablet-hide {
    display: none !important;
  }
  .tablet-show {
    display: block !important;
  }
  .tablet-text-right {
    text-align: right !important;
  }
}

@media all and (max-width: 900px) {
  .a_ecosystem {
    font-size: 18px;
  }

  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (max-width: 900px) {
  .mfp-container {
    padding: 30px 20px;
  }
  .mt-1 {
    margin-top: 2rem !important;
  }
  .share__container3 {
    position: relative;
    padding: 5px 10px;
    color: #b3c2d2;
  }
  .features__title {
    max-width: 620px;
    margin: 0 auto 22px;
    text-align: center;
    margin-top: 10px;
  }
}

#accordian_content {
  display: none;
}

.dao_arrow {
  display: none;
}

img.overlapped_img {
  transform: scale(1.3);
  margin-top: 100px;
}
.a_alpha_img_box {
  display: flex;
  flex-direction: column;
}

/* index page hero text */
.index-hero-text {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  /* .alpha__center {
    display: block;
    padding-right: 64px;
    text-align: center;
  } */
  /* index page hero text */
  .index-hero-text {
    text-align: center;
  }
  .questions__link {
    padding: 0 12px;
  }

  .alpha__optimization img {
    transform: unset;
  }
  .alpha__optimization {
    flex-direction: column;
  }

  .br {
    display: inline;
  }

  .section {
    margin-top: 5rem;
  }

  .h4 {
    font-size: 20px;
    line-height: 1.25;
  }

  .integrations__center {
    display: block;
    padding-right: 64px;
    text-align: center;
  }
  .a_alpha_img_box {
    flex-direction: row-reverse;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center;
  }
  .a_alpha_img_box h4 {
    text-align: justify;
  }

  .h7 {
    font-family: "Courier Prime", monospace;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
  }

  .a_ecosystem {
    font-size: 16px;
  }

  .questions__body {
    font-size: 14px;
    padding: 16px 0 8px;
  }

  .productivity__text {
    color: #b3c2d2;
    text-align: left;
    text-justify: inter-word;
    font-weight: 400px;
    font-size: 14px;
  }

  .productivity__info {
    margin-bottom: 32px;
    color: #b3c2d2;
    text-align: left;
    text-justify: inter-word;
    font-size: 14px;
  }

  .productivity__category {
    margin-bottom: 16px;
    font-family: "Courier Prime", monospace;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
  }

  .options__text {
    position: relative;
    max-width: 215px;
    padding-top: 28px;
    color: #b3c2d2;
    text-align: -webkit-left;
    text-justify: inter-word;
    font-size: 14px;
  }

  .options__info {
    max-width: 210px;
    margin-bottom: 24px;
    font-family: "Courier Prime", monospace;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #f8f8f8;
  }

  #architecture_cards {
    display: none;
  }
  #accordian_content {
    display: block;
  }
  .main__btns#hero-btns-desktop {
    display: none;
  }
  .main__btns#hero-btns-mobile {
    display: block;
  }
  /* .share__preview {
    justify-content: space-around;
  } */

  .share__preview div {
    margin-left: 0.2rem;
  }

  .share__preview img {
    height: 80px;
    margin-left: 12px;
  }
  .integrations__text {
    color: #b3c2d2;
    font-size: 14px;
    font-weight: 400;
  }

  .h7 {
    font-size: 14px;
  }

  .btn_orange1 {
    background: #1ad5c780;
    color: #f8f8f8;
  }

  .engine_app_btn {
    color: #008080;
    background-color: #fff;
    height: 40px;
    border-radius: 13px;
    min-width: 100px;
  }
  .share__container3 {
    position: relative;
    padding: 5px 10px;
    color: #b3c2d2;
  }
  img.overlapped_img {
    transform: scale(1.5);
    margin-top: 50px;
  }
  .header__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    height: 100vh;
    padding: 174px 64px 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
    background-color: #008080;
    background-image: linear-gradient(15deg, #000000 0%, #008080 74%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding-left: 250px;
  }
  .header__wrapper.visible {
    visibility: visible;
    opacity: 1;
  }
  .header__preview {
    display: block;
  }
  .header__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .header__link {
    font-family: "Courier Prime", monospace;
    font-size: 32px;
    line-height: 1.25;
  }
  .header__link:not(:last-child) {
    margin: 0 0 32px;
  }
  .header__burger {
    display: inline-block;
  }
  .header:not(:last-child) {
    margin-bottom: 12px;
  }
  body.dark .header__wrapper {
    background: #1e252b;
  }
  .header__wrapper {
    padding: 174px 32px 64px;
  }
  .header__link {
    color: rgba(13, 182, 171, 0.7);
  }
  .header__link.active {
    color: #b3c2d2;
  }
  body.dark .header__link {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark .header__link.active {
    color: #b3c2d2;
  }
  .center {
    padding: 0 20px;
  }
  .btn_transparent {
    -webkit-box-shadow: inset 0 0 0 2px #f8f8f8;
    box-shadow: inset 0 0 0 2px #f8f8f8;
    color: #f8f8f8;
  }
  .btn_transparent:hover {
    background: #f8f8f8;
    color: #f8f8f8;
  }
  body.dark .btn_transparent {
    -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
    color: rgba(255, 255, 255, 0.75);
  }
  body.dark .btn_transparent:hover {
    background: rgba(255, 255, 255, 0.75);
    color: #f8f8f8;
  }
  .header {
    padding: 40px 0px 40px 0px;
  }
  .header__center {
    padding: 0 32px;
  }
  .header__pic {
    width: 115px;
  }
  .header__wrapper {
    padding: 128px 32px;
  }
  .header__preview {
    display: none;
  }
  .header__nav {
    position: relative;
    z-index: 3;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: -16px 0 20px -24px;
  }
  .header__link {
    margin: 16px 0 0 24px;
    font-size: 16px;
    color: #f8f8f8;
  }
  .header__link.active {
    color: #1ad5c7;
  }
  .header__link:not(:last-child) {
    margin: 16px 0 0 24px;
  }
  .header__btns {
    position: relative;
    z-index: 3;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: calc(100% + 16px);
    margin: 0 -8px;
  }
  .header__btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    min-width: calc(50% - 12px);
    margin: 0 6px;
  }
  .header__btn:not(:last-child) {
    margin-right: 6px;
  }
  .header:not(:last-child) {
    margin: 0;
  }
  body.dark .header__link {
    color: #f8f8f8;
  }
  body.dark .header__link.active {
    color: #008080;
  }
  .main {
    padding: 0;
    text-align: center;
  }
  .main__wrap {
    max-width: 100%;
    margin-bottom: 50px;
  }
  .main__title {
    margin-bottom: 20px;
  }
  .main__text {
    margin: 0 auto 32px;
    line-height: 1.5;
    font-size: 14px;
  }
  .main__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
  }
  .main__btn:not(:last-child) {
    margin: 0 0 24px;
  }
  .main__bg {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    margin: 0 -100px 0 0;
  }
  .main__bg img {
    max-width: 500px;
  }
  .main__preview:nth-child(2) {
    top: 12%;
    right: 30%;
    width: 45%;
  }
  .main__preview:nth-child(3) {
    top: 7%;
    left: 8%;
  }
  .main__info {
    display: none;
  }
  .main__list {
    display: none;
  }
  .main:not(:last-child) {
    margin-bottom: 45px;
  }
  .quality__center {
    padding: 0 12px;
  }
  .quality__body {
    min-height: auto;
    padding: 48px 20px 330px;
    text-align: center;
  }
  .quality__bg:after {
    display: none;
  }
  .quality__gallery {
    top: auto;
    left: 50%;
    bottom: -110px;
    -webkit-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    transform: translateX(-40%);
    width: 500px;
  }
  .quality__wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .quality__title {
    margin-bottom: 16px;
  }
  .quality__bottom {
    display: block;
    margin: -21px 0 0;
    padding: 120px 56px 0;
  }
  .quality__item {
    width: 100%;
    padding: 24px 0 50px;
  }
  .quality__item:nth-child(2) {
    border-width: 2px 0;
  }
  .quality__counter {
    font-size: 56px;
    line-height: 1.14286;
  }
  .quality__sign_up {
    top: -26px;
  }
  .quality:not(:last-child) {
    margin-bottom: 48px;
  }
  .steps__title {
    margin-bottom: 32px;
  }
  .steps__list {
    display: block;
    max-width: 240px;
    margin: 0 auto;
  }
  .steps__item {
    width: 100%;
    padding: 0;
  }
  .steps__item:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .steps__item:not(:last-child):before {
    top: auto;
    right: 0;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
  }
  .steps:not(:last-child) {
    margin-bottom: 48px;
  }
  .advantages {
    margin: 0;
  }
  .advantages__head {
    margin-bottom: 48px;
  }
  .advantages__photo {
    margin: 0 -36px 24px;
  }
  .advantages__bg {
    width: 100%;
    margin-bottom: 48px;
  }
  .advantages__item:first-child .advantages__preview:first-child {
    margin-left: -12px;
  }
  .advantages__item:first-child .advantages__preview:nth-child(2) {
    top: 65%;
    left: -9%;
    width: 30%;
  }
  .advantages__item:first-child .advantages__preview:nth-child(3) {
    width: 17%;
  }
  .advantages__item:first-child .advantages__preview img {
    width: 100%;
  }
  .advantages__item:first-child .advantages__wrap {
    padding: 0;
  }
  .advantages__item:nth-child(2) .advantages__preview:first-child {
    margin-left: -12px;
  }
  .advantages__item:nth-child(2) .advantages__preview:nth-child(2) {
    left: 30%;
    bottom: -15%;
    width: 40%;
  }
  .advantages__item:nth-child(2) .advantages__preview:nth-child(3) {
    width: 43px;
  }
  .advantages__item:nth-child(2) .advantages__preview img {
    width: 100%;
  }
  .advantages__item:nth-child(2) .advantages__wrap {
    padding: 0;
  }
  .advantages__item:nth-child(3) .advantages__preview:first-child {
    margin: 0 -12px 0 -48px;
  }
  .advantages__item:nth-child(3) .advantages__preview:nth-child(2) {
    width: 70px;
  }
  .advantages__item:nth-child(3) .advantages__preview:nth-child(3) {
    left: -10%;
    width: 60px;
  }
  .advantages__item:nth-child(3) .advantages__wrap {
    padding: 0;
  }
  .advantages__info {
    margin: 0 0 16px;
    font-size: 20px;
  }
  .advantages:not(:last-child) {
    margin-bottom: 48px;
  }
  .history__center {
    padding: 0 12px;
  }
  .history__container {
    padding: 320px 24px 42px;
  }
  .history__container:before {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: -8px;
  }
  .history__wrap {
    max-width: 100%;
  }
  .history__bg {
    top: 55px;
    right: 55%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    width: 370px;
  }
  .history:not(:last-child) {
    margin-bottom: 96px;
  }
  .options__title {
    margin-bottom: 24px;
  }
  .options__preview {
    /* margin: 0 -60px 48px -60px; */
  }
  .options__wrap {
    position: relative;
  }
  .options__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: -32px;
    bottom: 0;
    width: 64px;
    pointer-events: none;
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#eeeff2),
      color-stop(50%, rgba(238, 239, 242, 0.7)),
      to(rgba(238, 239, 242, 0))
    );
    background: -webkit-linear-gradient(
      right,
      #1e252b 0%,
      rgba(30, 37, 43, 0.7) 50%,
      rgba(30, 37, 43, 0) 100%
    );
    background: -o-linear-gradient(
      right,
      #1e252b 0%,
      rgba(30, 37, 43, 0.7) 50%,
      rgba(30, 37, 43, 0) 100%
    );
    background: linear-gradient(
      270deg,
      #1e252b 0%,
      rgba(30, 37, 43, 0.7) 50%,
      rgba(30, 37, 43, 0) 100%
    );
  }
  .options__list {
    margin: 0 -24px;
    margin-top: 50px;
  }
  .options__list:before,
  .options__list:after {
    width: 24px;
  }
  .options:not(:last-child) {
    margin-bottom: 72px;
  }
  .integrations__wrap {
    margin-bottom: 48px;
  }
  .integrations__row {
    margin: 0 -14px;
  }
  .integrations__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333% - 24px);
    flex: 0 0 calc(33.333% - 24px);
    width: calc(33.333% - 24px);
    margin: 0 12px;
  }
  .integrations__logo {
    height: 92px;
  }
  .integrations__logo img {
    max-width: 42px;
    max-height: 42px;
  }
  .integrations:not(:last-child) {
    margin-bottom: 48px;
  }
  .description__row {
    display: block;
    min-height: auto;
  }
  .description__row:not(:last-child) {
    margin-bottom: 48px;
  }
  .description__row:first-child .description__bg {
    top: auto;
    left: auto;
    width: auto;
    margin: 50px -130px 0 -90px;
    text-align: center;
  }
  .description__row:nth-child(2) .description__bg {
    top: auto;
    right: auto;
    width: auto;
    margin: 48px -90px 0 -60px;
  }
  .description__wrap {
    width: 100%;
  }
  .description__bg {
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .description:not(:last-child) {
    margin-bottom: 72px;
  }
  .productivity__center {
    padding: 0 12px;
  }
  .productivity__container {
    padding: 40px 32px;
  }
  .productivity__container:before {
    display: none;
  }
  .productivity__gallery {
    position: relative;
    top: auto;
    width: auto;
    max-width: 300px;
    margin: 0 0 60px -30px;
  }
  .productivity__row {
    flex-direction: column-reverse;
  }
  .productivity__wrap {
    max-width: 100%;
    /* margin-bottom: 80px; */
    padding: 0;
  }
  .productivity__list {
    width: 100%;
  }
  .productivity:not(:last-child) {
    margin-bottom: 48px;
  }
  .review__title {
    margin-bottom: 40px;
  }
  .review .owl-nav {
    margin-top: 48px;
  }
  .review:not(:last-child) {
    margin-bottom: 48px;
  }
  .invite__center {
    padding: 0 12px;
  }
  .invite__container {
    padding: 70px 32px 434px;
    text-align: center;
  }
  .invite__wrap {
    max-width: 100%;
  }
  .invite__text {
    max-width: 100%;
    margin-bottom: 24px;
  }
  .invite__gallery {
    top: auto;
    right: 50%;
    bottom: 4%;
    -webkit-transform: translateX(48.5%);
    -ms-transform: translateX(48.5%);
    transform: translateX(48.5%);
    width: 500px;
  }
  .invite:not(:last-child) {
    margin-bottom: 48px;
  }
  .footer__body {
    display: block;
    text-align: center;
  }
  .footer__wrap {
    max-width: 100%;
    margin-bottom: 24px;
  }
  .footer__text {
    max-width: auto;
  }
  .footer__line {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 414px;
  }
  .footer__bottom {
    display: block;
    text-align: center;
  }
  .footer__copyright {
    margin: 0 0 24px;
  }
  .footer__social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .switch {
    top: auto;
    right: auto;
    left: 12px;
    bottom: 8px;
  }
  .download__center {
    padding: 0 12px;
    margin-bottom: 24px;
  }
  .download__info {
    max-width: 250px;
    margin-bottom: 24px;
  }
  .download__btn {
    margin-bottom: 110px;
  }
  .download__bg {
    width: 100%;
    /* -webkit-transform: translateX(-51.5%);
    -ms-transform: translateX(-51.5%);
    transform: translateX(-51.5%); */
  }
  .download__subtitle {
    max-width: 220px;
    font-size: 32px;
  }
  .download__list {
    margin-top: -56px;
  }
  .download__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    margin-top: 40px;
    padding: 0 12px;
  }
  .download__item:nth-child(3):after {
    display: block;
  }
  .download__item:nth-child(2n):after {
    display: none;
  }
  .download:not(:last-child) {
    margin-bottom: 48px;
  }
  .pricing__center {
    padding: 0 16px;
  }
  .pricing__title {
    max-width: 1000px;
    margin: 0 auto 0px;
  }
  .pricing__info {
    max-width: 265px;
    margin: 0 auto 40px;
  }
  .pricing__list {
    display: block;
    padding: 0;
    background: none;
  }
  .pricing__item {
    width: 100%;
    padding: 24px;
    border-radius: 24px;
    background: #f7f7f8;
  }
  .pricing__item:nth-child(2) {
    background: #f7f7f8;
  }
  .pricing__item:not(:last-child) {
    margin-bottom: 24px;
  }
  .pricing__head {
    margin-bottom: 32px;
    padding: 0;
  }
  .pricing__item:nth-child(2) .pricing__head:before {
    display: none;
  }
  .pricing__item:not(:nth-child(2)) .pricing__head {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .pricing__note {
    position: static;
    margin-bottom: 20px;
  }
  .pricing__text {
    min-height: auto;
    margin-bottom: 24px;
  }
  .pricing__details {
    padding: 0;
  }
  .pricing__stage {
    display: none;
  }
  .pricing__category {
    display: none;
  }
  .pricing__view {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .pricing__options {
    display: none;
    padding-top: 32px;
  }
  .pricing:not(:last-child) {
    margin-bottom: 40px;
  }
  body.dark .pricing__item {
    background: #2c353d;
  }
  body.dark .pricing__item:not(:nth-child(2)) .pricing__head {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .faq__top0 {
    margin-bottom: 80px;
    text-align: center;
  }

  @media only screen and (max-width: 767px) {
    .faq__top {
      margin-bottom: 48px;
    }
    .home_link {
      display: block;
    }
  }
  .faq__title0 {
    margin-bottom: 20px;
  }
  .faq__info0 {
    max-width: 650px;
    margin: 0 auto 80px;
    color: #353945;
  }
  @media only screen and (max-width: 767px) {
    .faq__info {
      margin-bottom: 48px;
    }
  }
  body.dark .faq__info {
    color: #e6e8ec;
  }
  .faq__info a {
    font-weight: 600;
    color: #008080;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .faq__info a:hover {
    opacity: 0.8;
  }
  .faq__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -12px -6px 0;
  }
  @media only screen and (max-width: 767px) {
    .faq__nav {
      display: none;
    }
  }
  .faq__link {
    margin: 12px 6px 0;
    padding: 6px 12px;
    border-radius: 14px;
    background: none;
    font-family: "Courier Prime", monospace;
    font-size: 14px;
    line-height: 1.14286;
    font-weight: 700;
    color: #919eab;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .faq__link0:hover {
    color: #353945;
  }
  body.dark .faq__link:hover {
    color: #fcfcfd;
  }
  .faq__link0.active {
    background: #353945;
    color: #fcfcfd;
  }
  body.dark .faq__link.active {
    background: #fcfcfd;
    color: #23262f;
  }
  .faq .select {
    display: none;
    text-align: left;
  }
  @media only screen and (max-width: 767px) {
    .faq .select {
      display: block;
    }
  }
  .faq__box {
    display: none;
  }
  .faq__box:first-child {
    display: block;
  }
  .faq__list0 {
    margin-bottom: -32px;
  }
  .faq__item0 {
    border-top: 1px solid #e6e8ec;
  }
  .faq__item.active .faq__arrow .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  body.dark .faq__item {
    border-color: #353945;
  }
  .faq__head0 {
    position: relative;
    padding: 36px 40px 36px 0;
    font-weight: 600;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  @media only screen and (max-width: 767px) {
    .faq__head {
      padding: 32px 40px 32px 0;
    }
  }
  .faq__arrow0 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .faq__arrow0 .icon {
    width: 10px;
    height: 10px;
    fill: #919eab;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .faq__body0 {
    display: none;
    padding: 8px 0 32px;
  }
  .faq__row0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  @media only screen and (max-width: 1179px) {
    .faq__row0 {
      margin: 0 -16px;
    }
  }
  @media only screen and (max-width: 767px) {
    .faq__row0 {
      display: block;
      margin: 0;
    }
  }
  .faq__col0 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 450px;
    flex: 0 0 450px;
  }
  @media only screen and (max-width: 1179px) {
    .faq__col0 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 32px);
      flex: 0 0 calc(50% - 32px);
      width: calc(50% - 32px);
      margin: 0 16px;
    }
  }
  @media only screen and (max-width: 767px) {
    .faq__col0 {
      width: 100%;
      margin: 0;
    }
    .faq__col0:not(:last-child) {
      margin-bottom: 32px;
    }
  }
  .faq__preview0 {
    position: relative;
  }
  .faq__preview0 img {
    width: 100%;
    border-radius: 16px;
  }
  .faq__subtitle0 {
    margin-bottom: 20px;
    font-weight: 600;
  }
  .faq__content0 {
    margin-bottom: 24px;
    color: #919eab;
  }
  .faq__content p:not(:last-child) {
    margin-bottom: 24px;
  }
  .faq__center0 {
    padding: 0 12px;
  }
  .faq__container0 {
    padding: 48px 24px 50px;
  }
  .faq__bg0:after {
    display: none;
  }
  .faq__title0 {
    margin-top: 47px;
    margin-bottom: 47px;
  }
  .faq__gallery0 {
    bottom: 10px;
    width: 390px;
    -webkit-transform: translateX(-55%);
    -ms-transform: translateX(-55%);
    transform: translateX(-55%);
  }
  .popup {
    padding: 32px 32px 40px;
    border-radius: 24px;
  }
  .popup__variants {
    display: block;
    margin: 0 0 32px;
  }
  .popup__variant {
    width: 100%;
    margin: 0;
  }
  .popup__variant:not(:last-child) {
    margin-bottom: 16px;
  }
  .popup__btns .popup__btn:not(:last-child) {
    margin-bottom: 16px;
  }
  .popup__info {
    margin-bottom: 24px;
  }
  .popup__code {
    margin: 0 -4px 20px;
  }
  .popup__number {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / 6) - 8px);
    flex: 0 0 calc((100% / 6) - 8px);
    width: calc((100% / 6) - 8px);
    margin: 0 4px;
  }
  .popup__number input {
    height: 56px;
    font-size: 32px;
  }
  .popup .mfp-close {
    width: 40px;
    height: 40px;
  }
  .mfp-container {
    padding: 0;
  }
  .about__preview {
    margin: 0 -32px 48px;
  }
  .about__subtitle {
    margin-bottom: 40px;
  }
  .about__list {
    display: block;
    margin-bottom: 48px;
    padding: 0;
    border: none;
    text-align: center;
  }
  .about__item {
    margin: 0 auto;
  }
  .about__item:not(:last-child) {
    margin: 0 auto 48px;
  }
  .about__team {
    margin: -48px -10px 0;
  }
  .about__user {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 48px 10px 0;
  }
  .about:not(:last-child) {
    margin-bottom: 48px;
  }
  .features__info {
    max-width: 260px;
    margin: 0 auto 32px;
    font-size: 16px;
    font-weight: 600;
  }
  .features__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .features__btn:not(:last-child) {
    margin: 0 0 24px;
  }
  .features__bg {
    width: 440px;
    height: 320px;
    margin-bottom: 64px;
  }
  .features__preview:nth-child(2) {
    left: 5%;
    bottom: 14%;
    width: 100%;
  }
  .features__wrap {
    position: relative;
    margin-top: 15px;
  }
  .features__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: -32px;
    bottom: 0;
    width: 64px;
    pointer-events: none;
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#1e252b),
      color-stop(50%, rgba(30, 37, 43, 0.7)),
      to(rgba(30, 37, 43, 0))
    );
    background: -webkit-linear-gradient(
      right,
      #1e252b 0%,
      rgba(30, 37, 43, 0.7) 50%,
      rgba(30, 37, 43, 0) 100%
    );
    background: -o-linear-gradient(
      right,
      #1e252b 0%,
      rgba(30, 37, 43, 0.7) 50%,
      rgba(30, 37, 43, 0) 100%
    );
    background: linear-gradient(
      270deg,
      #1e252b 0%,
      rgba(30, 37, 43, 0.7) 50%,
      rgba(30, 37, 43, 0) 100%
    );
  }
  .features__row {
    margin: 0 -32px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .features__row::-webkit-scrollbar {
    display: none;
  }
  .features__row:before,
  .features__row:after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 1px;
  }
  .features__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    width: 270px;
    padding: 0;
    margin-top: 25px;
  }
  .features__col:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    width: 270px;
  }
  .features__col:not(:last-child) {
    padding-right: 24px;
  }
  .features__col:not(:first-child) {
    padding-left: 24px;
  }
  /* .features:not(:last-child) {
    margin-bottom: 86px;
  } */
  .share__center {
    padding: 0 12px;
  }
  .share__container {
    height: 100%;
    padding: 20px 20px 0px 20px;
  }
  .share__bg:after {
    display: none;
  }
  .share__row {
    display: block;
    margin: 0;
  }
  .hero__row {
    display: block;
    margin: 0;
    padding: 0;
  }

  .alpha__text {
    margin-top: 20px !important;
    margin-bottom: unset;
  }

  #br-1 {
    display: none;
  }
  #br-2 {
    display: none;
  }
  #title_text_desktop {
    display: none;
  }
  #title_text_mobile {
    display: block;
  }
  .productivity__img {
    padding: 60px 40px;
  }
  .options__title1 {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    /* font-size: 16px !important; */
  }
  .about1 {
    position: relative;
    margin-bottom: 0px !important;
  }
  .share__col {
    width: 100%;
    padding: 0;
  }
  .hero__col {
    width: 100%;
    padding: 0;
  }
  .share__col:first-child:before {
    display: none;
  }
  .share__col:not(:last-child) {
    margin-bottom: 48px;
  }
  .share__text {
    margin-bottom: 24px;
  }
  .share:not(:last-child) {
    margin-bottom: 48px;
  }
  .comment__title {
    margin-bottom: 40px;
  }
  .comment__body {
    padding: 40px;
    border-radius: 24px;
    text-align: center;
  }
  .comment__body:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #f8f8f8 transparent transparent transparent;
  }
  .comment__rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .comment__author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .comment__ava {
    margin: 0 0 12px;
  }
  .comment .owl-nav {
    margin-top: 40px;
  }
  .comment:not(:last-child) {
    margin-bottom: 72px;
  }
  .questions__center {
    padding: 0 12px;
  }
  .questions__title {
    margin-bottom: 40px;
  }
  .questions__nav {
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    align-items: center;
  }
  .questions__link:not(:last-child) {
    margin-right: unset;
  }
  .questions__item {
    padding: 12px;
  }
  .questions__head {
    padding: 0 40px 0 0;
  }
  .questions__head:before {
    top: 0;
  }
  .questions__body {
    padding: 16px 0 8px;
  }
  .questions:not(:last-child) {
    margin-bottom: 36px;
  }
  .offer__center {
    padding: 0 12px;
  }
  .offer__container {
    padding: 0 12px 60px;
    color: #b3c2d2;
    margin-bottom: 1.5rem;
  }
  .offer__title {
    line-height: 1.2;
  }
  .offer__text {
    color: #b3c2d2;
  }
  .offer__preview {
    bottom: -105px;
    width: 400px;
  }
  .offer__preview img {
    width: 100%;
  }
  .offer:not(:last-child) {
    margin-bottom: 10px;
  }
  .contact__bg {
    display: none;
  }
  .contact__wrap {
    max-width: 100%;
  }
  .contact__title {
    text-align: center;
  }
  .contact__info {
    margin-bottom: 40px;
    text-align: center;
  }
  .contact__btn {
    min-width: 100%;
  }
  .contact:not(:last-child) {
    margin-bottom: 48px;
  }
  .d1 {
    font-size: 40px;
    line-height: 1.2;
  }
  .h2 {
    font-size: 32px;
    line-height: 1.25;
  }
  .stage {
    margin-bottom: 16px;
  }
  .mobile-hide {
    display: none !important;
  }
  .mobile-show {
    display: block !important;
  }
  .mobile-text-right {
    text-align: right !important;
  }
}

@media only screen and (max-width: 474px) {
  .header__preview {
    display: block;
    top: auto;
    right: -300px;
    width: 650px;
    bottom: 100px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .header__preview img {
    width: 100%;
  }
  .header__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 20px;
  }
  .header__link {
    margin: 0;
  }
  .header__link:not(:last-child) {
    margin: 0 0 24px;
  }
  .main__bg {
    margin: 0 -160px 0 -100px;
  }
  .integrations__list {
    width: 100%;
  }
}

/*# sourceMappingURL=app.css.map */

body.dark-mode {
  background: linear-gradient(-45deg, #212b36, #032f2f, #161c24, #005249);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
  height: auto;
}

body.light-mode {
  background: rgb(244, 246, 248);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
  height: auto;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Flipping Cards */

.cards_wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 100rem;
}

.cards_cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card_col {
  width: calc(25% - 2rem);
  margin: 1rem;
  cursor: pointer;
}

.cards_container {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.card_front,
.card_back {
  background-size: cover;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  background-position: center;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1),
    -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  min-height: 280px;
  height: auto;
  border-radius: 65px;
  font-size: 1rem;
  background: -webkit-linear-gradient(45deg, #1e252b 0%, #003333 100%);
  background: -o-linear-gradient(45deg, #1e252b 0%, #003333 100%);
  background: linear-gradient(45deg, #1e252b 0%, #003333 100%);
}

.card_back {
  background: -webkit-linear-gradient(45deg, #1e252b 0%, #003333 100%);
  background: -o-linear-gradient(45deg, #1e252b 0%, #003333 100%);
  background: linear-gradient(45deg, #1e252b 0%, #003333 100%);
  border: 1px solid #1ad5c7;
}

.card_front:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  border-radius: 65px;
  /* border: 2px solid #1ad5c7; */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cards_container:hover .card_front,
.cards_container:hover .card_back {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1),
    -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.card_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.inner {
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  top: 50%;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
}

.cards_container .card_back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cards_container .card_front {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cards_container:hover .card_back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cards_container:hover .card_front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.card_front .inner p {
  font-size: 1.3rem;
  margin-bottom: 2rem;
  position: relative;
}

.card_front .inner p:after {
  content: "";
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #c6d4df;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -0.75rem;
}

.card_front .inner span {
  color: rgba(250, 250, 250, 0.7);
  font-family: "Courier Prime", monospace;
  font-weight: 300;
}

@media screen and (max-width: 64rem) {
  .card_col {
    width: calc(33.333333% - 1rem);
  }
}

@media screen and (max-width: 48rem) {
  .card_col {
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem) {
  .card_col {
    width: 70%;
    margin: 0 0 2rem 0;
  }
}

.steps__head {
  max-width: 400px;
  margin: 0 auto 80px;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .steps__head {
    margin-bottom: 64px;
  }
  .share__title {
    /* max-width: 240px; */
    width: 100%;
    /* text-align: justify !important; */
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .steps__head {
    margin-bottom: 40px;
  }
}

.steps__title {
  margin-bottom: 20px;
}

.steps__info {
  color: #353945;
}

body.dark .steps__info {
  color: #1e252b;
}

.steps__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
}

.a_ecosystem {
  font-size: 25px;
}

@media only screen and (max-width: 1023px) {
  .dao_arrow {
    display: block;
    margin: auto 2rem auto 0;
    font-size: 1.5rem;
    color: #b3c2d2;
  }
  .steps__list {
    margin: 0 -40px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .steps__list::-webkit-scrollbar {
    display: none;
  }
  .steps__list:before,
  .steps__list:after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 1px;
  }
}

.steps__item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(26% - 32px);
  flex: 0 0 calc(26% - 32px);
  width: calc(25% - 32px);
  margin: 0 16px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .steps__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 256px;
    flex: 0 0 256px;
    width: 256px;
    margin: 0;
  }
  .section {
    margin-top: 8rem;
  }
}

@media only screen and (max-width: 767px) {
  .steps__item {
    text-align: left;
  }
}

.steps__item:after {
  content: "";
  position: absolute;
  top: 85px;
  right: -79px;
  width: 120px;
  height: 2px;
  background-image: -o-linear-gradient(
    left,
    #52c4d8 0,
    #52c4d8 6px,
    transparent 6px,
    transparent 14px
  );
  background-image: linear-gradient(
    90deg,
    #52c4d8 0,
    #52c4d8 6px,
    transparent 6px,
    transparent 14px
  );
  background-repeat: repeat-x;
  background-size: 12px auto;
}

@media only screen and (max-width: 1260px) {
  .a_ecosystem {
    font-size: 25px;
  }

  .steps__item:after {
    right: -66px;
    width: 100px;
  }
}

@media only screen and (max-width: 1179px) {
  .a_ecosystem {
    font-size: 25px;
  }
  .steps__item:after {
    right: -50px;
    width: 60px;
  }
}

@media only screen and (max-width: 1023px) {
  .a_ecosystem {
    font-size: 18px;
  }
  .steps__item:after {
    right: -79px;
    width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .a_ecosystem {
    font-size: 16px;
  }

  .steps__item:after {
    right: 11px;
    background: none;
    border-bottom: 2px dashed #52c4d8;
  }
}

.steps__item:first-child .steps__preview:before {
  display: none;
}

.steps__item:last-child:after {
  display: none;
}

.steps__item:last-child .steps__preview:after {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .steps__item:not(:last-child) {
    margin-right: 32px;
  }
}

.steps__preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 55px;
  border-radius: 24px;
}

@media only screen and (max-width: 767px) {
  .steps__preview {
    margin: 0 0 32px 0;
  }
}

.steps__preview:before,
.steps__preview:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 35%;
  border: 2px solid #52c5d7;
}

.steps__preview:before {
  left: -36px;
}

.steps__preview:after {
  right: -36px;
}

.steps__number {
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 1.66667;
  font-weight: 500;
  color: #f8f8f8;
}

.steps__subtitle {
  font-weight: 400;
  margin-top: -40px;
  color: #b3c2d2;
}

.steps__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

body.dark .steps__content {
  color: #1e252b;
}

.main1 {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.scroll-downs {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -600px;
  width: 34px;
  height: 55px;
}

.mousey {
  position: absolute;
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #1ad5c7;
  border-radius: 15px;
  opacity: 5;
  box-sizing: content-box;
}

.scroller {
  position: absolute;
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #f8f8f8;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}

@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}

.section-border-top {
}

body.dark .section-border-top {
  border-color: #353945;
}

.section-pb {
  padding-top: 0;
}

@media only screen and (max-width: 1179px) {
  .section-pb {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-pb {
    padding-top: 0;
  }
}

.section-pb64 {
  padding: 0 0 64px;
}

@media only screen and (max-width: 1179px) {
  .section-pb64 {
    padding: 0 0 64px;
  }
}

.about1 {
  position: relative;
  margin-bottom: 6rem;
}

@media only screen and (max-width: 767px) {
  .about {
    padding: 48px 0;
    border: none;
  }
}

.about__row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  justify-content: center;
  display: flex;
  margin: 0 -12px;
}

.about__row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  justify-content: center;
  display: flex;
}

@media only screen and (max-width: 1179px) {
  .about__row1 {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .about__row1:first-child {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .about__row1:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .about__row1:nth-child(2) .about__col:nth-child(2) {
    margin-bottom: 60px;
  }
}

.about__row1:not(:last-child) {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1179px) {
  .about__row1:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .about__row1:not(:last-child) {
    margin-bottom: 0px;
  }
}

.about__col1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 24px);
  flex: 0 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin: 0 5px;
}

@media only screen and (max-width: 1179px) {
  .about__col1 {
    margin: 0;
  }
}

@media only screen and (max-width: 1179px) {
  .about__col1:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
    padding-right: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .about__col1:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 1179px) {
  .about__col1:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 528px;
    flex: 0 0 528px;
    width: 528px;
  }
}

@media only screen and (max-width: 1023px) {
  .about__col1:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    width: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .about__col1:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}

.about__title1 {
  margin-bottom: 20px;
}

.about__info1 {
  max-width: 450px;
  color: #b3c2d2;
}

.about__list1 {
  max-width: 260px;
}

@media only screen and (max-width: 767px) {
  .about__list1 {
    max-width: 100%;
  }
}

.about__item1:not(:last-child) {
  margin-bottom: 35px;
}

@media only screen and (max-width: 1023px) {
  .about__item1:not(:last-child) {
    margin-bottom: 32px;
  }
}

.about__number1 {
  display: flex;
  width: 50px;
  margin-bottom: 15px;
  border-radius: 12px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #fcfcfd;
  margin-right: 10px;
}

@media only screen and (max-width: 1023px) {
  .about__number1 {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .about__number1 {
    margin-bottom: 24px;
  }
}

.about__subtitle1 {
  margin-left: 10px;
  font-weight: 500;
}

@media only screen and (max-width: 1023px) {
  .about__subtitle1 {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .about__subtitle1 {
    margin-bottom: 16px;
  }
}

.about__content1 {
  font-size: 16px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.about__bg1 {
  position: relative;
  border-radius: 24px;
  margin-top: 40px;
}

body.dark .about__bg1 {
  background: #353945;
}

.about__bg1 img {
  width: 180%;
  margin-left: -15rem;
}

.dao_img {
  width: 60vw;
  margin-top: 5rem;
}

.about__bg1 > img {
  border-radius: 24px;
}

@media only screen and (max-width: 1179px) {
  .about__bg1_overflow {
    overflow: hidden;
    margin-top: 10px;
  }
}

.about__preview1 {
  pointer-events: none;
}

@media only screen and (max-width: 1179px) {
  .about__preview1 {
    top: 0;
    left: 0;
  }
}

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

.about__photo1:first-child {
  top: 11%;
  left: -31%;
  width: 68%;
}

.about__photo1:nth-child(2) {
  top: 9.5%;
  left: 25%;
  width: 23%;
}

.watch_icon {
  height: 20px;
  margin-right: 5px;
}

.scroll__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateY(-33px);
  -ms-transform: translateY(-33px);
  transform: translateY(-33px);
  -webkit-animation: arrowsDown ease-out 1.4s infinite;
  animation: arrowsDown ease-out 1.4s infinite;
}

@media only screen and (max-width: 1179px) {
  .scroll__line {
    -webkit-transform: translateY(-22px);
    -ms-transform: translateY(-22px);
    transform: translateY(-22px);
    -webkit-animation-name: arrowsDownSmall;
    animation-name: arrowsDownSmall;
  }
}

.scroll__line .icon:not(:last-child) {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1179px) {
  .scroll__line .icon:not(:last-child) {
    margin-bottom: 30px;
  }
}

@-webkit-keyframes arrowsDown {
  80% {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
  }
  100% {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
  }
}

@keyframes arrowsDown {
  80% {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
  }
  100% {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
  }
}

@-webkit-keyframes arrowsDownSmall {
  80% {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
  100% {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
}

@keyframes arrowsDownSmall {
  80% {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
  100% {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
}

[data-aos="animation-opacity"] {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

[data-aos="animation-opacity"].aos-animate {
  opacity: 1;
}

[data-aos="animation-translate-up"] {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos="animation-translate-up"].aos-animate {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

[data-aos="animation-translate-down"] {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos="animation-translate-down"].aos-animate {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

.footer__bar {
  height: 400px;
  margin-bottom: -6rem;
}

.video {
  width: 100%;
  max-width: 100%;
}

.stretch {
  height: 2000px;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
  margin-top: 800px;
}

.hero-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  z-index: -9999;
}

img {
  max-width: 100%;
  height: auto;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 500px) {
  .responsive {
    padding: 0px 20px;
    background-color: purple;
    display: block;
    margin: 0;
  }
  .responsive img {
    display: block;
  }
}

.post {
  overflow: hidden;
}

.post__title {
  margin-bottom: 20px;
  text-align: center;
}

.post__info {
  max-width: 455px;
  margin: 0 auto 80px;
  text-align: center;
  color: #353945;
}

@media only screen and (max-width: 1179px) {
  .post__info {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .post__info {
    margin-bottom: 32px;
  }
}

body.dark .post__info {
  color: #1e252b;
}

@media only screen and (max-width: 1179px) {
  .post__nav {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .post__nav {
    margin-bottom: 15px;
  }
}

.post__link {
  margin: 12px 6px 0;
  padding: 6px 12px;
  border-radius: 14px;
  background: none;
  font-family: "Courier Prime", monospace;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 500;
  color: #008080;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.post__link:hover {
  color: #353945;
}

body.dark .post__link:hover {
  color: #008080;
}

.post__link.active {
  background: #353945;
  color: #fcfcfd;
}

body.dark .post__link.active {
  background: #fcfcfd;
  color: #008080;
}

.post__box {
  display: none;
}

.post__box:first-child {
  display: block;
}

.post__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -64px -16px 0;
}

@media only screen and (max-width: 767px) {
  .post__list {
    display: block;
    margin: 0;
  }
}

.post__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.333% - 32px);
  flex: 0 0 calc(33.333% - 32px);
  width: calc(33.333% - 32px);
  margin: 64px 16px 0;
  padding-bottom: 40px;
  border-bottom: 2px solid #1e252b;
  color: #23262f;
}

@media only screen and (max-width: 1179px) {
  .post__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
  }
}

@media only screen and (max-width: 767px) {
  .post__item {
    width: 100%;
    margin: 0;
  }
  .post__item:not(:last-child) {
    margin-bottom: 64px;
  }
}

body.dark .post__item {
  border-color: #6fcbdc;
  color: #fcfcfd;
}

.post__item:hover .post__preview {
  -webkit-box-shadow: 0 0 0 3px #008080;
  box-shadow: 0 0 0 3px #008080;
}

.post__item:hover .post__preview img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
  .post__item:hover .post__preview img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.post__preview {
  width: 100%;
  overflow: hidden;
  margin-bottom: 32px;
  border-radius: 16px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.post__preview img {
  width: 100%;
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  -o-transition: transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}

.post__status {
  margin-bottom: 16px;
}

.post__subtitle {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 34px;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
}

.post__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  line-height: 1.71429;
  font-weight: 500;
  color: #b3c2d2;
}

.post__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}

.post__avatar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 50%;
  background: #1e252b;
  overflow: hidden;
}

body.dark .post__avatar {
  background: #353945;
}

.post__avatar img {
  width: 100%;
  min-height: 100%;
}

.post__btns {
  margin-top: 80px;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .post__btns {
    margin-top: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .post__btns {
    margin-top: 32px;
  }
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #02b7b1;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.slick-arrow {
  position: absolute;
  z-index: 2;
  width: 24px;
  height: 24px;
  background: none;
  font-size: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.slick-arrow svg {
  position: relative;
  z-index: 2;
}

.slick-arrow svg path {
  fill: #b3c2d2;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

body.dark .slick-arrow svg path {
  fill: #b3c2d2;
}

.slick-arrow:hover svg path {
  fill: #23262f;
}

body.dark .slick-arrow:hover svg path {
  fill: #fcfcfd;
}

.slick-arrow.slick-disabled svg path {
  fill: #b1b5c3;
}

body.dark .slick-arrow.slick-disabled svg path {
  fill: #b3c2d2;
}

.select {
  float: none;
  width: 100%;
  height: 48px;
  padding: 0 48px 0 16px;
  -webkit-box-shadow: inset 0 0 0 2px #02b7b1;
  box-shadow: inset 0 0 0 2px #02b7b1;
  border-radius: 12px;
  border: none;
  opacity: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}

.select:after {
  display: none;
}

.select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 2px #1e252b;
  box-shadow: inset 0 0 0 2px #1e252b;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' d='M9.207.793a1 1 0 0 0-1.414 0L5 3.586 2.207.793A1 1 0 1 0 .793 2.207l3.5 3.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414z' fill='%23777e91'/%3E%3C/svg%3E")
    no-repeat 50% 50%/10px auto;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

body.dark .select {
  background: null;
  -webkit-box-shadow: inset 0 0 0 2px #353945;
  box-shadow: inset 0 0 0 2px #353945;
}

body.dark .select:before {
  -webkit-box-shadow: inset 0 0 0 2px #353945;
  box-shadow: inset 0 0 0 2px #353945;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' d='M9.207.793a1 1 0 0 0-1.414 0L5 3.586 2.207.793A1 1 0 1 0 .793 2.207l3.5 3.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414z' fill='%23FCFCFD'/%3E%3C/svg%3E");
}

.select.open {
  -webkit-box-shadow: inset 0 0 0 2px #b3c2d2;
  box-shadow: inset 0 0 0 2px #b3c2d2;
}

.select.open:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.select .current {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select .list {
  right: 0;
  border-radius: 12px;
  background: #fcfcfd;
  border: 2px solid #6fcbdc;
  -webkit-box-shadow: 0 4px 12px rgba(35, 38, 47, 0.1);
  box-shadow: 0 4px 12px rgba(35, 38, 47, 0.1);
}

body.dark .select .list {
  background: #141416;
  border-color: #353945;
  -webkit-box-shadow: 0 4px 12px rgba(20, 20, 22, 0.1);
  box-shadow: 0 4px 12px rgba(20, 20, 22, 0.1);
}

.select .option {
  min-height: auto;
  padding: 10px 14px;
  font-weight: 500;
  line-height: 1.4;
}

.select .option:hover,
.select .option.focus,
.select .option.selected.focus {
  background: #f4f5f6;
}

body.dark .select .option:hover,
body.dark .select .option.focus,
body.dark .select .option.selected.focus {
  background: #23262f;
}

.select .option.selected {
  font-weight: 500;
  color: #3772ff;
}

.text-right {
  text-align: right;
}

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

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

.m-auto {
  margin: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media only screen and (max-width: 1179px) {
  .desktop-hide {
    display: none !important;
  }
}

.desktop-show {
  display: none !important;
}

@media only screen and (max-width: 1179px) {
  .desktop-show {
    display: block !important;
  }
}

@media only screen and (max-width: 1179px) {
  .desktop-text-right {
    text-align: right !important;
  }
}

@media only screen and (max-width: 1023px) {
  .tablet-hide {
    display: none !important;
  }
}

.tablet-show {
  display: none !important;
}

@media only screen and (max-width: 1023px) {
  .tablet-show {
    display: block !important;
  }
}

@media only screen and (max-width: 1023px) {
  .tablet-text-right {
    text-align: right !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}

.mobile-show {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .mobile-show {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-text-right {
    text-align: right !important;
  }
}

.section-bg {
  background: #f4f5f6;
}

body.dark .section-bg {
  background: #23262f;
}

.section-border-top {
  border-top: 1px solid #1e252b;
}

body.dark .section-border-top {
  border-color: #353945;
}

.section-pb {
  padding-top: 0;
}

@media only screen and (max-width: 1179px) {
  .section-pb {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-pb {
    padding-top: 0;
  }
}

.section-pb64 {
  padding: 0 0 64px;
}

@media only screen and (max-width: 1179px) {
  .section-pb64 {
    padding: 0 0 64px;
  }
}

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

@media only screen and (max-width: 1023px) {
  .container {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .container {
    padding: 0 32px;
  }
}

[class^="button"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  background: #008080;
  border-radius: 15px;
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #fcfcfd;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

[class^="button"]:hover {
  background: #1ad5c7;
}

[class^="button"].disabled {
  opacity: 0.5;
}

[class^="button"] .icon {
  width: 10px;
  height: 10px;
  fill: #fcfcfd;
}

[class^="button"]:not([class^="button-circle"]) .icon:last-child {
  margin-left: 15px;
}

.button-stroke {
  background: none;
  -webkit-box-shadow: 0 0 0 2px #1ad5c7 inset;
  box-shadow: 0 0 0 2px #1ad5c7 inset;
  color: #f8f8f8;
}

.button-stroke .icon {
  fill: #23262f;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.button-stroke:hover {
  -webkit-box-shadow: 0 0 0 2px #23262f inset;
  box-shadow: 0 0 0 2px #6fcbdc inset;
  background: #6fcbdc;
  color: #fcfcfd;
}

.button-stroke:hover .icon {
  fill: #fcfcfd;
}

body.dark .button-stroke {
  -webkit-box-shadow: 0 0 0 2px #b3c2d2 inset;
  box-shadow: 0 0 0 2px #b3c2d2 inset;
  color: #fcfcfd;
}

body.dark .button-stroke .icon {
  fill: #fcfcfd;
}

body.dark .button-stroke:hover {
  -webkit-box-shadow: 0 0 0 2px #fcfcfd inset;
  box-shadow: 0 0 0 2px #fcfcfd inset;
  background: none;
}

.button-small {
  height: 40px;
  border-radius: 30px;
  padding: 0 16px;
  font-size: 14px;
}

.button-circle-stroke {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px #1e252b inset;
  box-shadow: 0 0 0 2px #1e252b inset;
  background: transparent;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.button-circle-stroke .icon {
  width: 22px;
  height: 22px;
  fill: #b3c2d2;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.button-circle-stroke:hover {
  background: #23262f;
  -webkit-box-shadow: 0 0 0 2px #23262f inset;
  box-shadow: 0 0 0 2px #23262f inset;
}

.button-circle-stroke:hover .icon {
  fill: #fcfcfd;
}

body.dark .button-circle-stroke {
  -webkit-box-shadow: 0 0 0 2px #353945 inset;
  box-shadow: 0 0 0 2px #353945 inset;
}

body.dark .button-circle-stroke:hover {
  background: #353945;
}

.hero,
.h1,
.h2,
.h3,
.h4 {
  font-family: "Courier Prime", monospace;
  font-weight: 520;
}

.hero {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.02em;
}

@media only screen and (max-width: 767px) {
  .hero {
    font-size: 64px;
  }
}

.h1 {
  font-size: 64px;
  line-height: 1;
  letter-spacing: -0.02em;
}

@media only screen and (max-width: 1023px) {
  .h1 {
    font-size: 40px;
    line-height: 1.16667;
  }
}

/* .h2 {
  font-size: 48px;
  line-height: 1.16667;
  letter-spacing: -0.02em;
} */

@media only screen and (max-width: 1023px) {
  .h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}

.h3 {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1023px) {
  .h3 {
    font-size: 32px;
    line-height: 1.25;
  }
}

/* .h4 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.01em;
} */

@media only screen and (max-width: 1023px) {
}

[class^="stage"] {
  margin-bottom: 12px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .h2 {
    font-size: 25px;
    line-height: 1.2;
  }

  .h4 {
    font-size: 20px;
    line-height: 1.25;
  }

  [class^="stage"] {
    font-size: 12px;
  }
}

.stage-small {
  font-size: 12px;
}

[class^="play"] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.2);
  box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.2);
  border-radius: 50%;
  background: #fcfcfd;
}

@media only screen and (max-width: 767px) {
  [class^="play"] {
    width: 48px;
    height: 48px;
  }
}

[class^="play"] .icon {
  width: 21px;
  height: 21px;
  fill: #b3c2d2;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

@media only screen and (max-width: 767px) {
  [class^="play"] .icon {
    width: 12px;
    height: 12px;
  }
}

[class^="play"]:hover .icon {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  fill: #3772ff;
}

.play-small {
  width: 48px;
  height: 48px;
}

.play-small .icon {
  width: 12px;
  height: 12px;
}

[class^="status"] {
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 26px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fcfcfd;
}

.status-red {
  background: #008080;
}

.status-green {
  background: #45b26b;
}

.status-pink {
  background: #6fcbdc;
}

.status-black {
  background: #23262f;
}

body.dark .status-black {
  background: #fcfcfd;
  color: #23262f;
}

.status-purple {
  background: #9757d7;
}

.status-white {
  background: #fcfcfd;
  color: #23262f;
}

.status-stroke-red {
  -webkit-box-shadow: inset 0 0 0 2px #008080;
  box-shadow: inset 0 0 0 2px #008080;
  color: #008080;
}

.status-stroke-green {
  -webkit-box-shadow: inset 0 0 0 2px #45b26b;
  box-shadow: inset 0 0 0 2px #45b26b;
  color: #45b26b;
}

.status-stroke-pink {
  -webkit-box-shadow: inset 0 0 0 2px #6fcbdc;
  box-shadow: inset 0 0 0 2px #6fcbdc;
  color: #6fcbdc;
}

.status-stroke-black {
  -webkit-box-shadow: inset 0 0 0 2px #23262f;
  box-shadow: inset 0 0 0 2px #23262f;
  color: #23262f;
}

body.dark .status-stroke-black {
  -webkit-box-shadow: inset 0 0 0 2px #fcfcfd;
  box-shadow: inset 0 0 0 2px #fcfcfd;
  color: #fcfcfd;
}

.status-stroke-purple {
  -webkit-box-shadow: inset 0 0 0 2px #9757d7;
  box-shadow: inset 0 0 0 2px #9757d7;
  color: #9757d7;
}

.scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: none;
  overflow: hidden;
  border: 2px solid #6fcbdc;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

@media only screen and (max-width: 1179px) {
  .scroll {
    width: 40px;
    height: 40px;
  }
}

.scroll .icon {
  width: 14px;
  height: 14px;
  fill: #b3c2d2;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.scroll:hover {
  border-color: #23262f;
}

.scroll:hover .icon {
  fill: #23262f;
}

body.dark .scroll {
  border-color: #353945;
}

body.dark .scroll:hover {
  border-color: #fcfcfd;
}

body.dark .scroll:hover .icon {
  fill: #fcfcfd;
}

.scroll__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateY(-33px);
  -ms-transform: translateY(-33px);
  transform: translateY(-33px);
  -webkit-animation: arrowsDown ease-out 1.4s infinite;
  animation: arrowsDown ease-out 1.4s infinite;
}

@media only screen and (max-width: 1179px) {
  .scroll__line {
    -webkit-transform: translateY(-22px);
    -ms-transform: translateY(-22px);
    transform: translateY(-22px);
    -webkit-animation-name: arrowsDownSmall;
    animation-name: arrowsDownSmall;
  }
}

.scroll__line .icon:not(:last-child) {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1179px) {
  .scroll__line .icon:not(:last-child) {
    margin-bottom: 30px;
  }
}

@-webkit-keyframes arrowsDown {
  80% {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
  }
  100% {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
  }
}

@keyframes arrowsDown {
  80% {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
  }
  100% {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
  }
}

@-webkit-keyframes arrowsDownSmall {
  80% {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
  100% {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
}

@keyframes arrowsDownSmall {
  80% {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
  100% {
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
  }
}

[data-aos="animation-opacity"] {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

[data-aos="animation-opacity"].aos-animate {
  opacity: 1;
}

[data-aos="animation-translate-up"] {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos="animation-translate-up"].aos-animate {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

[data-aos="animation-translate-down"] {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos="animation-translate-down"].aos-animate {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

.clients__title {
  margin-bottom: 40px;
  text-align: center;
  font-weight: 600;
}

.clients__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}

@media only screen and (max-width: 1179px) {
  .clients__list {
    margin: 0 -8px;
  }
}

@media only screen and (max-width: 767px) {
  .clients__list {
    margin: 0 -32px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .clients__list::-webkit-scrollbar {
    display: none;
  }
  .clients__list:before,
  .clients__list:after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 1px;
  }
}

.clients__logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 12px;
}

@media only screen and (max-width: 1179px) {
  .clients__logo {
    margin: 0 8px;
  }
}

@media only screen and (max-width: 767px) {
  .clients__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    margin: 0;
  }
}

.clients__logo img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .clients__logo:not(:last-child) {
    margin-right: 16px;
  }
}

.steps__head {
  max-width: 400px;
  margin: 0 auto 80px;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .steps__head {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .steps__head {
    margin-bottom: 40px;
  }
}

.steps__title {
  margin-bottom: 20px;
}

.steps__info {
  color: #353945;
}

body.dark .steps__info {
  color: #1e252b;
}

.steps__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
}

@media only screen and (max-width: 1023px) {
  .steps__list {
    margin: 0 -40px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .steps__list::-webkit-scrollbar {
    display: none;
  }
  .steps__list:before,
  .steps__list:after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 1px;
  }
}

.steps__item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 0 16px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .steps__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 256px;
    flex: 0 0 256px;
    width: 256px;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .steps__item {
    text-align: left;
  }
}

.steps__item:after {
  content: "";
  position: absolute;
  right: -79px;
  width: 120px;
  height: 2px;
  background-image: -o-linear-gradient(
    left,
    #52c4d8 0,
    #52c4d8 6px,
    transparent 6px,
    transparent 14px
  );
  background-image: linear-gradient(
    90deg,
    #52c4d8 0,
    #52c4d8 6px,
    transparent 6px,
    transparent 14px
  );
  background-repeat: repeat-x;
  background-size: 12px auto;
}

@media only screen and (max-width: 1260px) {
  .steps__item:after {
    right: -66px;
    width: 100px;
  }
}

@media only screen and (max-width: 1179px) {
  .steps__item:after {
    right: -50px;
    width: 60px;
  }
}

@media only screen and (max-width: 1023px) {
  .steps__item:after {
    right: -79px;
    width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .steps__item:after {
    right: 11px;
    background: none;
    border-bottom: 2px dashed #b1b5c3;
  }
}

.steps__item:first-child .steps__preview:before {
  display: none;
}

.steps__item:last-child:after {
  display: none;
}

.steps__item:last-child .steps__preview:after {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .steps__item:not(:last-child) {
    margin-right: 32px;
  }
}

.steps__preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 55px;
  border-radius: 24px;
}

@media only screen and (max-width: 767px) {
  .steps__preview {
    margin: 0 0 32px 0;
  }
}

.steps__preview:before,
.steps__preview:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 35%;
  border: 2px solid #52c5d7;
}

.steps__preview:before {
  left: -36px;
}

.steps__preview:after {
  right: -36px;
}

.steps__number {
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 1.66667;
  font-weight: 500;
  color: #b3c2d2;
}

.steps__subtitle {
  font-size: 19px;
  margin-bottom: 16px;
  font-weight: 600;
}

.steps__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

body.dark .steps__content {
  color: #1e252b;
}

.intro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 816px;
  padding: 100px 0;
}

@media only screen and (max-width: 1179px) {
  .intro {
    min-height: 600px;
    padding: 80px 0;
  }
}

@media only screen and (max-width: 767px) {
  .intro {
    display: block;
    min-height: auto;
    padding: 32px 0 64px;
  }
}

.intro__wrap {
  position: relative;
  z-index: 3;
  max-width: 450px;
}

@media only screen and (max-width: 1023px) {
  .intro__wrap {
    max-width: 360px;
  }
}

.intro__title {
  margin-bottom: 32px;
}

.intro__text {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #b3c2d2;
}

.intro__gallery {
  position: absolute;
  top: 53%;
  right: calc(50% - 541px);
  width: 584px;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  pointer-events: none;
}

@media only screen and (max-width: 1179px) {
  .intro__gallery {
    right: calc(50% - 440px);
    width: 390px;
    -webkit-transform: translateY(-44%);
    -ms-transform: translateY(-44%);
    transform: translateY(-44%);
  }
}

@media only screen and (max-width: 1023px) {
  .intro__gallery {
    right: calc(50% - 380px);
  }
}

@media only screen and (max-width: 767px) {
  .intro__gallery {
    position: relative;
    top: auto;
    right: auto;
    left: -15px;
    margin: 96px auto 24px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.intro__preview:first-child {
  position: relative;
  z-index: 2;
}

.intro__preview:nth-child(2) {
  top: -27%;
  left: 4%;
  z-index: 1;
  width: 33%;
}

.intro__preview:nth-child(3) {
  top: -18%;
  right: 31%;
  z-index: 1;
  width: 33%;
}

.intro__preview:not(:first-child) {
  position: absolute;
}

.intro__preview img {
  width: 100%;
}

.book {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .book {
    padding-top: 0;
    background: none;
  }
}

@media only screen and (max-width: 767px) {
  .book__center {
    padding: 0 16px;
  }
}

.book__gallery {
  position: absolute;
  top: 50%;
  left: calc(50% - 640px);
  width: 624px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media only screen and (max-width: 1339px) {
  .book__gallery {
    left: calc(50% - 610px);
    width: 580px;
  }
}

@media only screen and (max-width: 1179px) {
  .book__gallery {
    left: calc(50% - 560px);
  }
}

@media only screen and (max-width: 767px) {
  .book__gallery {
    position: relative;
    top: auto;
    left: 50%;
    width: 500px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.book__preview:first-child {
  position: relative;
  z-index: 2;
}

.book__preview:nth-child(2) {
  top: 14%;
  right: 13%;
  z-index: 3;
  width: 29.5%;
}

.book__preview:nth-child(3) {
  top: 46%;
  left: 15%;
  z-index: 1;
  width: 17%;
}

.book__preview:nth-child(4) {
  right: 3%;
  bottom: 17%;
  z-index: 1;
  width: 33.5%;
}

.book__preview:not(:first-child) {
  position: absolute;
}

.book__preview img {
  width: 100%;
}

.book__wrap {
  position: relative;
  z-index: 3;
  max-width: 545px;
  margin-left: auto;
  padding: 48px;
  background: #fcfcfd;
  -webkit-box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border-radius: 20px;
}

@media only screen and (max-width: 1339px) {
  .book__wrap {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1179px) {
  .book__wrap {
    max-width: 416px;
    padding: 32px;
  }
}

body.dark .book__wrap {
  background: #141416;
}

.book__title {
  margin-bottom: 24px;
}

.book__info {
  margin-bottom: 24px;
  color: #b3c2d2;
}

.book__list {
  margin-bottom: 24px;
}

.book__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.book__item:hover {
  -webkit-box-shadow: inset 0 0 0 2px #1e252b;
  box-shadow: inset 0 0 0 2px #1e252b;
}

body.dark .book__item:hover {
  -webkit-box-shadow: inset 0 0 0 2px #353945;
  box-shadow: inset 0 0 0 2px #353945;
}

.book__item:not(:last-child) {
  margin-bottom: 4px;
}

.book__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 24px;
  border-radius: 50%;
}

.book__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.book__subtitle {
  margin-bottom: 4px;
  font-weight: 600;
}

.book__content {
  max-width: 260px;
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.book__note {
  margin-bottom: 24px;
  margin-right: -10px;
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .book__note {
    margin: 0 0 24px;
    text-align: center;
  }
}

.book__note strong {
  font-weight: 600;
}

.book__green {
  color: #45b26b;
}

.book__black {
  color: #23262f;
}

body.dark .book__black {
  color: #fcfcfd;
}

.book__btns {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .book__button {
    width: 100%;
  }
}

.details__head {
  max-width: 580px;
  margin: 0 auto 80px;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .details__head {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .details__head {
    text-align: left;
  }
}

.details__stage {
  margin-bottom: 8px;
  color: #b3c2d2;
}

.details__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .details__list {
    display: block;
  }
}

.details__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
  padding: 34px 83px;
}

@media only screen and (max-width: 1339px) {
  .details__item {
    padding: 34px 64px;
  }
}

@media only screen and (max-width: 1179px) {
  .details__item {
    padding: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .details__item {
    padding: 0;
  }
}

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

.details__item:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
  border-width: 0 1px;
  border-style: solid;
  border-color: #1e252b;
}

@media only screen and (max-width: 767px) {
  .details__item:nth-child(2) {
    border: none;
  }
}

body.dark .details__item:nth-child(2) {
  border-color: #353945;
}

.details__item:last-child {
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .details__item:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #1e252b;
  }
  body.dark .details__item:not(:last-child) {
    border-color: #353945;
  }
}

.details__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 32px;
}

body.dark .details__icon path {
  fill: #fcfcfd;
}

.details__category {
  margin-bottom: 32px;
  font-weight: 600;
}

.details__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.about {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about {
    padding: 48px 0;
    border: none;
  }
}

.about__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}

@media only screen and (max-width: 1179px) {
  .about__row {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .about__row:first-child {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .about__row:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .about__row:nth-child(2) .about__col:nth-child(2) {
    margin-bottom: 60px;
  }
}

.about__row:not(:last-child) {
  margin-bottom: 128px;
}

@media only screen and (max-width: 1179px) {
  .about__row:not(:last-child) {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .about__row:not(:last-child) {
    margin-bottom: 60px;
  }
}

.about__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 24px);
  flex: 0 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin: 0 12px;
}

@media only screen and (max-width: 1179px) {
  .about__col {
    margin: 0;
  }
}

@media only screen and (max-width: 1179px) {
  .about__col:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
    padding-right: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .about__col:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 1179px) {
  .about__col:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 528px;
    flex: 0 0 528px;
    width: 528px;
  }
}

@media only screen and (max-width: 1023px) {
  .about__col:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    width: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .about__col:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}

.about__title {
  margin-bottom: 20px;
}

.about__info {
  max-width: 450px;
  color: #b3c2d2;
}

.about__info1 {
  color: #b3c2d2;
}

.about__list {
}

@media only screen and (max-width: 767px) {
  .about__list {
    max-width: 100%;
  }
}

.about__item:not(:last-child) {
  margin-bottom: 48px;
}

@media only screen and (max-width: 1023px) {
  .about__item:not(:last-child) {
    margin-bottom: 32px;
  }
}

.about__number {
  display: inline-block;
  width: 38px;
  margin-bottom: 24px;
  border-radius: 12px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #fcfcfd;
}

@media only screen and (max-width: 1023px) {
  .about__number {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .about__number {
    margin-bottom: 24px;
  }
}

.about__subtitle {
  margin-top: 125px;
  margin-bottom: 50px;
  font-weight: 500;
}

@media only screen and (max-width: 1023px) {
  .about__subtitle {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .about__subtitle {
    margin-bottom: 16px;
  }
}

.about__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.about__bg {
  position: relative;
  background: #1e252b;
  border-radius: 24px;
}

body.dark .about__bg {
  background: #353945;
}

.about__bg img {
  width: 100%;
}

.about__bg > img {
  border-radius: 24px;
}

@media only screen and (max-width: 1179px) {
  .about__bg_overflow {
    overflow: hidden;
  }
}

.about__preview {
  position: absolute;
  top: 1.5%;
  left: -31%;
  width: 64.5%;
  pointer-events: none;
}

@media only screen and (max-width: 1179px) {
  .about__preview {
    top: 0;
    left: 0;
    width: 45%;
  }
}

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

.about__photo:first-child {
  top: 11%;
  left: -31%;
  width: 68%;
}

.about__photo:nth-child(2) {
  top: 9.5%;
  left: 25%;
  width: 23%;
}

@media only screen and (max-width: 1179px) {
  .team {
    padding-top: 112px;
  }
}

@media only screen and (max-width: 1023px) {
  .team {
    padding-top: 64px;
  }
}

.team__head {
  margin-bottom: 80px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .team__head {
    margin-bottom: 48px;
  }
}

.team__title {
  margin-bottom: 20px;
}

.team__info {
  max-width: 545px;
  margin: 0 auto 40px;
  color: #353945;
}

body.dark .team__info {
  color: #1e252b;
}

.team__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -12px -6px 0;
}

@media only screen and (max-width: 767px) {
  .team__nav {
    display: none;
  }
}

.team .select {
  display: none;
}

@media only screen and (max-width: 767px) {
  .team .select {
    display: block;
  }
}

.team__link {
  margin: 12px 6px 0;
  padding: 6px 12px;
  border-radius: 14px;
  background: none;
  font-family: "Courier Prime", monospace;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 500;
  color: #b3c2d2;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.team__link:hover {
  color: #353945;
}

body.dark .team__link:hover {
  color: #1e252b;
}

.team__link.active {
  background: #353945;
  color: #fcfcfd;
}

body.dark .team__link.active {
  background: #fcfcfd;
  color: #23262f;
}

.team__box {
  display: none;
}

@media only screen and (max-width: 767px) {
  .team__wrap {
    position: relative;
    padding-bottom: 72px;
  }
}

.team__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -60px -16px 0;
}

@media only screen and (max-width: 767px) {
  .team__slider {
    position: static;
    display: block;
    margin: 0;
    visibility: hidden;
  }
  .team__slider.slick-initialized {
    visibility: visible;
  }
}

.team__slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.333% - 32px);
  flex: 0 0 calc(33.333% - 32px);
  width: calc(33.333% - 32px);
  margin: 60px 16px 0;
}

@media only screen and (max-width: 767px) {
  .team__slide {
    width: auto;
    margin: 0;
  }
}

.team__item {
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  color: #23262f;
}

.team__item:hover .team__avatar {
  -webkit-box-shadow: 0 0 0 2px #008080;
  box-shadow: 0 0 0 2px #008080;
}

@media only screen and (max-width: 767px) {
  .team__item:hover .team__avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

body.dark .team__item {
  color: #fcfcfd;
}

.team__avatar {
  position: relative;
  width: 160px;
  margin: 0 auto 24px;
  border-radius: 16px;
  overflow: hidden;
  background: #1e252b;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

body.dark .team__avatar {
  background: #353945;
}

.team__avatar:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@media only screen and (max-width: 767px) {
  .team__avatar {
    width: 100%;
  }
}

.team__avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.team__man {
  margin-bottom: 4px;
  font-weight: 500;
}

.team__position {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

@media only screen and (max-width: 474px) {
  .team .slick-list {
    margin: 0 -192px 0 -8px;
  }
}

.team .slick-slide {
  padding: 0 8px;
}

.team .slick-arrow {
  bottom: 0;
}

.team .slick-prev {
  left: calc(50% - 34px);
}

.team .slick-next {
  right: calc(50% - 34px);
}

.review__center {
  max-width: 896px;
}

.review__wrap {
  margin: 0 -12px;
  text-align: center;
}

.review__slider {
  visibility: hidden;
  padding-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .review__slider {
    padding-bottom: 64px;
  }
}

.review__slider.slick-initialized {
  visibility: visible;
}

.review__logo {
  display: inline-block;
}

.review__title {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #1e252b;
  font-family: "Courier Prime", monospace;
  font-size: 40px;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  .review__title {
    font-size: 32px;
  }
}

body.dark .review__title {
  border-color: #353945;
}

.review__author {
  margin-bottom: 4px;
  font-weight: 600;
}

.review__position {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.review .slick-slide {
  padding: 0 12px;
}

.review .slick-arrow {
  bottom: 0;
}

.review .slick-prev {
  left: calc(50% - 34px);
}

.review .slick-next {
  right: calc(50% - 34px);
}

.quality__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
}

@media only screen and (max-width: 1023px) {
  .quality__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -64px -16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .quality__list {
    display: block;
    margin: 0;
  }
}

.quality__item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 0 16px;
}

@media only screen and (max-width: 1023px) {
  .quality__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
    margin: 64px 16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .quality__item {
    width: 100%;
    margin: 0;
  }
  .quality__item:not(:last-child) {
    margin-bottom: 64px;
  }
}

.quality__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 64px;
}

@media only screen and (max-width: 1023px) {
  .quality__preview {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .quality__preview {
    margin-bottom: 32px;
  }
}

.quality__preview img {
  max-width: 100%;
}

.quality__counter {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #1e252b;
  font-family: "Courier Prime", monospace;
  font-size: 64px;
  line-height: 1;
  font-weight: 500;
}

body.dark .quality__counter {
  border-color: #353945;
}

.quality__title {
  margin-bottom: 16px;
  font-weight: 600;
}

.quality__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.advantages__head {
  margin-bottom: 80px;
  text-align: center;
}

.advantages__title {
  margin-bottom: 20px;
}

.advantages__info {
  max-width: 455px;
  margin: 0 auto;
  color: #353945;
}

@media only screen and (max-width: 1179px) {
  .advantages__info {
    max-width: 100%;
    color: #b3c2d2;
  }
}

body.dark .advantages__info {
  color: #b1b5c3;
}

.advantages__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}

@media only screen and (max-width: 1023px) {
  .advantages__list {
    margin: 0 -40px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .advantages__list::-webkit-scrollbar {
    display: none;
  }
  .advantages__list:before,
  .advantages__list:after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 1px;
  }
}

.advantages__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.333% - 24px);
  flex: 0 0 calc(33.333% - 24px);
  width: calc(33.333% - 24px);
  margin: 0 12px;
  padding: 0 32px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .advantages__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .advantages__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
  }
}

@media only screen and (max-width: 1023px) {
  .advantages__item:not(:last-child) {
    margin-right: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .advantages__item:not(:last-child) {
    margin-right: 8px;
  }
}

.advantages__preview {
  height: 204px;
  margin-bottom: 36px;
}

.advantages__preview img {
  max-height: 100%;
}

.advantages__subtitle {
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
}

.workouts {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 1096px;
  padding: 100px 0;
  overflow: hidden;
}

@media only screen and (max-width: 1339px) {
  .workouts {
    min-height: 960px;
  }
}

@media only screen and (max-width: 1179px) {
  .workouts {
    min-height: 840px;
  }
}

@media only screen and (max-width: 767px) {
  .workouts {
    min-height: auto;
    padding: 64px 0;
  }
}

.workouts__wrap {
  position: relative;
  z-index: 3;
  max-width: 450px;
}

@media only screen and (max-width: 1179px) {
  .workouts__wrap {
    max-width: 420px;
  }
}

.workouts__title {
  margin-bottom: 32px;
}

.workouts__info {
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #b3c2d2;
}

.workouts__list {
  margin-bottom: 48px;
}

.workouts__list li {
  position: relative;
  padding-left: 36px;
  font-weight: 600;
  color: #b3c2d2;
}

.workouts__list li:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L10 16L18 8' stroke='%2345B36B' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    no-repeat 50% 50%/100% auto;
}

.workouts__list li:not(:last-child) {
  margin-bottom: 16px;
}

.workouts__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .workouts__button {
    padding: 0 20px;
  }
}

.workouts__button:not(:last-child) {
  margin-right: 12px;
}

.workouts__gallery {
  position: absolute;
  top: 50%;
  right: calc(50% - 663px);
  width: 744px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media only screen and (max-width: 1339px) {
  .workouts__gallery {
    right: calc(50% - 570px);
    width: 640px;
  }
}

@media only screen and (max-width: 1179px) {
  .workouts__gallery {
    width: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .workouts__gallery {
    position: relative;
    top: auto;
    right: auto;
    left: -4%;
    width: 380px;
    margin: 0 auto 42px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.workouts__preview:first-child {
  position: relative;
  z-index: 1;
}

.workouts__preview:nth-child(2) {
  top: 10%;
  left: 47%;
  z-index: 2;
  width: 13.5%;
}

.workouts__preview:nth-child(3) {
  top: 32%;
  right: 2.5%;
  z-index: 2;
  width: 14.5%;
}

.workouts__preview:not(:first-child) {
  position: absolute;
}

.workouts__preview img {
  width: 100%;
}

.offers {
  text-align: center;
}

.offers .stage {
  margin-bottom: 16px;
}

.offers__title {
  max-width: 650px;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 1023px) {
  .offers__title {
    max-width: 550px;
  }
}

.offers__text {
  max-width: 450px;
  margin: 0 auto 48px;
  color: #b3c2d2;
}

.theme {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  .theme {
    position: absolute;
    top: 60px;
    right: 28px;
  }
}

.theme__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.theme__input:checked + .theme__inner {
  border-color: #23262f;
}

.theme__input:checked + .theme__inner .theme__box {
  background: rgba(35, 38, 47, 0.3);
}

.theme__input:checked + .theme__inner .theme__box:before {
  width: 8px;
  height: 24px;
  -webkit-transform: translate(50px, -50%);
  -ms-transform: translate(50px, -50%);
  transform: translate(50px, -50%);
  border-radius: 4px;
}

.theme__input:checked + .theme__inner .theme__icon .icon {
  fill: #fcfcfd;
}

.theme__input:checked + .theme__inner .theme__icon .icon:first-child {
  opacity: 0;
}

.theme__input:checked + .theme__inner .theme__icon .icon:nth-child(2) {
  opacity: 1;
}

.theme__inner {
  position: relative;
  display: inline-block;
  border: 4px solid #1e252b;
  border-radius: 24px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.theme__box {
  position: relative;
  display: block;
  width: 72px;
  height: 32px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(119, 126, 144, 0.4);
  box-shadow: inset 0 0 0 1px rgba(119, 126, 144, 0.4);
  background: #fcfcfd;
  border-radius: 16px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.theme__box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #3772ff;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.theme__icon .icon {
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: #b1b5c3;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.theme__icon .icon:first-child {
  right: 5px;
}

.theme__icon .icon:nth-child(2) {
  left: 5px;
  opacity: 0;
}

.subscription {
  position: relative;
}

.subscription__input {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 14px;
  border-radius: 24px;
  background: none;
  border: 2px solid #6fcbdc;
  font-family: "Courier Prime", monospace;
  font-size: 14px;
  line-height: 1.71429;
  color: #23262f;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.subscription__input:focus {
  border-color: #b3c2d2;
}

.subscription__input::-webkit-input-placeholder {
  color: #b3c2d2;
}

.subscription__input::-moz-placeholder {
  color: #b3c2d2;
}

.subscription__input:-ms-input-placeholder {
  color: #b3c2d2;
}

.subscription__input::-ms-input-placeholder {
  color: #b3c2d2;
}

.subscription__input::placeholder {
  color: #b3c2d2;
}

body.dark .subscription__input {
  border-color: #353945;
  color: #fcfcfd;
}

body.dark .subscription__input:focus {
  border-color: #b3c2d2;
}

.subscription__btn {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #008080;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

.subscription__btn .icon {
  width: 14px;
  height: 14px;
  fill: #fcfcfd;
  margin-bottom: -3px;
  margin-left: 2px;
}

.subscription__btn:hover {
  background: #1ad5c7;
}

body.dark .pricing {
  background: none;
}

.pricing .stage {
  margin-bottom: 16px;
  text-align: center;
}

.pricing__title {
  max-width: 550px;
  margin: 0 auto 80px;
  text-align: center;
}

.pricing__title1 {
  max-width: 550px;
  margin: 0 auto 20px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .pricing__title {
    margin-bottom: 64px;
  }
}

.pricing__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .pricing__row {
    display: block;
  }
}

.pricing__col {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

@media only screen and (max-width: 767px) {
  .pricing__col {
    padding: 48px 32px 64px;
    background: #fcfcfd;
    border-radius: 24px;
  }
  body.dark .pricing__col {
    background: #23262f;
  }
}

.pricing__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 350px;
  flex: 0 0 350px;
}

@media only screen and (max-width: 1179px) {
  .pricing__col:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
  }
}

@media only screen and (max-width: 1023px) {
  .pricing__col:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
  }
}

@media only screen and (max-width: 767px) {
  .pricing__col:first-child {
    display: none;
  }
}

.pricing__col:nth-child(3) {
  border-radius: 24px;
  background: #fcfcfd;
}

body.dark .pricing__col:nth-child(3) {
  background: #23262f;
}

body.dark .pricing__col:nth-child(3) .pricing__parameter {
  border-color: rgba(119, 126, 144, 0.3);
}

.pricing__col:not(:first-child) {
  padding-bottom: 54px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .pricing__col:not(:first-child) {
    text-align: left;
  }
}

.pricing__col:not(:first-child) .pricing__body {
  padding-top: 28px;
}

.pricing__col:not(:first-child) .pricing__parameter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.pricing__col:not(:first-child) .pricing__label {
  display: none;
}

@media only screen and (max-width: 767px) {
  .pricing__col:not(:first-child) .pricing__label {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .pricing__col:not(:last-child) {
    margin-bottom: 32px;
  }
}

.pricing__head {
  min-height: 256px;
  padding: 48px 32px 44px;
}

@media only screen and (max-width: 1023px) {
  .pricing__head {
    padding: 48px 16px 44px;
  }
}

@media only screen and (max-width: 767px) {
  .pricing__head {
    min-height: auto;
    padding: 0;
  }
}

.pricing__more {
  display: none;
}

@media only screen and (max-width: 767px) {
  .pricing__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 1.66667;
    font-weight: 600;
  }
  .pricing__more.active .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.pricing__more .icon {
  width: 10px;
  height: 10px;
  margin-left: 12px;
  fill: #b3c2d2;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.pricing__package {
  margin-bottom: 8px;
  font-weight: 600;
}

.pricing__description {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.pricing__cost {
  position: relative;
  display: inline-block;
  margin-top: 32px;
}

@media only screen and (max-width: 767px) {
  .pricing__cost {
    margin-left: 15px;
  }
}

.pricing__price {
  font-family: "Courier Prime", monospace;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.02em;
}

.pricing__sign {
  position: absolute;
  top: 0;
  right: calc(100% + 4px);
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
}

.pricing__note {
  font-size: 12px;
  line-height: 1.66667;
  color: #b3c2d2;
}

@media only screen and (min-width: 768px) {
  .pricing__list {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero_main_text {
    text-align: center;
  }
  #join_waitlist_text {
    display: none;
  }
  .pricing__list {
    display: none;
    padding-top: 24px;
  }
  .pricing__list.visible {
    display: block;
  }
  .description__preview1 img {
    width: 100%;
  }
  .a-alpha-text {
    width: 100%;
    margin: 0rem auto 0 auto;
  }
}

.pricing__category {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #b3c2d2;
}

.pricing__parameter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px;
  border-bottom: 1px solid #1e252b;
}

body.dark .pricing__parameter {
  border-color: #23262f;
}

.pricing__label {
  margin-right: auto;
  font-weight: 600;
}

.pricing__hint {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 20px;
  border-radius: 50%;
  border: 2px solid #b1b5c3;
  cursor: pointer;
}

@media only screen and (max-width: 1023px) {
  .pricing__hint {
    display: none;
  }
  .a-alpha-text {
    width: 100%;
    margin: 4rem auto 0 auto;
  }

  .alpha-text {
    width: 100%;
  }
  /* .hero__col img {
    transform: scale(1.1);
  } */
}

@media only screen and (min-width: 1024px) {
  .ecosystem_img {
    max-width: 70%;
  }
  /* .hero__col img {
    transform: scale(1.4);
  } */
}

.pricing__hint .icon {
  width: 10px;
  height: 10px;
  fill: #b1b5c3;
}

.pricing__hint:hover .pricing__tooltip {
  visibility: visible;
  opacity: 1;
}

.pricing__tooltip {
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  min-width: 260px;
  padding: 6px 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 4px;
  background: #fcfcfd;
  -webkit-box-shadow: 0 4px 12px rgba(35, 38, 47, 0.1);
  box-shadow: 0 4px 12px rgba(35, 38, 47, 0.1);
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.pricing__tooltip:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #fcfcfd transparent transparent;
}

body.dark .pricing__tooltip {
  background: #353945;
  -webkit-box-shadow: 0 4px 12px rgba(20, 20, 22, 0.1);
  box-shadow: 0 4px 12px rgba(20, 20, 22, 0.1);
}

body.dark .pricing__tooltip:before {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #353945 transparent transparent;
}

.pricing__check {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pricing__check .icon {
  width: 14px;
  height: 14px;
  fill: #45b26b;
}

.pricing__minus {
  padding: 0 2px;
  font-size: 18px;
  font-weight: 600;
  color: #b3c2d2;
}

.pricing__button {
  margin-top: 54px;
}

.comment__wrapper {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .comment__wrapper {
    padding-bottom: 64px;
  }
}

.comment__wrap {
  margin: 0 -16px;
  text-align: center;
}

.comment__head {
  max-width: calc(50% - 16px);
  margin: 0 0 80px auto;
}

@media only screen and (max-width: 1179px) {
  .comment__head {
    max-width: calc(66.66% - 16px);
  }
}

@media only screen and (max-width: 767px) {
  .comment__head {
    max-width: 100%;
    margin: 0 0 48px;
  }
}

.comment__title {
  margin-bottom: 20px;
}

.comment__info {
  color: #353945;
}

body.dark .comment__info {
  color: #1e252b;
}

.comment__slider {
  position: static;
  visibility: hidden;
}

.comment__slider.slick-initialized {
  visibility: visible;
}

.comment__item {
  display: block;
  text-align: center;
  color: #23262f;
}

.comment__preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 222px;
  margin-bottom: 24px;
  border-radius: 30px;
}

body.dark .comment__preview {
  background: #353945;
}

.comment__preview img {
  max-width: 120px;
  max-height: 120px;
}

.comment__preview:before,
.comment__preview:after {
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.comment__preview:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #23262f;
  border-radius: 8px;
}

body.dark .comment__preview:before {
  background: #fcfcfd;
}

.comment__preview:after {
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #fcfcfd
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath fill-rule='evenodd' d='M6.394.843c.271-.25.692-.233.942.038L9.49 3.214c.236.255.236.649 0 .904L7.336 6.452c-.25.271-.672.287-.942.038s-.287-.672-.038-.942l1.121-1.215H1c-.368 0-.667-.298-.667-.667S.632 3 1 3h6.477L6.356 1.786c-.25-.271-.233-.692.038-.942z' fill='%23777e91'/%3E%3C/svg%3E")
    no-repeat 50% 50%/10px auto;
}

body.dark .comment__preview:after {
  background-color: #23262f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath fill-rule='evenodd' d='M6.394.843c.271-.25.692-.233.942.038L9.49 3.214c.236.255.236.649 0 .904L7.336 6.452c-.25.271-.672.287-.942.038s-.287-.672-.038-.942l1.121-1.215H1c-.368 0-.667-.298-.667-.667S.632 3 1 3h6.477L6.356 1.786c-.25-.271-.233-.692.038-.942z' fill='%23777E90'/%3E%3C/svg%3E");
}

.comment__item:hover .comment__preview:before,
.comment__item:hover .comment__preview:after {
  opacity: 1;
  visibility: visible;
}

.comment__subtitle {
  margin-bottom: 8px;
  font-weight: 600;
  color: #23262f;
}

body.dark .comment__subtitle {
  color: #fcfcfd;
}

.comment__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.comment .slick-slide {
  padding: 0 16px;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.comment .slick-slide.slick-active {
  opacity: 1;
}

.comment .slick-arrow {
  top: 0;
}

@media only screen and (max-width: 767px) {
  .comment .slick-arrow {
    top: auto;
    bottom: 0;
  }
}

.comment .slick-prev {
  left: 0;
}

@media only screen and (max-width: 767px) {
  .comment .slick-prev {
    left: calc(50% - 34px);
  }
}

.comment .slick-next {
  left: 44px;
}

@media only screen and (max-width: 767px) {
  .comment .slick-next {
    left: auto;
    right: calc(50% - 34px);
  }
}

.testimonials__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 80px -16px 0;
}

@media only screen and (max-width: 1179px) {
  .testimonials__nav {
    margin: 80px -8px 0;
  }
}

@media only screen and (max-width: 1023px) {
  .testimonials__nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 80px -40px 0;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .testimonials__nav::-webkit-scrollbar {
    display: none;
  }
  .testimonials__nav:before,
  .testimonials__nav:after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 1px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonials__nav {
    margin-top: 48px;
  }
}

.testimonials__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 0 16px;
  padding-bottom: 26px;
  cursor: pointer;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 1179px) {
  .testimonials__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 16px);
    flex: 0 0 calc(25% - 16px);
    width: calc(25% - 16px);
    margin: 0 8px;
  }
}

@media only screen and (max-width: 1023px) {
  .testimonials__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 256px;
    flex: 0 0 256px;
    width: 256px;
    margin: 0;
  }
}

.testimonials__link:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: #23262f;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body.dark .testimonials__link:after {
  background: #fcfcfd;
}

.testimonials__link:hover:after,
.testimonials__link.active:after {
  opacity: 1;
}

.testimonials__link:not(:last-child) {
  margin-right: 32px;
}

body.dark .testimonials__link {
  color: #fcfcfd;
}

.testimonials__avatar {
  -ms-flex-negative: 48px;
  flex-shrink: 48px;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  background: #1e252b;
  border-radius: 50%;
  overflow: hidden;
}

.testimonials__avatar img {
  width: 100%;
  height: 100%;
}

.testimonials__man {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.71429;
  font-weight: 600;
}

.testimonials__position {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.testimonials__item {
  display: none;
}

.testimonials__item:first-child {
  display: block;
}

.testimonials__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
}

@media only screen and (max-width: 767px) {
  .testimonials__row {
    display: block;
    margin: 0;
  }
}

.testimonials__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 0 16px;
}

@media only screen and (max-width: 767px) {
  .testimonials__col {
    width: 100%;
    margin: 0;
  }
  .testimonials__col:not(:last-child) {
    margin-bottom: 48px;
  }
}

.testimonials__logo {
  margin-bottom: 48px;
}

@media only screen and (max-width: 1023px) {
  .testimonials__logo {
    margin-bottom: 24px;
  }
}

.testimonials__logo img {
  max-width: 166px;
}

.testimonials__comment {
  max-width: 450px;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1023px) {
  .testimonials__comment {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonials__comment {
    font-size: 24px;
  }
}

.testimonials__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 48px;
  font-size: 14px;
  line-height: 1.71429;
}

@media only screen and (max-width: 767px) {
  .testimonials__details {
    margin-bottom: 32px;
  }
}

.testimonials__icon {
  margin-right: 12px;
}

.testimonials__author {
  margin-right: 24px;
  font-weight: 600;
}

.testimonials__description {
  color: #b3c2d2;
}

@media only screen and (max-width: 1023px) {
  .testimonials__description {
    margin-left: 36px;
  }
}

.testimonials__preview {
  position: relative;
}

.testimonials__preview img {
  width: 100%;
  border-radius: 16px;
}

@media only screen and (max-width: 767px) {
  .testimonials__preview img {
    border-radius: 12px;
  }
}

.program__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 48px 76px 64px;
  background: #fcfcfd;
  -webkit-box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border-radius: 24px;
}

@media only screen and (max-width: 1179px) {
  .program__wrap {
    padding: 48px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .program__wrap {
    display: block;
    border-radius: 16px;
  }
}

body.dark .program__wrap {
  background: #141416;
}

.program__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 372px;
  flex: 0 0 372px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .program__col:first-child {
    margin: 0 -10px 16px;
    padding-bottom: 0;
  }
}

.program__col:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 20px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .program__col:nth-child(2) {
    padding-left: 0;
  }
}

.program .stage-small {
  margin-bottom: 24px;
  padding-left: 24px;
}

@media only screen and (max-width: 767px) {
  .program .stage-small {
    margin-bottom: 16px;
    padding-left: 10px;
  }
}

.program__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  border-radius: 16px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  font-weight: 600;
  color: #23262f;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

@media only screen and (max-width: 767px) {
  .program__item {
    padding: 10px;
    font-size: 18px;
  }
}

.program__item:hover {
  background: #f4f5f6;
}

body.dark .program__item {
  background: #23262f;
  color: #fcfcfd;
}

body.dark .program__item:hover {
  background: #353945;
}

.program__item:not(:last-child) {
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  .program__item:not(:last-child) {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  body.dark .program__item:not(:last-child) {
    margin-bottom: 8px;
  }
}

.program__arrow {
  margin-left: auto;
  padding-left: 20px;
}

.program__arrow .icon {
  width: 14px;
  height: 14px;
  fill: #b3c2d2;
}

.program__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  border-radius: 12px;
}

@media only screen and (max-width: 767px) {
  .program__icon {
    margin-right: 12px;
  }
}

.program__icon img {
  max-width: 24px;
  max-height: 24px;
}

.program__preview {
  margin-bottom: 42px;
}

@media only screen and (max-width: 767px) {
  .program__preview {
    margin-bottom: 32px;
  }
}

.program__preview img {
  max-width: 400px;
}

@media only screen and (max-width: 1179px) {
  .program__preview img {
    max-width: 240px;
  }
}

.program__info {
  max-width: 380px;
  margin: 0 auto 24px;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .lifestyle {
    padding-top: 64px;
  }
}

.lifestyle__head {
  max-width: 545px;
  margin-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .lifestyle__head {
    margin-bottom: 48px;
  }
}

.lifestyle__stage {
  margin-bottom: 32px;
}

.lifestyle__title {
  margin-bottom: 20px;
}

.lifestyle__info {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .lifestyle__button {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .lifestyle__wrap {
    margin: 0 -12px;
  }
}

@media only screen and (max-width: 767px) {
  .lifestyle__slider {
    padding-bottom: 70px;
    visibility: hidden;
  }
  .lifestyle__slider.slick-initialized {
    visibility: visible;
  }
}

.lifestyle__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -16px;
}

@media only screen and (max-width: 767px) {
  .lifestyle__row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0;
  }
}

.lifestyle__row:not(:last-child) {
  margin-bottom: 112px;
}

@media only screen and (max-width: 1023px) {
  .lifestyle__row:not(:last-child) {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .lifestyle__row:not(:last-child) {
    margin-bottom: 0;
  }
}

.lifestyle__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 0 16px;
}

@media only screen and (max-width: 767px) {
  .lifestyle__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}

.lifestyle__col img {
  width: 100%;
  border-radius: 24px;
}

.lifestyle__col:first-child {
  padding-top: 32px;
}

@media only screen and (max-width: 1179px) {
  .lifestyle__col:first-child {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .lifestyle__col:first-child {
    margin-top: 48px;
  }
}

.lifestyle__details {
  max-width: 260px;
}

@media only screen and (max-width: 767px) {
  .lifestyle__details {
    max-width: 100%;
  }
}

.lifestyle__number {
  margin-bottom: 24px;
  padding-bottom: 26px;
  border-bottom: 2px solid #1e252b;
  font-family: "Courier Prime", monospace;
  font-size: 32px;
  line-height: 1.25;
}

body.dark .lifestyle__number {
  border-color: #353945;
}

.lifestyle__category {
  margin-bottom: 16px;
  font-weight: 600;
}

.lifestyle__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.lifestyle .slick-slide {
  padding: 0 12px;
}

.lifestyle .slick-arrow {
  bottom: 0;
}

.lifestyle .slick-prev {
  left: 12px;
}

.lifestyle .slick-next {
  left: 56px;
}

.platform__title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .platform__title {
    text-align: center;
  }
}

.platform__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -16px;
  border-width: 2px 0 1px;
  border-style: solid;
  border-color: #1e252b;
}

@media only screen and (max-width: 1023px) {
  .platform__list {
    display: block;
    margin: 0;
    padding: 48px 0;
  }
}

@media only screen and (max-width: 767px) {
  .platform__list {
    padding: 0;
    border: none;
  }
}

body.dark .platform__list {
  border-color: #353945;
}

.platform__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 80px 16px -1px;
  padding-bottom: 48px;
  border-bottom: 1px solid #1e252b;
  cursor: pointer;
}

@media only screen and (max-width: 1339px) {
  .platform__item {
    cursor: default;
  }
}

@media only screen and (max-width: 1023px) {
  .platform__item {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
  }
}

@media only screen and (max-width: 767px) {
  .platform__item {
    display: block;
    text-align: center;
  }
}

body.dark .platform__item {
  border-color: #353945;
}

@media only screen and (max-width: 1023px) {
  .platform__item:not(:last-child) {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .platform__item:not(:last-child) {
    margin-bottom: 40px;
  }
}

.platform__item .platform__button {
  position: absolute;
  top: calc(100% + 24px);
  left: 0;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (max-width: 1339px) {
  .platform__item .platform__button {
    position: static;
    margin-top: 24px;
    visibility: visible;
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .platform__item .platform__button {
    margin-top: 16px;
  }
}

.platform__item:hover .platform__details {
  -webkit-transform: translateY(-33px);
  -ms-transform: translateY(-33px);
  transform: translateY(-33px);
}

@media only screen and (max-width: 1339px) {
  .platform__item:hover .platform__details {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.platform__item:hover .platform__button {
  visibility: visible;
  opacity: 1;
}

.platform__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  margin-right: 32px;
  border-radius: 24px;
}

@media only screen and (max-width: 767px) {
  .platform__preview {
    margin: 0 auto 16px;
  }
}

.platform__preview img {
  max-width: 40px;
}

.platform__details {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.platform__status {
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .platform__status {
    line-height: 22px;
  }
}

.platform__subtitle {
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
}

.platform__description {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.platform__btns {
  margin-top: 80px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .platform__btns {
    margin-top: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .platform__btns {
    margin-top: 48px;
  }
}

.community__center {
  text-align: center;
}

.community__preview {
  margin-bottom: 66px;
}

@media only screen and (max-width: 767px) {
  .community__preview {
    margin-bottom: 48px;
  }
}

.community__preview img {
  width: 545px;
}

@media only screen and (max-width: 1179px) {
  .community__preview img {
    width: 450px;
  }
}

@media only screen and (max-width: 639px) {
  .community__preview img {
    width: 100%;
  }
}

.community__title {
  margin-bottom: 20px;
}

.community__text {
  max-width: 455px;
  margin: 0 auto 80px;
  color: #b3c2d2;
}

@media only screen and (max-width: 1179px) {
  .community__text {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .community__text {
    margin-bottom: 48px;
  }
}

.community .subscription {
  max-width: 355px;
  margin: 0 auto 16px;
}

.community__note {
  font-size: 12px;
  line-height: 1.66667;
  color: #b1b5c3;
}

@media only screen and (max-width: 767px) {
  .community__note {
    max-width: 240px;
    margin: 0 auto;
  }
}

.community__note a {
  font-weight: 600;
  color: #008080;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.community__note a:hover {
  opacity: 0.8;
}

.history {
  margin-bottom: 72px;
}

@media only screen and (max-width: 1179px) {
  .history {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .history {
    margin-bottom: 32px;
  }
}

.history__slider {
  visibility: hidden;
}

.history__slider.slick-initialized {
  visibility: visible;
}

.history__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  -webkit-box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border: 1px solid #1e252b;
}

@media only screen and (max-width: 767px) {
  .history__item {
    display: block;
    border-radius: 24px;
  }
}

body.dark .history__item {
  border-color: #353945;
  background: #23262f;
}

.history__preview,
.history__details {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.history__preview {
  min-height: 516px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 20px 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .history__preview {
    min-height: 232px;
    border-radius: 24px 24px 0 0;
  }
}

.history__details {
  padding: 64px 96px;
}

@media only screen and (max-width: 1339px) {
  .history__details {
    padding: 64px;
  }
}

@media only screen and (max-width: 1179px) {
  .history__details {
    padding: 56px;
  }
}

@media only screen and (max-width: 1023px) {
  .history__details {
    padding: 48px 32px;
  }
}

@media only screen and (max-width: 767px) {
  .history__details {
    padding: 40px 16px;
  }
}

.history__status {
  margin-bottom: 20px;
  padding: 0 12px;
}

.history__title {
  margin-bottom: 20px;
  font-family: "Courier Prime", monospace;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1023px) {
  .history__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .history__title {
    margin-bottom: 16px;
    font-size: 24px;
    letter-spacing: 0;
  }
}

.history__content {
  margin-bottom: 20px;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .history__content {
    margin-bottom: 16px;
  }
}

.history .slick-list {
  overflow: visible;
}

.history .slick-slide {
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.history .slick-slide.slick-active {
  opacity: 1;
}

.history .slick-dots {
  position: absolute;
  left: 572px;
  margin-top: -50px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28%;
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  .history .slick-dots {
    top: 176px;
    bottom: auto;
    width: 100%;
  }
}

.history .slick-dots li button {
  position: relative;
  width: 8px;
  height: 8px;
  background: none;
  font-size: 0;
}

.history .slick-dots li button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6fcbdc;
  border-radius: 30%;
  opacity: 0.7;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  justify-content: center;
}

.history .slick-dots li button:hover:before {
  opacity: 1;
}

.history .slick-dots li.slick-active button:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.history .slick-dots li:not(:last-child) {
  margin-right: 8px;
}

.story .stage-small {
  margin-bottom: 96px;
}

@media only screen and (max-width: 1023px) {
  .story .stage-small {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .story .stage-small {
    margin-bottom: 32px;
  }
}

.story__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1179px) {
  .story__row {
    margin-left: -150px;
  }
}

@media only screen and (max-width: 1023px) {
  .story__row {
    display: block;
    margin: 0;
  }
}

.story__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 448px;
  flex: 0 0 448px;
}

@media only screen and (max-width: 1023px) {
  .story__col:first-child {
    margin-bottom: 48px;
  }
}

.story__col:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 128px;
}

@media only screen and (max-width: 1339px) {
  .story__col:nth-child(2) {
    padding-left: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  .story__col:nth-child(2) {
    padding: 0;
  }
}

.story__preview img {
  width: 100%;
  border-radius: 16px;
}

.story__title {
  margin-bottom: 32px;
}

.story__info {
  margin-bottom: 64px;
  color: #b3c2d2;
}

.story__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px 64px;
}

@media only screen and (max-width: 767px) {
  .story__list {
    display: block;
    margin: 0 0 48px;
  }
}

.story__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 32px);
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 0 16px;
}

@media only screen and (max-width: 767px) {
  .story__item {
    width: 100%;
    margin: 0;
  }
  .story__item:not(:last-child) {
    margin-bottom: 48px;
  }
}

.story__category {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 34px;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .story__category {
    margin-bottom: 24px;
    padding-bottom: 26px;
  }
}

.story__category:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 160px;
  height: 2px;
  background: #1e252b;
}

body.dark .story__category:before {
  background: #353945;
}

.story__content {
  color: #b3c2d2;
}

.post {
  overflow: hidden;
}

.post__title {
  margin-bottom: 20px;
  text-align: center;
}

.post__info {
  max-width: 455px;
  margin: 0 auto 80px;
  text-align: center;
  color: #353945;
}

@media only screen and (max-width: 1179px) {
  .post__info {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .post__info {
    margin-bottom: 32px;
  }
}

body.dark .post__info {
  color: #1e252b;
}

.post__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  /* margin: -12px -6px 80px; */
}

@media only screen and (max-width: 1179px) {
  .post__nav {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .post__nav {
    margin-bottom: 32px;
  }
}

.post__link {
  margin: 12px 6px 0;
  padding: 6px 12px;
  border-radius: 14px;
  background: none;
  font-family: "Courier Prime", monospace;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 500;
  color: #b3c2d2;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.post__link:hover {
  color: #353945;
}

body.dark .post__link:hover {
  color: #1e252b;
}

.post__link.active {
  background: #353945;
  color: #fcfcfd;
}

body.dark .post__link.active {
  background: #008080;
  color: #f8f8f8;
}

.post__box {
  display: none;
}

.post__box:first-child {
  display: block;
}

.post__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -64px -16px 0;
}

@media only screen and (max-width: 767px) {
  .post__list {
    display: block;
    margin: 0;
  }
}

.post__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.333% - 32px);
  flex: 0 0 calc(33.333% - 32px);
  width: calc(33.333% - 32px);
  margin: 64px 16px 0;
  padding-bottom: 40px;
  border-bottom: 2px solid #1e252b;
  color: #23262f;
}

@media only screen and (max-width: 1179px) {
  .post__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
  }
}

@media only screen and (max-width: 767px) {
  .post__item {
    width: 100%;
    margin: 0;
  }
  .post__item:not(:last-child) {
    margin-bottom: 64px;
  }
}

body.dark .post__item {
  border-color: #353945;
  color: #fcfcfd;
}

.post__item:hover .post__preview {
  -webkit-box-shadow: 0 0 0 3px #008080;
  box-shadow: 0 0 0 3px #008080;
}

.post__item:hover .post__preview img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
  .post__item:hover .post__preview img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.post__preview {
  width: 100%;
  overflow: hidden;
  margin-bottom: 32px;
  border-radius: 16px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.post__preview img {
  width: 100%;
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  -o-transition: transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}

.post__status {
  margin-bottom: 16px;
}

.post__subtitle {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 34px;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 100;
  color: #f8f8f8;
}

.post__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  line-height: 1.71429;
  font-weight: 500;
  color: #b3c2d2;
}

.post__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}

.post__avatar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 50%;
  background: #1e252b;
  overflow: hidden;
}

body.dark .post__avatar {
  background: #353945;
}

.post__avatar img {
  width: 100%;
  min-height: 100%;
}

.post__btns {
  margin-top: 80px;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .post__btns {
    margin-top: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .post__btns {
    margin-top: 32px;
  }
}

.article__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 112px;
}

@media only screen and (max-width: 1179px) {
  .article__head {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .article__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 64px;
  }
}

.article__head .article__title {
  max-width: 920px;
  margin-right: auto;
}

.article__head .article__button {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .article__head .article__button {
    margin: 0 0 16px;
  }
}

.article__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1023px) {
  .article__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.article__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 256px;
  flex: 0 0 256px;
  margin-right: auto;
}

@media only screen and (max-width: 1179px) {
  .article__col:first-child {
    margin-right: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  .article__col:first-child {
    max-width: 400px;
    margin: 0 auto;
  }
}

.article__col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 640px;
  flex: 0 0 640px;
}

@media only screen and (max-width: 1179px) {
  .article__col:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}

@media only screen and (max-width: 1023px) {
  .article__col:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .article__col:nth-child(2) {
    margin-bottom: 48px;
  }
}

.article__col:nth-child(2) .article__title {
  margin-bottom: 32px;
}

.article__col:nth-child(2) .article__preview {
  margin-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .article__col:nth-child(2) .article__preview {
    margin-bottom: 48px;
  }
}

.article__preview img {
  width: 100%;
  border-radius: 16px;
}

.article__info {
  margin-bottom: 84px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .article__info {
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.article__content {
  color: #b3c2d2;
}

.article__content p:not(:last-child) {
  margin-bottom: 24px;
}

.breadcrumbs {
  margin-bottom: 72px;
}

@media only screen and (max-width: 1179px) {
  .breadcrumbs {
    margin-bottom: 64;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumbs {
    margin-bottom: 32px;
  }
}

.breadcrumbs__wrap {
  padding: 112px 64px;
  border-radius: 25px;
  border: 2px solid #1ad5c7;
  text-align: center;
}

.breadcrumbs__wrap1 {
  padding: 36px 36px;
  border-radius: 25px;
  border: 2px solid #1ad5c7;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .breadcrumbs__wrap {
    padding: 80px 48px;
  }
  .breadcrumbs__wrap1 {
    padding: 48px 48px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumbs__wrap {
    padding: 32px 16px;
  }
}

body.dark .breadcrumbs__wrap {
  background: #353945;
}

.breadcrumbs__title {
  margin-bottom: 12px;
}

.breadcrumbs__info {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #b3c2d2;
}

.breadcrumbs__info1 {
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .breadcrumbs__info {
    font-size: 16px;
  }
  .breadcrumbs__info1 {
    font-size: 16px;
  }
}

.breadcrumbs__list {
  margin-left: -34px;
}

@media only screen and (max-width: 767px) {
  .breadcrumbs__list {
    margin-left: -20px;
  }
}

.breadcrumbs__item {
  display: inline;
  margin-left: 34px;
  font-family: "Courier Prime", monospace;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 500;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .breadcrumbs__item {
    margin-left: 20px;
  }
}

.breadcrumbs__item:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none' viewBox='0 0 6 10'%3E%3Cpath fill-rule='evenodd' d='M.293.793a1 1 0 0 0 0 1.414L3.086 5 .293 7.793a1 1 0 1 0 1.414 1.414l3.5-3.5a1 1 0 0 0 0-1.414l-3.5-3.5a1 1 0 0 0-1.414 0z' fill='%23777e91'/%3E%3C/svg%3E")
    no-repeat 50% 50%/100% auto;
}

@media only screen and (max-width: 767px) {
  .breadcrumbs__item:not(:last-child):after {
    margin-left: 20px;
  }
}

.breadcrumbs__link {
  color: #b3c2d2;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.breadcrumbs__link:hover {
  color: #3772ff;
}

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #f8f8f8;
}

body.dark .card {
  color: #fcfcfd;
}

.card:hover .card__preview {
  -webkit-box-shadow: 0 0 0 3px #008080;
  box-shadow: 0 0 0 3px #008080;
}

.card:hover .card__preview img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
  .card:hover .card__preview img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.card__preview {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.card__preview img {
  width: 100%;
  border-radius: 16px;
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  -o-transition: transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}

.card__category {
  position: absolute;
  top: 8px;
  left: 8px;
}

.card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px 0 12px;
}

@media only screen and (max-width: 767px) {
  .card__head {
    display: block;
    padding: 16px 0;
  }
}

.card__level {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .card__level {
    margin: 8px 0 0 56px;
  }
}

.card__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .card__user {
    margin-right: 0;
  }
}

.card__avatar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 5px 16px 0 0;
  border-radius: 50%;
  background: #1e252b;
}

body.dark .card__avatar {
  background: #353945;
}

.card__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.card__title {
  margin-bottom: 2px;
  font-weight: 600;
}

.card__trainer {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.card__parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 0 20px;
  border-top: 1px solid #b3c2d2;
}

body.dark .card__parameters {
  border-color: #f8f8f8;
}

.card__parameter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.66667;
  font-weight: 600;
}

body.dark .card__parameter {
  color: #1e252b;
}

.card__parameter .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  fill: #b3c2d2;
}

.catalog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

@media only screen and (max-width: 767px) {
  .catalog__head {
    display: block;
    margin-bottom: 20px;
  }
}

.catalog__title {
  padding-top: 8px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 767px) {
  .catalog__title {
    display: none;
  }
}

.catalog__search {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 320px;
  margin-left: 30px;
}

@media only screen and (max-width: 1023px) {
  .catalog__search {
    width: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .catalog__search {
    width: 100%;
    margin: 0;
  }
}

.catalog__input {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 14px;
  border-radius: 24px;
  background: none;
  border: 2px solid #6fcbdc;
  font-family: "Courier Prime", monospace;
  font-size: 14px;
  line-height: 1.71429;
  color: #23262f;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

body.dark .catalog__input {
  border-color: #353945;
  color: #fcfcfd;
}

.catalog__input::-webkit-input-placeholder {
  color: #b3c2d2;
}

.catalog__input::-moz-placeholder {
  color: #b3c2d2;
}

.catalog__input:-ms-input-placeholder {
  color: #b3c2d2;
}

.catalog__input::-ms-input-placeholder {
  color: #b3c2d2;
}

.catalog__input::placeholder {
  color: #b3c2d2;
}

.catalog__input:focus {
  border-color: #b3c2d2;
}

.catalog__result {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #008080;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

.catalog__result .icon {
  width: 16px;
  height: 16px;
  fill: #fcfcfd;
}

.catalog__result:hover {
  background: #1ad5c7;
}

.catalog__wrap {
  margin-bottom: 80px;
  padding-top: 32px;
  border-top: 1px solid #1e252b;
}

@media only screen and (max-width: 1023px) {
  .catalog__wrap {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .catalog__wrap {
    margin-bottom: 32px;
    padding-top: 0;
    border: none;
  }
}

body.dark .catalog__wrap {
  border-color: #353945;
}

.catalog__top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #1e252b;
}

@media only screen and (max-width: 767px) {
  .catalog__top {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 0;
    border: none;
  }
}

body.dark .catalog__top {
  border-color: #353945;
}

.catalog__top .select {
  width: 180px;
}

@media only screen and (max-width: 1023px) {
  .catalog__top .select {
    width: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .catalog__top .select {
    width: 100%;
    margin-bottom: 20px;
  }
}

.catalog__nav {
  position: absolute;
  top: 10px;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 1023px) {
  .catalog__nav {
    display: none;
  }
}

.catalog__link {
  margin: 0 6px;
  padding: 6px 12px;
  border-radius: 14px;
  background: none;
  font-family: "Courier Prime", monospace;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 500;
  color: #b3c2d2;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.catalog__link:hover {
  color: #353945;
}

body.dark .catalog__link:hover {
  color: #1e252b;
}

.catalog__link.active {
  background: #353945;
  color: #fcfcfd;
}

body.dark .catalog__link.active {
  background: #02b7b1;
  color: #f8f8f8;
}

.catalog__filter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 0 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 24px;
  background: #008080;
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  line-height: 48px;
  color: #fcfcfd;
}

.catalog__close {
  width: 52px;
  padding-right: 10px;
  background: none;
  font-size: 0;
}

.catalog__close .icon {
  width: 10px;
  height: 10px;
  fill: #fcfcfd;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.catalog__close:hover .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.catalog__sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -32px -16px 0;
}

@media only screen and (max-width: 1179px) {
  .catalog__sorting {
    margin: -24px -8px 0;
  }
}

@media only screen and (max-width: 1023px) {
  .catalog__sorting {
    margin: -32px -16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .catalog__sorting {
    display: block;
    margin: 0;
  }
}

.catalog__cell {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  max-width: calc(25% - 32px);
  margin: 32px 16px 0;
}

@media only screen and (max-width: 1179px) {
  .catalog__cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 16px);
    flex: 0 0 calc(25% - 16px);
    max-width: calc(25% - 16px);
    margin: 24px 8px 0;
  }
}

@media only screen and (max-width: 1023px) {
  .catalog__cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px);
    margin: 32px 16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .catalog__cell {
    max-width: 100%;
    margin: 0;
  }
  .catalog__cell:not(:last-child) {
    margin-bottom: 20px;
  }
}

.catalog__label {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #b1b5c3;
}

.catalog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -32px -16px 0;
}

@media only screen and (max-width: 767px) {
  .catalog__list {
    display: block;
    margin: 0;
  }
}

.catalog .card {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.333% - 32px);
  flex: 0 0 calc(33.333% - 32px);
  max-width: calc(33.333% - 32px);
  margin: 32px 16px 0;
}

@media only screen and (max-width: 1260px) {
  .catalog .card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32px);
    flex: 0 0 calc(50% - 32px);
    max-width: calc(50% - 32px);
  }
}

@media only screen and (max-width: 767px) {
  .catalog .card {
    max-width: 100%;
    margin: 0;
  }
  .catalog .card:not(:last-child) {
    margin-bottom: 32px;
  }
}

.catalog__btns {
  margin-top: 80px;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .catalog__btns {
    margin-top: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .catalog__btns {
    margin-top: 32px;
  }
}

.description {
  padding-top: 80px;
  overflow: hidden;
}

.description__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1023px) {
  .description__center {
    display: block;
  }
}

.description__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 352px);
  flex: 0 0 calc(100% - 352px);
  max-width: calc(100% - 352px);
  padding-right: 96px;
}

@media only screen and (max-width: 1179px) {
  .description__col:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 305px);
    flex: 0 0 calc(100% - 305px);
    max-width: calc(100% - 305px);
    padding-right: 32px;
  }
}

@media only screen and (max-width: 1023px) {
  .description__col:first-child {
    max-width: 100%;
    margin-bottom: 48px;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .description__col:first-child {
    margin-bottom: 32px;
  }
}

.description__col:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 352px;
  flex: 0 0 352px;
  max-width: 352px;
}

@media only screen and (max-width: 1179px) {
  .description__col:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 305px;
    flex: 0 0 305px;
    max-width: 305px;
  }
}

@media only screen and (max-width: 1023px) {
  .description__col:nth-child(2) {
    max-width: 100%;
  }
}

.description__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.description__status:not(:last-child) {
  margin-right: 4px;
}

.description__title {
  margin-bottom: 8px;
}

.description__info {
  margin-bottom: 48px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .description__info {
    margin-bottom: 24px;
    font-size: 16px;
  }
}

.description__wrap {
  margin: 0 -10px;
}

.description__slider {
  visibility: hidden;
}

.description__slider.slick-initialized {
  visibility: visible;
}

.description__preview {
  position: relative;
}

.description__preview img {
  width: 100%;
  border-radius: 16px;
}

.description__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 1.71429;
  font-weight: 500;
}

.description__item:not(:last-child) {
  margin-bottom: 20px;
}

.description__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 24px;
  margin-right: 12px;
}

.description__icon .icon {
  width: 16px;
  height: 16px;
  fill: #b3c2d2;
}

.description__icon .icon-scoreboard {
  width: 20px;
  height: 20px;
}

.description__icon .icon-candlesticks {
  width: 18px;
  height: 18px;
}

.description__parameter {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 156px;
  flex: 0 0 156px;
  padding-right: 16px;
  color: #b3c2d2;
  font-weight: 600;
}

.description__text {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #1e252b;
  color: #f8f8f8;
}

@media only screen and (max-width: 1179px) {
  .description__text {
    margin-top: 32px;
    padding-top: 32px;
  }
}

body.dark .description__text {
  border-color: #353945;
  color: #1e252b;
}

.description__text p:not(:last-child) {
  margin-bottom: 24px;
}

.description__list {
  margin-top: 40px;
  padding: 24px 20px;
  border-radius: 8px;
  border: 2px solid #6fcbdc;
}

@media only screen and (max-width: 1179px) {
  .description__list {
    margin-top: 32px;
  }
}

body.dark .description__list {
  border-color: #353945;
}

.description__list li {
  position: relative;
  padding-left: 26px;
  font-weight: 600;
}

.description__list li:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' d='M8.999 17.333c4.602 0 8.333-3.731 8.333-8.333S13.602.667 8.999.667.666 4.398.666 9s3.731 8.333 8.333 8.333zm4.874-10.126a1 1 0 0 0-1.414-1.414l-4.293 4.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l5-5z' fill='%2345b36b'/%3E%3C/svg%3E")
    no-repeat 50% 50%/100% auto;
}

.description__list li:not(:last-child) {
  margin-bottom: 8px;
}

.description__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px;
}

@media only screen and (max-width: 1179px) {
  .description__btns {
    margin-top: 40px;
  }
}

.description__btns .description__button:first-child {
  margin-right: 12px;
}

.description__btns .description__button:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.description .slick-list {
  font-size: 0;
}

.description .slick-slide {
  padding: 0 10px;
}

.description .slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 32px;
  font-size: 0;
}

.description .slick-dots li button {
  position: relative;
  width: 8px;
  height: 8px;
  background: none;
  border: 1px solid #b3c2d2;
  border-radius: 50%;
  font-size: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  justify-content: center;
}

.description .slick-dots li button:hover {
  border-color: #008080;
}

.description .slick-dots li.slick-active button {
  background: #008080;
  border-color: #008080;
}

.description .slick-dots li:not(:last-child) {
  margin-right: 12px;
}

.interesting {
  overflow: hidden;
}

.interesting__wrapper {
  position: relative;
}

.interesting__slider {
  position: static;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .interesting__slider {
    position: relative;
    padding-top: 72px;
  }
}

.interesting__slider.slick-initialized {
  visibility: visible;
}

.interesting__title {
  margin-bottom: 64px;
}

@media only screen and (max-width: 767px) {
  .interesting__title {
    margin-bottom: 24px;
    text-align: center;
  }
}

.interesting__wrap {
  margin: 0 -16px;
}

.interesting .card {
  height: 100%;
}

.interesting__btns {
  margin-top: 64px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .interesting__btns {
    margin-top: 48px;
  }
}

.interesting .slick-list {
  overflow: visible;
}

.interesting .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.interesting .slick-slide {
  height: auto;
  padding: 0 16px;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.interesting .slick-slide.slick-active {
  opacity: 1;
}

.interesting .slick-slide > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.interesting .slick-arrow {
  top: 16px;
}

@media only screen and (max-width: 767px) {
  .interesting .slick-arrow {
    top: 0;
  }
}

.interesting .slick-prev {
  right: 44px;
}

@media only screen and (max-width: 767px) {
  .interesting .slick-prev {
    right: auto;
    left: calc(50% - 34px);
  }
}

.interesting .slick-next {
  right: 0;
}

@media only screen and (max-width: 767px) {
  .interesting .slick-next {
    right: calc(50% - 34px);
  }
}

.programs {
  position: relative;
  overflow: hidden;
}

.programs__anchor {
  position: absolute;
  top: -64px;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 1179px) {
  .programs__anchor {
    top: -40px;
  }
}

.programs__top {
  max-width: 620px;
  margin: 0 auto 80px;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .programs__top {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .programs__top {
    margin-bottom: 40px;
  }
}

.programs__title {
  margin-bottom: 16px;
}

.programs__info {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.programs__info strong {
  font-weight: 600;
}

.programs__green {
  color: #45b26b;
}

.programs__black {
  color: #23262f;
}

body.dark .programs__black {
  color: #fcfcfd;
}

.programs__wrap {
  margin: 0 -12px;
}

.programs__slider {
  padding-bottom: 104px;
  visibility: hidden;
}

@media only screen and (max-width: 1179px) {
  .programs__slider {
    padding-bottom: 88px;
  }
}

@media only screen and (max-width: 767px) {
  .programs__slider {
    padding-bottom: 64px;
  }
}

.programs__slider.slick-initialized {
  visibility: visible;
}

.programs__item {
  height: 100%;
  padding: 64px 32px;
  background: #f4f5f6;
  border-radius: 20px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

@media only screen and (max-width: 1179px) {
  .programs__item {
    padding: 48px 24px;
  }
}

@media only screen and (max-width: 767px) {
  .programs__item {
    padding: 64px 24px;
  }
}

.programs__item:hover {
  -webkit-box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  background: #fcfcfd;
}

.programs__item:hover .programs__button {
  background: #008080;
  -webkit-box-shadow: 0 0 0 2px #008080 inset;
  box-shadow: 0 0 0 2px #008080 inset;
  color: #fcfcfd;
}

.programs__item:hover .programs__button:hover {
  background: #1ad5c7;
  -webkit-box-shadow: 0 0 0 2px #1ad5c7 inset;
  box-shadow: 0 0 0 2px #1ad5c7 inset;
  color: #fcfcfd;
}

body.dark .programs__item {
  background: #23262f;
}

body.dark .programs__item:hover {
  background: transparent;
  -webkit-box-shadow: inset 0 0 0 1px #23262f;
  box-shadow: inset 0 0 0 1px #23262f;
}

.programs__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 32px;
  border-radius: 50%;
}

.programs__subtitle {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
}

.programs__content {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.programs .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.programs .slick-slide {
  height: auto;
  padding: 0 12px;
}

.programs .slick-arrow {
  bottom: 0;
}

.programs .slick-prev {
  left: calc(50% - 34px);
}

.programs .slick-next {
  right: calc(50% - 34px);
}

.trainers__title {
  margin-bottom: 20px;
  text-align: center;
}

.trainers__info {
  max-width: 445px;
  margin: 0 auto 40px;
  text-align: center;
  color: #353945;
}

body.dark .trainers__info {
  color: #1e252b;
}

.trainers__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -12px -6px 80px;
}

@media only screen and (max-width: 1179px) {
  .trainers__nav {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 767px) {
  .trainers__nav {
    display: none;
  }
}

.trainers__link {
  margin: 12px 6px 0;
  padding: 6px 12px;
  border-radius: 14px;
  background: none;
  font-family: "Courier Prime", monospace;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 500;
  color: #b3c2d2;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.trainers__link:hover {
  color: #353945;
}

body.dark .trainers__link:hover {
  color: #1e252b;
}

.trainers__link.active {
  background: #353945;
  color: #fcfcfd;
}

body.dark .trainers__link.active {
  background: #23262f;
  color: #fcfcfd;
}

.trainers .select {
  display: none;
}

@media only screen and (max-width: 767px) {
  .trainers .select {
    display: block;
    margin-bottom: 48px;
  }
}

.trainers__box {
  display: none;
}

.trainers__box:first-child {
  display: block;
}

.trainers__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -32px -16px 0;
}

@media only screen and (max-width: 767px) {
  .trainers__list {
    margin: -24px -8px 0;
  }
}

.trainers__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 32px);
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 32px 16px 0;
}

@media only screen and (max-width: 1023px) {
  .trainers__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333% - 32px);
    flex: 0 0 calc(33.333% - 32px);
    width: calc(33.333% - 32px);
  }
}

@media only screen and (max-width: 767px) {
  .trainers__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 16px);
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
    margin: 24px 8px 0;
  }
}

.trainers__element {
  position: relative;
  display: block;
  padding: 48px 32px;
  -webkit-box-shadow: inset 0 0 0 1px #1e252b;
  box-shadow: inset 0 0 0 1px #1e252b;
  border-radius: 24px;
  text-align: center;
  color: #23262f;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 1179px) {
  .trainers__element {
    padding: 48px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .trainers__element {
    padding: 24px 12px;
  }
}

body.dark .trainers__element {
  -webkit-box-shadow: inset 0 0 0 1px #353945;
  box-shadow: inset 0 0 0 1px #353945;
  background: #23262f;
  color: #fcfcfd;
}

.trainers__element:hover {
  -webkit-box-shadow: inset 0 0 0 2px #b1b5c3;
  box-shadow: inset 0 0 0 2px #b1b5c3;
}

body.dark .trainers__element:hover {
  -webkit-box-shadow: inset 0 0 0 2px #b3c2d2;
  box-shadow: inset 0 0 0 2px #b3c2d2;
}

.trainers__avatar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 128px;
  height: 128px;
  margin: 0 auto 32px;
  border-radius: 50%;
  overflow: hidden;
  background: #1e252b;
}

@media only screen and (max-width: 767px) {
  .trainers__avatar {
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }
}

body.dark .trainers__avatar {
  background: #353945;
}

.trainers__avatar img {
  width: 100%;
  min-height: 100%;
}

.trainers__name {
  margin-bottom: 4px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .trainers__name {
    font-size: 12px;
  }
}

.trainers__position {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

@media only screen and (max-width: 767px) {
  .trainers__position {
    font-size: 12px;
  }
}

.portfolio {
  padding: 40px 0 124px;
}

@media only screen and (max-width: 767px) {
  .portfolio {
    padding-bottom: 64px;
  }
}

.portfolio__top {
  max-width: 670px;
  margin: 0 auto 102px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .portfolio__top {
    margin-bottom: 64px;
  }
}

.portfolio__top .portfolio__status {
  margin-bottom: 16px;
}

.portfolio__title {
  margin-bottom: 8px;
}

.portfolio__info {
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #b3c2d2;
}

.portfolio__gallery {
  position: relative;
  left: -5%;
  max-width: 512px;
  margin: 0 auto 108px;
  pointer-events: none;
}

@media only screen and (max-width: 1179px) {
  .portfolio__gallery {
    max-width: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio__gallery {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 474px) {
  .portfolio__gallery {
    left: -11%;
    max-width: 280px;
  }
}

.portfolio__preview:first-child {
  position: relative;
  z-index: 2;
}

.portfolio__preview:nth-child(2) {
  top: 35.5%;
  right: -19%;
  z-index: 3;
  width: 45%;
}

.portfolio__preview:nth-child(3) {
  top: -12%;
  right: -6%;
  z-index: 1;
  width: 43%;
}

.portfolio__preview:nth-child(4) {
  left: 11%;
  bottom: 14%;
  z-index: 3;
  width: 18%;
}

.portfolio__preview:not(:first-child) {
  position: absolute;
}

.portfolio__preview img {
  width: 100%;
}

.portfolio__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1023px) {
  .portfolio__row {
    display: block;
  }
}

.portfolio__trainer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 256px;
  flex: 0 0 256px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid #1e252b;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .portfolio__trainer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
  }
}

@media only screen and (max-width: 1023px) {
  .portfolio__trainer {
    margin-bottom: 32px;
  }
}

body.dark .portfolio__trainer {
  background: #23262f;
  border-color: #353945;
}

.portfolio__trainer .portfolio__status {
  margin-bottom: 32px;
}

.portfolio__avatar {
  width: 128px;
  height: 128px;
  margin: 0 auto 32px;
  background: #1e252b;
  border-radius: 50%;
  overflow: hidden;
}

body.dark .portfolio__avatar {
  background: #353945;
}

.portfolio__avatar img {
  width: 100%;
  min-height: 100%;
}

.portfolio__man {
  margin-bottom: 4px;
  font-weight: 600;
}

.portfolio__position {
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.portfolio__wrap {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 7px 64px 0 32px;
}

@media only screen and (max-width: 1339px) {
  .portfolio__wrap {
    padding: 0 32px;
  }
}

@media only screen and (max-width: 1023px) {
  .portfolio__wrap {
    margin-bottom: 32px;
    padding: 0;
  }
}

.portfolio__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 1.71429;
  font-weight: 500;
}

.portfolio__item:not(:last-child) {
  margin-bottom: 20px;
}

.portfolio__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 24px;
  margin-right: 12px;
}

.portfolio__icon .icon {
  width: 16px;
  height: 16px;
  fill: #b3c2d2;
}

.portfolio__icon .icon-scoreboard {
  width: 20px;
  height: 20px;
}

.portfolio__icon .icon-candlesticks {
  width: 18px;
  height: 18px;
}

.portfolio__parameter {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 156px;
  flex: 0 0 156px;
  padding-right: 16px;
  color: #b3c2d2;
}

.portfolio__note {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #1e252b;
  color: #353945;
}

body.dark .portfolio__note {
  border-color: #353945;
  color: #1e252b;
}

.portfolio__details {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 416px;
  flex: 0 0 416px;
  padding-left: 64px;
  border-left: 1px solid #1e252b;
}

@media only screen and (max-width: 1339px) {
  .portfolio__details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    padding: 0;
    border: none;
  }
}

@media only screen and (max-width: 1179px) {
  .portfolio__details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 272px;
    flex: 0 0 272px;
  }
}

body.dark .portfolio__details {
  border-color: #353945;
}

.portfolio__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 42px;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
}

.portfolio__head .icon {
  position: relative;
  bottom: -1px;
  width: 22px;
  height: 22px;
  margin-right: 14px;
}

body.dark .portfolio__head .icon {
  fill: #fcfcfd;
}

.portfolio__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  margin-bottom: 20px;
  padding: 0 8px;
  border-radius: 24px;
  background: #23262f;
}

body.dark .portfolio__control {
  background: #fcfcfd;
}

.portfolio__date {
  padding: 0 10px;
  text-align: center;
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #fcfcfd;
}

body.dark .portfolio__date {
  color: #23262f;
}

.portfolio__prev,
.portfolio__next {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: none;
}

.portfolio__prev .icon,
.portfolio__next .icon {
  width: 14px;
  height: 14px;
  fill: #fcfcfd;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

body.dark .portfolio__prev .icon,
body.dark .portfolio__next .icon {
  fill: #23262f;
}

.portfolio__prev:hover .icon {
  -webkit-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  transform: translateX(-2px);
}

.portfolio__next:hover .icon {
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}

.portfolio__variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px 0 20px -8px;
}

.portfolio__variant {
  margin: 8px 0 0 8px;
  padding: 0 25px;
  background: none;
  line-height: 48px;
  border-radius: 24px;
  -webkit-box-shadow: inset 0 0 0 2px #1e252b;
  box-shadow: inset 0 0 0 2px #1e252b;
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

.portfolio__variant:hover {
  background: #1e252b;
}

body.dark .portfolio__variant {
  -webkit-box-shadow: inset 0 0 0 2px #b3c2d2;
  box-shadow: inset 0 0 0 2px #b3c2d2;
  color: #fcfcfd;
}

body.dark .portfolio__variant:hover {
  background: #b3c2d2;
}

.portfolio__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.portfolio__btns .portfolio__button:first-child {
  margin-right: 12px;
}

.portfolio__btns .portfolio__button:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.popup {
  position: relative;
}

.popup .mfp-close {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  line-height: normal;
  opacity: 1;
  -webkit-box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.2);
  box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.2);
  background: #fcfcfd
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none' viewBox='0 0 14 15'%3E%3Cpath fill-rule='evenodd' d='M.293 1.289a1 1 0 0 1 1.414 0L7 6.582l5.293-5.293a1 1 0 0 1 1.414 1.414L8.414 7.996l5.293 5.293a1 1 0 0 1-1.414 1.414L7 9.41l-5.293 5.293a1 1 0 0 1-1.414 0 1 1 0 0 1 0-1.414l5.293-5.293L.293 2.703a1 1 0 0 1 0-1.414z' fill='%23777e91'/%3E%3C/svg%3E")
    no-repeat 50% 50%/14px auto;
  font-size: 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.dark .popup .mfp-close {
  -webkit-box-shadow: inset 0 0 0 1px #353945;
  box-shadow: inset 0 0 0 1px #353945;
  background-color: #141416;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23FCFCFD' d='M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z'/%3E%3C/svg%3E");
}

.popup .mfp-close:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.popup_trainer {
  max-width: 580px;
  margin: 15px auto;
  padding: 64px 64px 50px;
  background: #fcfcfd;
  -webkit-box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border-radius: 16px;
}

@media only screen and (max-width: 767px) {
  .popup_trainer {
    padding: 48px 16px 32px;
  }
}

body.dark .popup_trainer {
  background: #141416;
  -webkit-box-shadow: inset 0 0 0 1px #353945;
  box-shadow: inset 0 0 0 1px #353945;
}

.popup_trainer .mfp-close {
  top: -16px;
  right: -16px;
}

.mfp-container {
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .mfp-container {
    padding: 0;
  }
}

@media (max-width: 900px) {
  .mfp-container {
    padding: 30px 20px;
  }
}

.mfp-bg {
  background: rgba(20, 20, 22, 0.8);
}

body.dark .mfp-bg {
  background: rgba(20, 20, 22, 0.9);
}

.mfp-zoom-in .popup {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.mfp-zoom-in.mfp-ready .popup {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .popup {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.trainer__avatar {
  width: 128px;
  height: 128px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #1e252b;
  overflow: hidden;
}

body.dark .trainer__avatar {
  background: #353945;
}

.trainer__avatar img {
  width: 100%;
  min-height: 100%;
}

.trainer__name {
  text-align: center;
}

.trainer__position {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1.71429;
  color: #b3c2d2;
}

.trainer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
  .trainer__socials {
    margin-bottom: 24px;
  }
}

.trainer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.trainer__social .icon {
  width: 20px;
  height: 20px;
  fill: #b3c2d2;
  -webkit-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  transition: fill 0.2s;
}

.trainer__social .icon-twitter {
  width: 22px;
  height: 22px;
}

.trainer__social:hover .icon {
  fill: #23262f;
}

body.dark .trainer__social:hover .icon {
  fill: #1e252b;
}

.trainer__social:not(:last-child) {
  margin-right: 24px;
}

.trainer .subscription {
  max-width: 300px;
  margin: 0 auto 48px;
}

@media only screen and (max-width: 767px) {
  .trainer .subscription {
    max-width: 100%;
    margin: 0;
  }
}

.trainer__wrap {
  margin: 0 -16px;
}

@media only screen and (max-width: 767px) {
  .trainer__wrap {
    display: none;
  }
}

.trainer__slider {
  padding-bottom: 50px;
  visibility: hidden;
}

.trainer__slider.slick-initialized {
  visibility: visible;
}

.trainer__item {
  color: #23262f;
}

body.dark .trainer__item {
  color: #fcfcfd;
}

.trainer__item:hover .trainer__preview {
  -webkit-box-shadow: 0 0 0 2px #008080;
  box-shadow: 0 0 0 2px #008080;
}

.trainer__item:hover .trainer__preview img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.trainer__preview {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.trainer__preview img {
  width: 100%;
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  -o-transition: transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}

.trainer__category {
  position: absolute;
  top: 8px;
  left: 8px;
}

.trainer__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px 0 12px;
}

.trainer__level {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 10px;
}

.trainer__title {
  margin-bottom: 2px;
  font-weight: 600;
}

.trainer__parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid #1e252b;
}

body.dark .trainer__parameters {
  border-color: #353945;
}

.trainer__parameter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.66667;
  font-weight: 600;
  color: #353945;
}

body.dark .trainer__parameter {
  color: #1e252b;
}

.trainer__parameter .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  fill: #b3c2d2;
}

.trainer__btns {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .trainer__btns {
    display: none;
  }
}

.trainer .slick-list {
  padding-top: 3px;
}

.trainer .slick-slide {
  padding: 0 16px;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.trainer .slick-slide.slick-active {
  opacity: 1;
}

.trainer .slick-arrow {
  bottom: -32px;
}

.trainer .slick-prev {
  left: 16px;
}

.trainer .slick-next {
  left: 60px;
}

.marker {
  margin-top: 20px;
  margin-left: 30px;
  position: relative;
}

.pulse {
  width: 10px;
  height: 10px;
  border: 5px solid #7fd2e6;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #00a6cd;
  z-index: 10;
  position: absolute;
}

.dot {
  margin-top: 2px;
  position: absolute;
  height: 50px;
  width: 50px;
  top: -25px;
  left: -25px;
  z-index: 2;
  opacity: 0;
  border: 10px solid rgba(0, 166, 205, 1);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-animation: flash 2s ease-out;
  -moz-animation: flash 2s ease-out;
  animation: flash 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  margin-left: 473px;
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes flash {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

.circle {
  font-weight: bold;
  padding: 15px 20px;
  border-radius: 25%;
  background-color: #1ad5c7;
  color: #1ad5c7;
  max-height: 50px;
  z-index: 2;
}

.how-it-works.row {
  display: flex;
}

.how-it-works.row .col-2 {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}

.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px solid #1ad5c7;
  z-index: 1;
}

.how-it-works.row .col-2.bottom::after {
  height: 50%;
  left: 50%;
  top: 50%;
}

.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}

.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.timeline div {
  padding: 0;
  height: 40px;
}

.timeline hr {
  border-top: 3px solid #1ad5c7;
  margin: 0;
  top: 17px;
  position: relative;
}

.timeline .col-2 {
  display: flex;
  overflow: hidden;
}

.timeline .corner {
  border: 3px solid #1ad5c7;
  width: 100%;
  position: relative;
  border-radius: 15px;
}

.timeline .top-right {
  left: 50%;
  top: -50%;
}

.timeline .left-bottom {
  left: -50%;
  top: calc(50% - 3px);
}

.timeline .top-left {
  left: -50%;
  top: -50%;
}

.timeline .right-bottom {
  left: 50%;
  top: calc(50% - 3px);
}

/* Engine page image */

.side_img {
  width: 80vw;
}

.container {
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.container::before {
  position: absolute;
  left: 50%;
  content: "";
  width: 5px;
  height: 100%;
  background-color: rgba(116, 143, 181, 0.1);
  border-radius: 5px;
}

.entry {
  margin: 50px 10px;
  position: relative;
}

.indicator {
  position: absolute;
  top: -5px;
  left: calc(50% - 5px);
  width: 15px;
  height: 15px;
  background-color: rgba(0, 186, 186, 0.432);
  border-radius: 50%;
}

.indicator span {
  position: relative;
  top: -5px;
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: rgb(0, 186, 186);
  border-radius: 50%;
}

.content {
  width: 200px;
  margin: 0 auto;
  transform: translate(-58%, -9px);
  font-size: 14px;
  text-align: right;
}

.entry:nth-child(odd) .content {
  text-align: left;
  transform: translate(60%, -9px);
}

.content span {
  font-weight: 500;
  font-size: 16px;
  display: block;
  color: rgb(111, 204, 220);
}

.time {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-130%, -48%);
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 25px;
  box-shadow: 0 3px 6px 0 rgba(111, 204, 220, 0.658);
  color: white;
  display: inline-block;
}

.entry:nth-child(even) .time {
  transform: translate(40%, -48%);
}

#modal-target {
  display: none;
}

.about_img {
  display: block;
  max-width: 80% !important;
}

@media only screen and (max-width: 600px) {
  .alpha__center {
    display: block;
    padding: 40px;
    text-align: center;
  }

  .alpha__center1 {
    display: block;
    padding: 0px 40px 40px 40px;
    text-align: center;
  }

  .container {
    margin: 0;
  }
  .a-alpha-text {
    width: 100%;
    margin: 0rem auto 0 auto;
  }
  .join-waitlist-btn {
    margin-left: 1rem !important;
  }
  .header__btns {
    justify-content: center;
  }
  .entry:nth-child(even) .content,
  .entry:nth-child(odd) .content {
    text-align: left;
    transform: translate(60%, -9px);
  }
  .entry:nth-child(even) .time,
  .entry:nth-child(odd) .time {
    transform: translate(-130%, -48%);
  }
  /* Hero image */
  .hero_img img {
    margin-top: 4rem;
    transform: scale(1.3);
  }

  .dao_img {
    width: 100%;
  }
  .main__preview1 img {
    width: 150px;
  }
  .about_img {
    display: none;
  }
  #modal-target {
    display: block;
  }
}

/* a-circumflex */

.a-circumflex {
  font-family: "cocogoose";
  font-size: 32px;
}

/* Hero image */

.hero_img img {
  width: 100%;
  /* transform: scale(1.3); */
}

#glow {
  transition: all 0.6s;
  animation: neon 3s ease-in-out infinite alternate;
}

#pro span:nth-child(1) {
  transition: all 0.2s;
}

#pro span:nth-child(2) {
  transition: all 0.4s;
}

#pro span:nth-child(3) {
  transition: all 0.6s;
}

#pro span:nth-child(4) {
  transition: all 0.8s;
}

#pro span:nth-child(5) {
  transition: all 1s;
}

#pro span:nth-child(6) {
  transition: all 1.2s;
}

#pro span:nth-child(6) {
  transition: all 1.4s;
}

#pro span:nth-child(7) {
  transition: all 1.6s;
}

#pro span:nth-child(8) {
  transition: all 1.8s;
}

#pro span:nth-child(9) {
  transition: all 2s;
}

#pro span:nth-child(10) {
  transition: all 2.2s;
}

#pro span:nth-child(11) {
  transition: all 2.4s;
}

#pro span:nth-child(12) {
  transition: all 2.6s;
}

#pro span:nth-child(13) {
  transition: all 2.8s;
}

#pro span:nth-child(14) {
  transition: all 3s;
}

#pro span:nth-child(15) {
  transition: all 3.2s;
}

#pro:hover span {
  color: rgba(28, 137, 34, 0);
  text-shadow: 0 0 1px #73d977, 0 0 5px #07520a, 0 0 1px #1cbb22, 0 0 2px #1cbb22, 0 0 3px #79d97d;
}

@keyframes neon {
  from {
    color: rgba(28, 137, 34, 0);
    text-shadow: 0 0 1px #73d977, 0 0 5px #07520a, 0 0 1px #1cbb22, 0 0 2px #1cbb22, 0 0 3px #79d97d;
  }
  to {
    color: rgba(28, 137, 34, 0);
    text-shadow: 0 0 1.5px #73d977, 0 0 5px #07520a, 0 0 1px #1cbb22, 0 0 3px #1cbb22,
      0 0 4px #79d97d;
  }
}

/* Timeline */

@import "https://fonts.googleapis.com/css?family=Lato:400,700";
.ps-timeline-sec {
  position: relative;
}

.ps-timeline-sec .timeline-container {
  position: relative;
  font-family: "Courier Prime", monospace;
}

@media screen and (max-width: 767px) {
  .ps-timeline-sec .timeline-container ol:before {
    background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
    background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
    background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 0px !important;
    left: 51px !important;
  }
  .ps-timeline-sec .timeline-container ol:after {
    background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
    background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
    background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: inherit !important;
    left: 51px;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline {
    margin: 50px 0 !important;
    border-left: 2px solid #1ad5c7;
    padding-left: 0 !important;
    padding-top: 120px !important;
    border-top: 0 !important;
    margin-left: 55px !important;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li {
    height: 160px;
    float: none !important;
    width: inherit !important;
    /*   &:nth-child(2) {
           .img-handler-bot {
               img {
                   width: 70px;
               }
           }
       } */
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li:last-child .ps-top {
    margin-bottom: 0 !important;
    top: 20px;
    width: 50% !important;
    font-size: 16px;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li span {
    left: 0 !important;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-top:before {
    content: none !important;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-top:after {
    content: none !important;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-bot:before {
    content: none !important;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-bot:after {
    content: none !important;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li p {
    text-align: left !important;
    width: 90% !important;
    margin: 0 10px !important;
    margin-top: 0px !important;
    font-size: 12px;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li .ps-top {
    width: 90% !important;
    float: right !important;
    right: 0;
    top: -30px;
    font-size: 14px;
  }
  .ps-timeline-sec .timeline-container ol.ps-timeline li .ps-bot {
    width: 90% !important;
    float: right !important;
    right: 0;
    top: -75px;
  }
}

.ps-timeline-sec .timeline-container ol:before {
  background: #1ad5c7;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 0px;
  top: -4px;
}

.ps-timeline-sec .timeline-container ol:after {
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  top: -3px;
}

.ps-timeline-sec .timeline-container ol.ps-timeline {
  margin: 250px 0 200px 0;
  padding: 0;
  border-top: 2px solid #1ad5c7;
  list-style: none;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li {
  float: left;
  width: 25%;
  padding-top: 30px;
  position: relative;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li h5 {
  text-align: center;
  margin: -30px 0 -40px 50px;
  font-weight: 700px;
  color: maroon;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#1e252b),
    color-stop(50%, rgba(30, 37, 43, 1)),
    to(rgba(30, 37, 43, 0))
  );
  background: -webkit-linear-gradient(
    right,
    #1e252b 0%,
    rgba(30, 37, 43, 1) 50%,
    rgba(30, 37, 43, 0) 100%
  );
  background: -o-linear-gradient(
    right,
    #1e252b 0%,
    rgba(30, 37, 43, 1) 50%,
    rgba(30, 37, 43, 0) 100%
  );
  background: linear-gradient(
    270deg,
    #1e252b 0%,
    rgba(30, 37, 43, 1) 50%,
    rgba(30, 37, 43, 0) 100%
  );
  /* border-left-color: 4px solid $brand-color-g;
     border-right-color: transparent;
   border-top: 4px solid $brand-color-g;
   border-bottom-color: transparent; */
  border-radius: 35%;
  text-align: center;
  line-height: 50px -10;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#1e252b),
    color-stop(50%, rgba(30, 37, 43, 1)),
    to(rgba(30, 37, 43, 1))
  );
  background: -o-linear-gradient(
    linear,
    right top,
    left top,
    from(#1e252b),
    color-stop(50%, rgba(30, 37, 43, 1)),
    to(rgba(30, 37, 43, 1))
  );
  background: linear-gradient(
    linear,
    right top,
    left top,
    from(#1e252b),
    color-stop(50%, rgba(30, 37, 43, 1)),
    to(rgba(30, 37, 43, 1))
  );
  font-size: 2em;
  font-style: normal;
  position: absolute;
  top: -26px;
  left: 50%;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-top {
  border: 1.5px solid #1ad5c7;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-bot {
  border: 1px solid #1ad5c7;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-top:before {
  content: "";
  color: #1ad5c7;
  width: 2px;
  height: 50px;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  position: absolute;
  top: -50px;
  left: 50%;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-top:after {
  content: "";
  color: #1ad5c7;
  width: 8px;
  height: 8px;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  position: absolute;
  bottom: 90px;
  left: 44%;
  border-radius: 100%;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-top {
  border-bottom: 4px solid #1ad5c7;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-bot {
  border-bottom: 4px solid #1ad5c7;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-bot:before {
  content: "";
  color: #1ad5c7;
  width: 2px;
  height: 45px;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  position: absolute;
  bottom: -50px;
  left: 50%;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li span.ps-sp-bot:after {
  content: "";
  color: #1ad5c7;
  width: 8px;
  height: 8px;
  background: -webkit-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: -o-linear-gradient(314.85deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  background: linear-gradient(135.15deg, #009a98 1.17%, #00b9b7 31.88%, #87d7d6 65.46%);
  position: absolute;
  top: 90px;
  left: 44%;
  border-radius: 100%;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li p {
  text-align: center;
  width: 100%;
  margin: 5 auto;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li h4 {
  font-size: 16px;
  color: #1ad5c7;
  text-align: center;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li .ps-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 105px;
  text-align: center;
  width: 100%;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li .ps-bot {
  position: absolute;
  margin-top: 50px;
  text-align: center;
  width: 100%;
}

.ps-timeline-sec .timeline-container ol.ps-timeline li .ps-bottom {
  position: absolute;
  margin: 5px;
  text-align: center;
}

/* crypto-squeeze */

.crypto-squeeze {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* Blogs */

.blog_container {
  max-width: 1200px;
  margin: 0 auto;
}

.blog_cards_item .btn {
  color: #f8f8f8;
  padding: 0.8rem;
  font-size: 16px;
  font-weight: 700;
  display: block;
  width: 100%;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 2px #6fcbdc inset;
  box-shadow: 0 0 0 2px #6fcbdc inset;
  border-radius: 15px;
}

.blog_cards_item .btn:hover {
  background-color: #6fcbdc;
}

.blog_cards_item:hover {
  transform: scale(1.06);
  animation: scale 0.1s ease-in-out linear 0.1s infinite;
}

.blog_cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog_cards_item {
  display: flex;
  padding: 0.7rem;
  margin: auto;
  min-width: 180px;
  /* width: 33.3333%; */
}

@media (min-width: 40rem) {
  .blog_cards_item {
    width: 33.3333%;
  }
}

@media (min-width: 56rem) {
  .blog_cards_item {
    width: 33.3333%;
  }
}

.blog_cards_item .blog_card {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#1e252b),
    color-stop(50%, rgba(30, 37, 43, 0.7)),
    to(rgba(30, 37, 43, 0))
  );
  background: -webkit-linear-gradient(
    right,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 20%,
    rgba(30, 37, 43, 0) 100%
  );
  background: -o-linear-gradient(
    right,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 20%,
    rgba(30, 37, 43, 0) 100%
  );
  background: linear-gradient(
    270deg,
    #1e252b 0%,
    rgba(30, 37, 43, 0.7) 20%,
    rgba(30, 37, 43, 0) 100%
  );
  border: 1px solid #6fcbdc;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 55px;
}

.blog_cards_item .card_content {
  padding: 1rem;
}

.blog_cards_item .card_title {
  border-radius: 15px;
  color: black;
  font-weight: 800;
  text-transform: capitalize;
  margin: 0px;
}

.blog_cards_item .card_text {
  text-align: center;
  border-radius: 15px;
  color: #f8f8f8;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  /* font-weight: 400; */
}

/* â Ecosystem modal */

.modal-target {
  width: 60px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  margin: auto;
}

.modal-target:hover {
  opacity: 0.7;
}

/* The Modal (background) */

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Sit on top */
  /* padding-top: 100px; */
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0);
  /* Black w/ opacity */
}

/* Modal Content (image) */

.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  opacity: 1 !important;
  max-width: 1200px;
}

/* Caption of Modal Image */

.modal-caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 1200px;
  text-align: center;
  color: white;
  font-weight: 700;
  font-size: 1em;
  margin-top: 32px;
}

/* Add Animation */

/* .modal-content,
.modal-caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
} */

@-webkit-keyframes zoom {
  from {
    -webkit-atransform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* The Close Button */

.modal-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  height: 55px;
}

.modal-close:hover,
.modal-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.modal-content {
  justify-content: center;
  align-items: center;
  transform: rotate(90deg) scale(2);
}

.arrow-pulse {
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: pulse;
  color: #1ad5c7;
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.4;
    transform: scale(1.2);
  }
}

/* Accordian */
/* .accordion-content {
  max-width: 570px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.09);
  border-radius: 8px;
} */
.accordion-content .accordion-item {
  display: flex;
  flex-direction: column;
  padding: 0rem;
  border-radius: 15px;
  border: 1px solid #1ad5c7;
  box-shadow: 0px 4px 16px rgb(0 0 0 / 9%);
  cursor: pointer;
  margin-bottom: 2em;
  width: 80%;
  margin: 0px auto 1rem auto;
}

.accordion-content .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.2em;
  padding: 1rem;
}

.accordion-content .item-icon {
  flex: 0 0 25px;
  display: grid;
  place-items: center;
  justify-content: center;
  font-size: 1.25rem;
  height: 25px;
  width: 25px;
  border-radius: 4px;
  /* border: 1px solid #1AD5C7;
  background: #032f2f; */
  color: #fafafa;
  cursor: pointer;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.09);
}
.accordion-content .item-icon i {
  transition: all 0.25s cubic-bezier(0.5, 0, 0.1, 1);
}
.accordion-content .item-question {
  font-size: 1em;
  line-height: 1;
  font-weight: 500;
}

.active .item-icon i {
  transform: rotate(180deg);
}

.active .item-question {
  font-weight: 600;
}

.accordion-content .item-content {
  max-height: 0;
  overflow: hidden;
  transition: all 300ms ease;
}

.accordion-content .item-answer {
  line-height: 150%;
  opacity: 0.8;
}

/* flywheel animation */
.bounce-img {
  animation: key1 1s ease infinite alternate;
}

@keyframes key1 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-8px);
  }
}

/*  */
.animated-box {
  transition: 0.4s;
}

.animated-box:hover {
  transform: translate(0, -3px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}