.page-main {
  position: relative;
}

.sections__container {
  overflow: hidden;
}

.header {
  position: relative;
  padding-left: 7rem;
  z-index: 3000;
  width: 100%;
}

.header__video {
  width: 100%;
  position: absolute;
}

@media only screen and (max-width: 1000px) and (min-height: 750px) {
  .header__video {
    width: 120%;
    left: 40%;
  }
}

@media only screen and (max-width: 800px) and (min-height: 750px) {
  .header__video {
    width: 140%;
    left: 30%;
  }
}

@media only screen and (max-width: 1200px) and (min-height: 900px) {
  .header__video {
    width: 130%;
    left: 35%;
  }
}

@media only screen and (max-width: 1000px) and (min-height: 900px) {
  .header__video {
    width: 150%;
    left: 25%;
  }
}

@media only screen and (max-width: 800px) and (min-height: 900px) {
  .header__video {
    width: 160%;
    left: 20%;
  }
}

@media only screen and (max-width: 700px) and (min-height: 750px) {
  .header__video {
    left: 70%;
  }
}
@media only screen and (max-width: 700px) and (max-height: 750px) {
  .header__video {
    left: 75%;
    width: 150%;
  }
}

.header__content {
  position: absolute;
  bottom: 30%;
  z-index: 100;
}
@media only screen and (max-width: 43.75em) {
  .header__content {
    bottom: 20%;
  }
}
.header__br {
  display: none;
}
@media only screen and (max-width: 43.75em) {
  .header__br {
    display: block;
  }
}
.header__robot {
  display: none;
  position: absolute;
  right: 0;
  bottom: 5%;
  min-height: 650px;
}
@media only screen and (max-width: 43.75em) {
  .header__robot {
    display: block;
    /* width: 45rem; */
    height: 90%;
    opacity: 0.8;
  }
}
@media only screen and (max-width: 34.375em) {
  .header__robot {
    right: -10%;
  }
}
@media only screen and (max-width: 28.125em) {
  .header__robot {
    right: -20%;
    top: 0;
    width: 40rem;
  }
}
.header-paragraph {
  font-family: "Saira Light";
  font-size: 2.7rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 43.75em) {
  .header-paragraph {
    font-size: 4rem;
    margin-bottom: 3rem;
  }
}
.header__buttons {
  display: flex;
}

.section-who-are-we {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Exo 2 Light";
  position: relative;
}

@media only screen and (min-width: 2000px) {
  .section-who-are-we {
    height: 120vh;
  }

  .section-who-are-we__video {
    transform: translate(-50%, -50%) scale(1);
    /* z-index: 4000; */
  }
}

@media only screen and (min-width: 3000px) {
  .section-who-are-we {
    height: 130vh;
  }
}

.section-who-are-we__content {
  width: 55%;
  text-align: center;
  margin-top: -23rem;
  position: relative;
  z-index: 5000;
}

@media only screen and (max-width: 56.25em) {
  .section-who-are-we__content {
    width: 80%;
  }
}

/* .section-who-are-we__video {
  z-index: 4000;
} */

.section-who-are-we__heading {
  font-size: 5.25rem;
  line-height: 8.5rem;
  letter-spacing: 0.5rem;
}
.section-who-are-we__subheading {
  font-size: 2.2rem;
  letter-spacing: 4.5rem;
  word-spacing: 2rem;
  margin-right: -3rem;
  color: #bcbcbc;
  white-space: nowrap;
}
@media only screen and (max-width: 21.875em) {
  .section-who-are-we__subheading {
    letter-spacing: 2.5rem;
    word-spacing: 1.25rem;
  }
}
.section-who-are-we__paragraph {
  margin-top: 1.5rem;
  letter-spacing: 2px;
  font-size: 2rem;
}
.section-who-are-we .color-blue {
  color: #389fff;
}

.section-steps {
  overflow: hidden;
}

@media only screen and (max-width: 700px) {
  .section-steps {
    height: 300vh;
  }
}

@media only screen and (max-width: 700px) and (max-height: 750px) {
  .section-steps {
    height: 2250px;
  }
}

@media only screen and (max-width: 700px) {
  .section-steps__video--main {
    display: none;
  }
}
.section-steps__video--mobile {
  display: none;
}
@media only screen and (max-width: 700px) {
  .section-steps__video--mobile {
    display: block;
  }
}

.section-steps__video--slider {
  position: absolute;
  width: 100%;
  /* left: -5%; */
  bottom: 0%;
  mix-blend-mode: screen;
  /* max-height: 100%; */
}

@media only screen and (max-width: 1300px) and (min-height: 900px) {
  .section-steps__video--slider {
    position: absolute;
    width: 120%;
    left: 0;
  }
}

.section-steps__video-adaptive__container {
  display: none;
  height: 100vh;
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 700px) {
  .section-steps__video-adaptive__container {
    display: block;
  }
}

@media only screen and (max-width: 700px) and (max-height: 750px) {
  .section-steps__video-adaptive__container {
    height: 750px;
  }
}
/* 
.section-steps__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.section-steps__slide-2,
.section-steps__content-slider-2,
.section-steps__video--slider-2 {
  /* opacity: 0; */
  transform: translateX(80vw);
  opacity: 0;
  /* visibility: hidden; */
}

.section-steps__slide-3,
.section-steps__content-slider-3,
.section-steps__video--slider-3 {
  /* opacity: 0; */
  transform: translateX(160vw);
  opacity: 0;
  /* visibility: hidden; */
}

.section-steps__content {
  position: absolute;
  left: 23%;
  top: 18%;
  z-index: 1000;
}
@media only screen and (max-width: 700px) {
  .section-steps__content {
    width: 90%;
  }
}
@media only screen and (max-width: 34.375em) {
  .section-steps__content {
    top: 14%;
  }
}
@media only screen and (max-width: 21.875em) {
  .section-steps__content {
    top: 17%;
  }
}

@media only screen and (max-width: 700px) {
  .section-steps__content {
    left: 50%;
    transform: translateX(-50%);
  }
}
.section-steps__content-slider {
  top: 10%;
  left: 10%;
}
@media only screen and (max-width: 78.125em) {
  .section-steps__content-slider {
    top: 0%;
  }
}
@media only screen and (max-width: 56.25em) {
  .section-steps__content-slider {
    top: 15%;
  }
}
/* @media only screen and (max-width: 850px) {
          .section-steps__content-slider {
            top: 20%; } } */
@media only screen and (max-width: 46.875em) {
  .section-steps__content-slider {
    top: 12%;
  }
}
.section-steps__heading {
  display: inline-block;
  margin-left: -2px;
  font-size: 8rem;
  font-family: "Montserrat Black";
  letter-spacing: 2px;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  transition: all 0.2s;
}
.section-steps__heading:hover {
  transform: scale(1.05);
}
@media only screen and (max-width: 700px) {
  .section-steps__heading {
    font-size: 9.5rem;
  }
}
@media only screen and (max-width: 34.375em) {
  .section-steps__heading {
    line-height: 11rem;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 46.875em) {
  .section-steps__heading {
    line-height: 9rem;
  }
}
.section-steps__heading-1 {
  background-image: linear-gradient(270deg, #de6cff 0%, #f6ddff 100%);
}

.section-steps__heading-2 {
  background-image: linear-gradient(270deg, #ff0356 0%, #ffd7e7 100%);
}
.section-steps__heading-3 {
  background-image: linear-gradient(270deg, #13e279 0%, #ecfff5 100%);
}
.section-steps__text {
  font-family: "Futura New Heavy";
  font-size: 2.8rem;
  letter-spacing: 1px;
  width: 40rem;
  line-height: 3rem;
  margin-top: -0.5rem;
}
@media only screen and (max-width: 700px) {
  .section-steps__text {
    text-shadow: 0px 0px 4px black, 0px 0px 4px rgba(0, 0, 0, 0.5);
    font-size: 3rem;
    line-height: 4rem;
  }
}
.section-steps__text-1 {
  color: #e797ff;
}
.section-steps__text-2 {
  color: #fd88af;
}
.section-steps__text-3 {
  color: #79f4b5;
}
.section-steps__link {
  display: inline-block;
}
.section-steps__link-1:hover .section-steps__heading-1 {
  color: #d84dff;
}
.section-steps__link-2:hover .section-steps__heading-2 {
  color: #ff0356;
}
.section-steps__link-3:hover .section-steps__heading-3 {
  color: #0bf07d;
}
.section-steps__br {
  display: none;
}
@media only screen and (max-width: 31.25em) {
  .section-steps__br {
    display: block;
  }
}

@media only screen and (max-width: 700px) {
  .section-steps__slider {
    display: none;
  }
}

.section-steps__slider-dots {
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 60000;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
}
/* @media only screen and (max-width: 56.25em) {
  .section-steps__slider-dots {
    bottom: 28%;
  }
} */
.section-steps__slider-dot {
  position: relative;
  z-index: 65000;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 100%;
  background-color: #676b78;
  /* cursor: pointer; */
  transition: all 0.2s;
}
.section-steps__slider-dot--active {
  transform: scale(1.3);
  background-color: #a4a6ad;
}

.section-steps__slider-dot:not(:last-of-type) {
  margin-right: 3rem;
}

.section-steps__slider-dot-1 {
  background-color: white;
  transform: scale(1.2);
}

.section-steps__slider-button {
  display: inline-block;
  font-size: 0;
  position: absolute;
  z-index: 10;
  width: 3rem;
  height: 3rem;
  border: 0.2rem solid #de6cff;
  border-radius: 50px;
  background-color: transparent;
  fill: #fff;
  right: 0;
  margin-right: 5rem;
  transition: all 0.2s;
}
.section-steps__slider-button:hover {
  filter: brightness(60%);
}
.section-steps__slider-button--prev {
  top: 55%;
}
@media only screen and (max-width: 84.375em) {
  .section-steps__slider-button--prev {
    top: 65%;
  }
}
@media only screen and (max-width: 56.25em) {
  .section-steps__slider-button--prev {
    top: 58%;
  }
}
.section-steps__slider-button--next {
  top: 50%;
}
@media only screen and (max-width: 84.375em) {
  .section-steps__slider-button--next {
    top: 59%;
  }
}
@media only screen and (max-width: 56.25em) {
  .section-steps__slider-button--next {
    top: 53%;
  }
}
.section-steps__slider-button__icon {
  transition: all 0.3s;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-steps__slider-button__icon--prev {
  left: 47%;
}

.section-community {
  overflow: hidden;
  z-index: 1000 !important;
}

@media only screen and (max-width: 900px) {
  .section-community {
    height: 135vw;
    min-height: 100vh;
  }
}
@media only screen and (max-width: 37.5em) {
  .section-community {
    height: 140vw;
  }
}

.section-community__video--mobile {
  display: none;
  /* top: 70%; */
  width: 110%;
  position: absolute;
  top: 0;
  right: 0%;
}
@media only screen and (max-width: 56.25em) {
  .section-community__video--mobile {
    display: block;
  }
}
@media only screen and (max-width: 56.25em) {
  .section-community__video--notmobile {
    display: none;
  }
}
@media only screen and (max-width: 550px) and (max-height: 750px) {
  .section-community__video {
    width: 150%;
    left: -20rem;
  }
}

@media only screen and (max-width: 550px) and (min-height: 750px) {
  .section-community__video {
    width: 160%;
    left: -20rem;
  }
}

@media only screen and (max-width: 550px) and (min-height: 900px) {
  .section-community__video {
    width: 180%;
    left: -20rem;
  }
}

.section-community__content {
  width: 33.5rem;
  position: absolute;
  bottom: 30%;
  left: 7%;
  z-index: 50;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 1);
}

@media only screen and (max-width: 56.25em) {
  .section-community__content {
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
}
.section-community__heading {
  font-family: "Exo 2 Bold";
  font-size: 3rem;
}
@media only screen and (max-width: 56.25em) {
  .section-community__heading {
    font-size: 6.5rem;
  }
}
@media only screen and (max-width: 40.625em) {
  .section-community__heading {
    font-size: 5.6rem;
  }
}
.section-community__paragraph {
  font-family: "Exo 2 Light";
  padding: 3rem 0;
  letter-spacing: 2px;
  font-size: 2rem;
}
@media only screen and (max-width: 56.25em) {
  .section-community__paragraph {
    font-size: 2.5rem;
    width: 60rem;
    margin: 0 auto;
    margin-bottom: 3rem;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 1);
    /* color: black; */
  }
}
@media only screen and (max-width: 40.625em) {
  .section-community__paragraph {
    font-size: 2.4rem;
    width: 60rem;
  }
}
@media only screen and (max-width: 28.125em) {
  .section-community__paragraph {
    width: 90%;
  }
}
.section-community .color-blue {
  color: #0e549f;
}

.section-lets-make {
  /* height: 105vh; */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 50;

  /* transition: all 0.2s; */
  /* transform: translateY(-90vh); */
}
.section-lets-make__background {
  height: 110vh;
  width: 100%;
  background-image: linear-gradient(
      180deg,
      transparent 0%,
      rgba(56, 159, 255, 0.5) 5%,
      rgba(213, 0, 46, 0.5) 117.66%
    ),
    url(../assets/img/LastBG.png);
  filter: blur(40px);
  background-size: cover, 80%;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(-180deg);
}
.section-lets-make__content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 100%;

  /* transition: all 0.1s; */
  opacity: 0;
  transform: translate(-50%, -90%);
}
.section-lets-make__heading {
  color: #389fff;
  font-family: "Exo 2 Light";
  font-size: 7rem;
  letter-spacing: 6.5rem;
  margin-right: -6rem;
  margin-top: 1rem;
  text-transform: uppercase;
  position: relative;
  height: 14rem;
}
.section-lets-make__subheading {
  font-family: "Exo 2 Medium";
  letter-spacing: 4px;
  font-size: 1.7rem;
}
.section-lets-make__paragraph {
  font-family: "Exo 2 Light";
  letter-spacing: 1px;
  opacity: 0.7;
  width: 60rem;
  margin: 0 auto;
}
@media only screen and (max-width: 34.375em) {
  .section-lets-make__paragraph {
    width: 50rem;
  }
}
@media only screen and (max-width: 25em) {
  .section-lets-make__paragraph {
    width: 45rem;
  }
}

.section-benefits {
  /* height: 105vh; */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5000;
  /* transition: all 0.5s ease; */
  /* margin-bottom: -95vh; */
  /* margin-bottom: -80vh; */
  overflow: hidden;

  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.section-benefits__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 105%;
  width: 100%;
  background-image: url(../assets/img/LastBG.png);
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(10px);
  background-position: 50% 0%;
}
.section-benefits__content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 50em) {
  .section-benefits__content {
    flex-direction: column;
  }
}
.section-benefits__item {
  text-align: left;
  transform: scale(1.2);
}
.section-benefits__item:not(:last-of-type) {
  margin-right: 45%;
}
@media only screen and (max-width: 68.75em) {
  .section-benefits__item:not(:last-of-type) {
    margin-right: 25%;
  }
}
@media only screen and (max-width: 50em) {
  .section-benefits__item:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 10vh;
  }

  .section-benefits__item {
    text-align: center;
  }
}
.section-benefits__heading {
  display: inline-block;
  font-family: "Montserrat Bold";
  font-size: 3rem;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  white-space: nowrap;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 1.5rem;

  transition: all 0.2s;
  opacity: 0;
}
.section-benefits__heading::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 80%;
  height: 2px;

  transition: all 0.2s;
  width: 0;
}

/* @media only screen and (max-width: 50em) {
  .section-benefits__heading::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 2px;
  }
} */
.section-benefits__heading--gold {
  background-image: linear-gradient(
    90deg,
    #d8b843 0.75%,
    rgba(216, 184, 68, 0.98985) 0.76%,
    #ead974 77.43%,
    rgba(234, 217, 116, 0.015625) 77.44%,
    #eada75 77.44%
  );
}
.section-benefits__heading--gold::after {
  background-image: linear-gradient(
    to right,
    #d8b843 0.75%,
    rgba(216, 184, 68, 0.98985) 0.76%,
    #ead974 77.43%,
    rgba(234, 217, 116, 0.015625) 77.44%,
    #eada75 77.44%
  );
}
.section-benefits__heading--pink {
  background-image: linear-gradient(270deg, #e83c98 0%, #e991ff 97.91%);
}
.section-benefits__heading--pink::after {
  background-image: linear-gradient(to right, #e83c98 0%, #e991ff 97.91%);
}
.section-benefits__heading--blue {
  background-image: linear-gradient(90deg, #315cb7 0%, #b4a7f2 94.06%);
}
.section-benefits__heading--blue::after {
  background-image: linear-gradient(to right, #315cb7 0%, #b4a7f2 94.06%);
}
.section-benefits__text {
  font-family: "Exo 2 Light";
  margin-top: 2.5rem;
  width: 19rem;
  color: #8b8b8b;

  transition: all 0.2s;
  opacity: 0;
}
.section-benefits__text--long {
  width: 21rem;
}

.section-pricing {
  /* position: relative; */
  /* height: 105vh; */
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 3000;
  /* opacity: 0; */
  /* margin-top: -95vh; */
  /* transition: all 1.5s ease !important; */
  align-items: center;

  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.section-pricing__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 105%;
  width: 100%;
  background-image: url(../assets/img/LastBG.png);
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(10px);
  background-position: 50% 0%;
}
.section-pricing__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  mix-blend-mode: hard-light;
  transform: translate(-50%, -50%) matrix(-1, 0, 0, 1, 0, 0);
  transition: all 0.3s;
  height: 92%;
  /* filter: blur(10px); */

  opacity: 0;
}
.section-pricing__content {
  position: relative;
  z-index: 100;
  width: 52rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  z-index: 5000;
  transform: scale(0);
  opacity: 0;
}
.section-pricing__heading {
  text-transform: none;
  padding-bottom: 0.5rem;
}
.section-pricing__heading::after {
  width: 100%;
}
.section-pricing__text {
  margin-top: 2rem;
  color: #8b8b8b;
  font-family: "Exo 2 Light";
  letter-spacing: 1px;
  width: 60%;
}
.section-pricing__price-img {
  margin-top: 5rem;
  width: 40%;
}
.section-pricing__price-big {
  background-image: linear-gradient(to right, #f44e7c 60%, #e87e65);
  background-clip: text;
  -webkit-background-clip: text;
  line-height: 10rem;
  color: transparent;
  font-size: 10.5rem;
}
.section-pricing__price-small {
  position: absolute;
  right: -12%;
  top: -10%;
  color: #e87e65;
  font-size: 4rem;
}
.section-pricing__price-month {
  position: absolute;
  right: -15%;
  bottom: 0%;
  color: #a9a5aa;
  font-size: 2rem;
}
.section-pricing__price-container {
  font-family: "Exo 2 Extra Bold";
  font-weight: 900;
  position: relative;
  margin: 0 auto;
  margin-left: 10rem;
  margin-top: 5rem;
  width: 50%;
}