*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  overflow-x: hidden; }

body {
  box-sizing: border-box;
  scroll-behavior: smooth; }

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none; }

textarea {
  resize: none; }

img {
  user-select: none; }

main .email-link-style {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
  cursor: pointer; }
  main .email-link-style--purple {
    color: #5314BC; }
  main .email-link-style:hover {
    text-decoration: underline; }

main .email-link {
  cursor: pointer; }

@font-face {
  font-family: "Gilroy";
  src: url("../../css/fonts/Gilroy-Regular/Gilroy-Regular.eot");
  src: url("../../css/fonts/Gilroy-Regular/Gilroy-Regular.woff") format("woff"), url("../../css/fonts/Gilroy-Regular/Gilroy-Regular.woff2") format("woff"), url("../../css/fonts/Gilroy-Regular/Gilroy-Regular.ttf") format("truetype"), url("../../css/fonts/Gilroy-Regular/Gilroy-Regular.svg") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Gilroy";
  src: url("../../css/fonts/Gilroy-Bold/Gilroy-Bold.eot");
  src: url("../../css/fonts/Gilroy-Bold/Gilroy-Bold.woff") format("woff"), url("../../css/fonts/Gilroy-Bold/Gilroy-Bold.woff2") format("woff"), url("../../css/fonts/Gilroy-Bold/Gilroy-Bold.ttf") format("truetype"), url("../../css/fonts/Gilroy-Bold/Gilroy-Bold.svg") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Gilroy";
  src: url("../../css/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.eot");
  src: url("../../css/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.woff") format("woff"), url("../../css/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.woff2") format("woff"), url("../../css/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.ttf") format("truetype"), url("../../css/fonts/Gilroy-ExtraBold/Gilroy-ExtraBold.svg") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "Gilroy";
  src: url("../../css/fonts/Gilroy-Light/Gilroy-Light.eot");
  src: url("../../css/fonts/Gilroy-Light/Gilroy-Light.woff") format("woff"), url("../../css/fonts/Gilroy-Light/Gilroy-Light.woff2") format("woff"), url("../../css/fonts/Gilroy-Light/Gilroy-Light.ttf") format("truetype"), url("../../css/fonts/Gilroy-Light/Gilroy-Light.svg") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Gilroy";
  src: url("../../css/fonts/Gilroy-Medium/Gilroy-Medium.eot");
  src: url("../../css/fonts/Gilroy-Medium/Gilroy-Medium.woff") format("woff"), url("../../css/fonts/Gilroy-Medium/Gilroy-Medium.woff2") format("woff"), url("../../css/fonts/Gilroy-Medium/Gilroy-Medium.ttf") format("truetype"), url("../../css/fonts/Gilroy-Medium/Gilroy-Medium.svg") format("svg");
  font-weight: 400;
  font-style: normal; }

::selection {
  color: #F5F4F5;
  background-color: #764FCD; }

body {
  font-family: "Gilroy", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #29394B; }

.headline-1 {
  color: #F5F4F5;
  font-size: 6rem;
  font-weight: 800;
  line-height: 7.2rem; }
  .headline-1--highlight {
    color: #D0C4EE; }
  .headline-1--purple {
    color: #5314BC; }
  .headline-1--blue {
    color: #481CCC; }
  @media (max-width: 900px) {
    .headline-1 {
      font-size: 3.6rem;
      line-height: 4.4rem; } }

.headline-2 {
  font-size: 4.8rem;
  line-height: 6rem;
  font-weight: 800; }
  @media (max-width: 900px) {
    .headline-2 {
      font-size: 3.2rem;
      line-height: 4rem; } }
  .headline-2--white {
    color: #F5F4F5; }
  .headline-2--green {
    color: #3EC89E; }
  .headline-2--yellow {
    color: #F5C852; }
  .headline-2--purple {
    color: #5314BC; }

.headline-3 {
  font-size: 4rem;
  line-height: 5.2rem;
  font-weight: 500; }
  @media (max-width: 900px) {
    .headline-3 {
      font-size: 2.4rem;
      line-height: 3.2rem; } }
  .headline-3--bold {
    font-weight: 800; }
  .headline-3--dark {
    color: #29394B; }
  .headline-3--purple {
    color: #5314BC; }
  .headline-3--blue {
    color: #481CCC; }

.headline-4 {
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #29394B; }
  @media (max-width: 900px) {
    .headline-4 {
      font-size: 2rem;
      line-height: 2.8rem; } }
  .headline-4--white {
    color: #F5F4F5; }
  .headline-4--purple {
    color: #5314BC; }
  .headline-4--yellow {
    color: #F5C852; }
  .headline-4 .highlight-green {
    color: #3EC89E; }

.headline-5 {
  font-size: 2rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  font-weight: 800; }
  @media (max-width: 900px) {
    .headline-5 {
      font-size: 1.2rem;
      line-height: 2rem; } }
  .headline-5--purple {
    color: #5314BC; }
  .headline-5--white {
    color: #ffffff; }
  .headline-5--light-purple {
    color: #D0C4EE; }
  .headline-5--dark {
    color: #29394B; }
  .headline-5--blue {
    color: #481CCC; }
  .headline-5--light-green {
    color: #128C7B; }

.backgrounds-and-text {
  font-size: 2rem;
  line-height: 3.6rem;
  color: #29394B;
  font-weight: 500;
  text-align: left; }
  @media (max-width: 900px) {
    .backgrounds-and-text {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .backgrounds-and-text--white {
    color: #ffffff; }
  .backgrounds-and-text--bold {
    font-weight: 800; }

.desktop-table-28 {
  font-size: 2.8rem;
  line-height: 4.8rem;
  font-weight: 500;
  color: #29394B; }
  @media (max-width: 900px) {
    .desktop-table-28 {
      font-size: 2rem;
      line-height: 2.8rem; } }

.desktop-table-18 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #29394B; }
  @media (max-width: 900px) {
    .desktop-table-18 {
      font-size: 1.4rem;
      line-height: 2rem; } }

.desktop-table-16 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #29394B;
  font-weight: 500; }
  .desktop-table-16--bold {
    font-weight: 700; }
  .desktop-table-16--purple {
    color: #5314BC; }
  .desktop-table-16--blue {
    color: #481CCC; }

.caption-big {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 500; }
  .caption-big--bold {
    font-weight: 700; }
  .caption-big--white {
    color: #F5F4F5; }
  .caption-big--light-gray {
    color: #687283; }
  @media (max-width: 900px) {
    .caption-big {
      font-size: 8px;
      line-height: 1rem; } }

.footer-text {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #ffffff; }
  .footer-text--bold {
    font-weight: 700; }

.u-margin-bottom-regular {
  margin-bottom: 4.8rem; }
  @media (max-width: 900px) {
    .u-margin-bottom-regular {
      margin-bottom: 2.4rem; } }

.u-margin-bottom-big {
  margin-bottom: 5.6rem; }
  @media (max-width: 900px) {
    .u-margin-bottom-big {
      margin-bottom: 4rem; } }

.u-margin-bottom-bigger {
  margin-bottom: 12rem; }
  @media (max-width: 900px) {
    .u-margin-bottom-bigger {
      margin-bottom: 6rem; } }

.u-margin-bottom-extra-big {
  margin-bottom: 13.2rem; }

.u-margin-bottom-small {
  margin-bottom: 1.6rem; }
  @media (max-width: 900px) {
    .u-margin-bottom-small {
      margin-bottom: 8px; } }

.u-margin-bottom-24 {
  margin-bottom: 2.4rem; }

.u-margin-bottom-32 {
  margin-bottom: 3.2rem; }

.u-margin-top-extra-large {
  margin-top: 14rem; }
  @media (max-width: 900px) {
    .u-margin-top-extra-large {
      margin-top: 6rem; } }

.u-margin-top-extra-big {
  margin-top: 10rem; }
  @media (max-width: 900px) {
    .u-margin-top-extra-big {
      margin-top: 4rem; } }

.u-margin-top-big {
  margin-top: 6.4rem; }
  @media (max-width: 900px) {
    .u-margin-top-big {
      margin-top: 3.2rem; } }

.u-margin-top-medium {
  margin-top: 3.2rem; }

.u-margin-right-medium {
  margin-right: 2.4rem; }
  @media (max-width: 1024px) {
    .u-margin-right-medium {
      margin-right: 1.6rem; } }

.u-padding-top-100 {
  padding-top: 10rem; }
  @media (max-width: 900px) {
    .u-padding-top-100 {
      padding-top: 4rem; } }

.u-padding-top-120 {
  padding-top: 12rem; }

.u-padding-top-110 {
  padding-top: 11rem; }

.u-padding-top-140 {
  padding-top: 14rem; }
  @media (max-width: 900px) {
    .u-padding-top-140 {
      padding-top: 6rem; } }

.u-padding-bottom-24 {
  padding-bottom: 2.4rem; }

.u-padding-bottom-64 {
  padding-bottom: 6.4rem; }
  @media (max-width: 900px) {
    .u-padding-bottom-64 {
      padding-bottom: 3.2rem; } }

.u-padding-bottom-100 {
  padding-bottom: 10rem; }
  @media (max-width: 900px) {
    .u-padding-bottom-100 {
      padding-bottom: 3.2rem; } }

.u-padding-bottom-big {
  padding-bottom: 12rem; }
  @media (max-width: 900px) {
    .u-padding-bottom-big {
      padding-bottom: 6rem; } }

.u-padding-bottom-140 {
  padding-bottom: 14rem; }
  @media (max-width: 900px) {
    .u-padding-bottom-140 {
      padding-bottom: 6rem; } }

.u-padding-bottom-160 {
  padding-bottom: 16rem; }
  @media (max-width: 900px) {
    .u-padding-bottom-160 {
      padding-bottom: 10rem; } }

.u-padding-bottom-230 {
  padding-bottom: 23rem; }

.u-center-text {
  text-align: center; }
  @media (max-width: 900px) {
    .u-center-text {
      text-align: left; } }

.btn, .btn:link, .btn:visited {
  text-decoration: none;
  padding: 1.8rem 4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: background-color .1s;
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
  border: none;
  cursor: pointer; }
  @media (max-width: 900px) {
    .btn, .btn:link, .btn:visited {
      padding: 1.6rem 3rem;
      font-size: 1.6rem;
      line-height: 1.9rem; } }

.btn--green {
  background-color: #3EC89E;
  color: #ffffff; }
  .btn--green:hover {
    background-color: #37B392; }
    .btn--green:hover img {
      transform: translateX(4px); }

.btn--purple {
  background-color: #5314BC;
  color: #ffffff; }
  .btn--purple:hover {
    background-color: #764FCD; }
    .btn--purple:hover img {
      transform: translateX(4px); }

.btn--blue {
  background-color: #481CCC;
  color: #ffffff; }
  .btn--blue:hover {
    background-color: #634BDB; }
    .btn--blue:hover img {
      transform: translateX(4px); }

.btn--cookie-policy {
  color: #ffffff;
  background: #29394B;
  box-shadow: inset 0px 0px 0px 2.8px #ffffff;
  padding: 1.3rem 2.7rem; }
  @media (max-width: 900px) {
    .btn--cookie-policy {
      width: fit-content;
      text-align: left; } }

.btn img {
  margin-left: 1.6rem;
  transition: all .1s; }
  @media (max-width: 900px) {
    .btn img {
      width: 1.9rem;
      height: 1.6rem; } }

.breadcrumbs .desktop-table-16 {
  text-transform: uppercase; }

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active {
  color: inherit; }

.cookie-policy-banner {
  background-color: #29394B;
  display: none;
  flex-direction: row;
  gap: 4.8rem;
  padding: 4.8rem 0;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  justify-content: center; }
  @media (max-width: 900px) {
    .cookie-policy-banner {
      flex-direction: column;
      gap: 2.4rem;
      padding: 3rem 2.4rem; } }
  .cookie-policy-banner .footer-text {
    width: 93.5rem; }
    @media (max-width: 900px) {
      .cookie-policy-banner .footer-text {
        width: 100%; } }
    .cookie-policy-banner .footer-text .email-link-style {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      font-weight: bold;
      cursor: pointer; }
      .cookie-policy-banner .footer-text .email-link-style:hover {
        text-decoration: underline; }

.overlay-background-header {
  background: url("../../img/overlay.image.png");
  background-color: #481CCC;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 46rem;
  overflow: hidden; }
  @media (max-width: 900px) {
    .overlay-background-header {
      height: auto;
      background: none;
      background-color: #481CCC; } }

.overlay-background-header-game {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url("../../img/gameSingleCover.png");
  background-color: #481CCC;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 46rem;
  overflow: hidden; }
  @media (max-width: 900px) {
    .overlay-background-header-game {
      height: auto;
      background: none;
      background-color: #481CCC; } }

.header {
  overflow: hidden;
  background-color: #5314BC;
  position: relative; }
  @media (max-width: 900px) {
    .header {
      overflow: hidden; } }
  .header .headline-1, .header .headline-2 {
    width: 112rem;
    height: 12rem;
    margin: 0 auto; }
    @media (max-width: 1300px) {
      .header .headline-1, .header .headline-2 {
        width: 100%;
        height: auto; } }
  .header--purple {
    background-color: #5314BC; }
  .header--blue {
    background-color: #481CCC; }
  .header--green {
    background-color: #3EC89E; }
  .header--overlay {
    background: transparent; }
    @media (max-width: 900px) {
      .header--overlay {
        background: #481CCC; } }
  .header__text-box {
    text-align: center;
    padding-top: 2.8rem;
    z-index: 10;
    position: relative; }
    @media (max-width: 900px) {
      .header__text-box {
        text-align: center;
        padding-left: 3rem;
        padding-right: 3rem; } }
    .header__text-box .headline-1 {
      height: auto;
      width: 93rem;
      z-index: 10;
      position: relative; }
      @media (max-width: 900px) {
        .header__text-box .headline-1 {
          width: auto; } }
    .header__text-box .game-img-rating .game-rating {
      padding-top: 5.6rem; }
      .header__text-box .game-img-rating .game-rating img {
        width: 2.2rem;
        height: 2rem; }
    .header__text-box .game-img-rating .caption-big {
      font-size: 1.6rem;
      line-height: 2.8rem; }
  .header__text-box-hero {
    width: 93rem;
    margin: 0 auto;
    margin-bottom: 5.6rem; }
    @media (max-width: 900px) {
      .header__text-box-hero {
        width: auto;
        text-align: left; } }
  .header__text-holder {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    width: 55rem;
    margin: 0 auto;
    position: relative;
    z-index: 10; }
    @media (max-width: 1300px) {
      .header__text-holder {
        padding-bottom: 30rem; } }
    @media (max-width: 900px) {
      .header__text-holder {
        padding-bottom: 24.8rem; } }
    @media (max-width: 600px) {
      .header__text-holder {
        width: 100%;
        padding: 3.2rem 3rem 24.8rem 3rem; } }
    .header__text-holder .headline-5 {
      text-transform: none;
      font-size: 2.4rem;
      line-height: 3.2rem; }
      @media (max-width: 900px) {
        .header__text-holder .headline-5 {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .header__text-holder .email-link-style {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      font-weight: bold;
      cursor: pointer; }
      .header__text-holder .email-link-style:hover {
        text-decoration: underline; }
      .header__text-holder .email-link-style--purple {
        color: #5314BC; }
    .header__text-holder .email-link {
      cursor: pointer; }
  .header__button-holder {
    text-align: center; }
    @media (max-width: 900px) {
      .header__button-holder {
        text-align: left;
        margin-bottom: 5rem;
        padding: 0 3rem; } }
  .header__sub-header {
    background-color: #37148E;
    text-align: center;
    padding: 5.2rem 0rem;
    z-index: 10;
    position: relative; }
    @media (max-width: 900px) {
      .header__sub-header {
        padding: 3.2rem 3rem;
        text-align: left; } }
    .header__sub-header .sub-header__logo {
      width: 18.5rem;
      margin-right: 5px;
      vertical-align: text-bottom;
      margin-bottom: -2px; }
      @media (max-width: 900px) {
        .header__sub-header .sub-header__logo {
          width: 12.7rem;
          height: 2.6rem;
          vertical-align: baseline; } }
    .header__sub-header .sub-header__text {
      font-size: 2.4rem;
      line-height: 4rem;
      font-weight: 500;
      color: #ffffff; }
      @media (max-width: 900px) {
        .header__sub-header .sub-header__text {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
  .header__circle--big {
    position: absolute;
    background-color: #37148E;
    border-radius: 50%;
    width: 24rem;
    height: 24rem;
    top: 9.6rem;
    right: -17.7rem; }
    @media (max-width: 900px) {
      .header__circle--big {
        width: 10rem;
        height: 10rem;
        right: 5.2rem;
        top: 24.9rem; } }
  .header__circle--medium {
    position: absolute;
    background-color: #37148E;
    border-radius: 50%;
    width: 15.4rem;
    height: 15.4rem;
    top: 33.4rem;
    right: -33.1rem; }
    @media (max-width: 900px) {
      .header__circle--medium {
        width: 6.4rem;
        height: 6.4rem;
        right: -1rem;
        top: 34.9rem; } }
  .header__circle--small {
    position: absolute;
    background-color: #37148E;
    border-radius: 50%;
    width: 12rem;
    height: 12rem;
    top: 48.8rem;
    right: -15.9rem; }
    @media (max-width: 900px) {
      .header__circle--small {
        width: 5.2rem;
        height: 5.2rem;
        right: 6rem;
        top: 41.3rem; } }
  .header .rectangle-about {
    position: absolute;
    background: #3EC89E; }
    .header .rectangle-about--first {
      width: 26.5rem;
      height: 26.6rem;
      bottom: 14rem;
      right: -37rem;
      padding: 2.4rem 3.2rem 2.8rem 3.2rem;
      display: flex;
      flex-direction: column;
      gap: 1.6rem; }
      @media (max-width: 1300px) {
        .header .rectangle-about--first {
          width: 55rem;
          height: auto;
          right: 0;
          left: 0;
          margin: 0 auto;
          bottom: 12rem;
          gap: 8px;
          padding: 2rem; } }
      @media (max-width: 900px) {
        .header .rectangle-about--first {
          width: 85%;
          bottom: 6rem; } }
      .header .rectangle-about--first .rectangle-question {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: #481CCC;
        text-transform: uppercase; }
        @media (max-width: 900px) {
          .header .rectangle-about--first .rectangle-question {
            font-size: 1.2rem;
            line-height: 2rem; } }
      .header .rectangle-about--first .rectangle-answer {
        font-size: 1.8rem;
        line-height: 2.6rem;
        font-weight: 700;
        color: #481CCC; }
        @media (max-width: 1300px) {
          .header .rectangle-about--first .rectangle-answer br {
            display: none; } }
        @media (max-width: 900px) {
          .header .rectangle-about--first .rectangle-answer {
            font-size: 1.4rem;
            line-height: 2rem; } }
    .header .rectangle-about--second {
      width: 9.5rem;
      height: 9.5rem;
      bottom: 4.5rem;
      right: -46.5rem; }
      @media (max-width: 1300px) {
        .header .rectangle-about--second {
          display: none;
          bottom: 13rem;
          width: 8rem;
          height: 8rem;
          right: 23.6rem; } }
    .header .rectangle-about--third {
      width: 4.5rem;
      height: 4.5rem;
      bottom: 0;
      right: -37rem; }
      @media (max-width: 900px) {
        .header .rectangle-about--third {
          display: none;
          bottom: 10.1rem;
          right: 31.6rem;
          width: 2.9rem;
          height: 2.9rem; } }
    .header .rectangle-about--yellow {
      background-color: #F5C852; }
  .header .headline-pricing-mobile {
    display: none; }
    @media (max-width: 900px) {
      .header .headline-pricing-mobile {
        display: block; } }
  @media (max-width: 900px) {
    .header .headline-pricing-desktop {
      display: none; } }

.header-about__circle--big {
  position: absolute;
  background-color: #3EC89E;
  border-radius: 50%;
  width: 24rem;
  height: 24rem;
  top: -8.4rem;
  left: -50.5rem; }
  @media (max-width: 1300px) {
    .header-about__circle--big {
      display: none; } }

.header-about__circle--medium {
  position: absolute;
  background-color: #3EC89E;
  border-radius: 50%;
  width: 15.4rem;
  height: 15.4rem;
  top: 15.4rem;
  left: -26.5rem; }
  @media (max-width: 1300px) {
    .header-about__circle--medium {
      display: none; } }

.header-about__circle--small {
  position: absolute;
  background-color: #3EC89E;
  border-radius: 50%;
  width: 12rem;
  height: 12rem;
  top: 30.8rem;
  left: -40.3rem; }
  @media (max-width: 1300px) {
    .header-about__circle--small {
      display: none; } }

.header-about__circle--yellow {
  background-color: #F5C852; }

.navigation {
  width: 100%;
  padding: 4.8rem 7rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 1300px) {
    .navigation {
      padding: 4.8rem 2.4rem; } }
  @media (max-width: 900px) {
    .navigation {
      overflow: hidden;
      padding: 2rem; } }
  .navigation--purple {
    background-color: #5314BC; }
  .navigation--blue {
    background-color: #481CCC; }
  .navigation--green {
    background-color: #3EC89E; }
  .navigation--overlay {
    background-color: transparent;
    position: relative; }
    @media (max-width: 900px) {
      .navigation--overlay {
        background: #481CCC; } }
  .navigation__logo-box {
    display: inline; }
    @media (max-width: 900px) {
      .navigation__logo-box {
        display: none; } }
  .navigation__logo-box-mobile {
    display: none; }
    @media (max-width: 900px) {
      .navigation__logo-box-mobile {
        display: inline; } }
  .navigation__logo {
    width: 27rem;
    height: 5.6rem;
    vertical-align: middle; }
    @media (max-width: 900px) {
      .navigation__logo {
        width: 6.7rem;
        height: 5.3rem; } }
  .navigation__nav {
    display: inline; }
    @media (max-width: 900px) {
      .navigation__nav {
        display: none; } }
  .navigation__list {
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
  .navigation__item {
    margin: 0 2.2rem; }
  .navigation__link {
    text-decoration: none;
    font-size: 2rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.4rem;
    letter-spacing: 0.5px;
    transition: all .1s ease-out; }
    .navigation__link:hover, .navigation__link:active {
      padding-bottom: 6px;
      border-bottom: 4px solid #ffffff; }
    .navigation__link--purple {
      color: #5314BC; }
      .navigation__link--purple:hover, .navigation__link--purple:active {
        border-bottom: 4px solid #5314BC; }
  .navigation .active {
    padding-bottom: 6px;
    border-bottom: 4px solid #ffffff; }
    @media (max-width: 900px) {
      .navigation .active {
        padding-bottom: 0;
        border-bottom: none; }
        .navigation .active .navigation__link {
          color: #D0C4EE; } }
  .navigation .active-purple {
    padding-bottom: 6px;
    border-bottom: 4px solid #5314BC; }
  .navigation__checkbox-mobile, .navigation__button-mobile, .navigation__nav-mobile, .navigation__background-mobile {
    display: none; }
  @media (max-width: 900px) {
    .navigation__checkbox-mobile {
      display: none; }
    .navigation__button-mobile {
      display: block;
      width: 6.8rem;
      height: 6rem;
      padding: 1.9rem 2rem;
      position: fixed;
      top: 2rem;
      right: 0rem;
      z-index: 2000;
      text-align: center;
      cursor: pointer; }
    .navigation__nav-mobile {
      display: block;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1500;
      opacity: 0;
      width: 0;
      transition: opacity .4s;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 44.8rem;
      padding: 2rem; }
    .navigation__nav-list-mobile {
      position: absolute;
      padding: 0 3rem;
      top: 15rem;
      left: -20rem;
      transition: all .4s;
      text-align: left;
      width: 0; }
    .navigation__get-in-touch {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      color: #ffffff;
      opacity: 0;
      margin-top: 10rem; }
      .navigation__get-in-touch .email-link-navigation {
        font-size: 2.4rem;
        line-height: 3.2rem;
        font-weight: 800; }
      .navigation__get-in-touch p {
        font-size: 1.2rem;
        line-height: 2rem;
        font-weight: bold; }
    .navigation__list {
      list-style: none;
      width: 100%;
      display: block; }
    .navigation__background-mobile {
      display: block;
      height: 6rem;
      width: 6.8rem;
      position: fixed;
      top: 2rem;
      right: 0rem;
      background: transparent;
      z-index: 1000;
      transition: transform .8s, background .8s; }
    .navigation__item {
      text-align: left;
      margin: 0;
      margin-bottom: 1.2rem; }
      .navigation__item:last-child {
        margin-bottom: 0; }
    .navigation__link:link, .navigation__link:visited {
      display: inline-block;
      font-size: 3.6rem;
      line-height: 4.4rem;
      font-weight: 800;
      color: #ffffff;
      text-decoration: none;
      text-transform: capitalize;
      background-size: 220%;
      transition: all .4s;
      display: none; }
      .navigation__link:link span, .navigation__link:visited span {
        margin-right: 1.5rem;
        display: inline-block; }
    .navigation__link:hover, .navigation__link:active {
      color: #D0C4EE;
      padding-bottom: 0;
      border-bottom: none; }
    .navigation__checkbox-mobile:checked ~ .navigation__background-mobile {
      background: #5314BC;
      transform: scale(80); }
    .navigation__checkbox-mobile:checked ~ .navigation__nav-mobile {
      opacity: 1;
      width: 100%; }
    .navigation__checkbox-mobile:checked ~ .navigation__nav-mobile .navigation__nav-list-mobile {
      width: 100%;
      left: 0; }
    .navigation__checkbox-mobile:checked ~ .navigation__nav-mobile .navigation__link {
      display: inline-block; }
    .navigation__checkbox-mobile:checked ~ .navigation__nav-mobile .navigation__get-in-touch {
      opacity: 1; }
    .navigation__icon {
      position: relative; }
      .navigation__icon, .navigation__icon::before, .navigation__icon::after {
        width: 2.8rem;
        height: 4px;
        background-color: #ffffff;
        display: inline-block;
        vertical-align: middle; }
      .navigation__icon--purple, .navigation__icon--purple::before, .navigation__icon--purple::after {
        width: 2.8rem;
        height: 4px;
        background-color: #5314BC;
        display: inline-block;
        vertical-align: middle; }
      .navigation__icon::before, .navigation__icon::after {
        content: "";
        position: absolute;
        left: 0;
        transition: all .2s; }
      .navigation__icon::before {
        top: -.8rem; }
      .navigation__icon::after {
        top: .8rem; }
    .navigation__checkbox-mobile:checked + .navigation__button-mobile .navigation__icon {
      background-color: transparent; }
    .navigation__checkbox-mobile:checked + .navigation__button-mobile .navigation__icon::before {
      top: 0;
      transform: rotate(135deg); }
    .navigation__checkbox-mobile:checked + .navigation__button-mobile .navigation__icon--purple::before {
      background-color: #ffffff; }
    .navigation__checkbox-mobile:checked + .navigation__button-mobile .navigation__icon::after {
      top: 0;
      transform: rotate(-135deg); }
    .navigation__checkbox-mobile:checked + .navigation__button-mobile .navigation__icon--purple::after {
      background-color: #ffffff; } }

.row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.4rem; }

.footer {
  background: #5314BC;
  position: relative; }
  .footer .row {
    padding-top: 10rem;
    gap: 11.5rem; }
    @media (max-width: 1300px) {
      .footer .row {
        padding-left: 6rem;
        padding-right: 6rem;
        justify-content: space-around;
        gap: 4rem; } }
    @media (max-width: 900px) {
      .footer .row {
        flex-direction: column;
        gap: 6rem;
        padding: 3rem;
        padding-bottom: 6rem;
        justify-content: space-between;
        align-items: flex-start; } }
  .footer a:link,
  .footer a:visited,
  .footer a:hover,
  .footer a:active {
    color: #ffffff; }
  .footer .logo-img-holder-mobile {
    display: none; }
    @media (max-width: 900px) {
      .footer .logo-img-holder-mobile {
        display: block;
        width: 21.4rem;
        height: auto; }
        .footer .logo-img-holder-mobile img {
          width: 100%;
          height: 100%; } }
  .footer__left {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    max-width: 38rem; }
    @media (max-width: 900px) {
      .footer__left {
        order: 2; } }
    @media (max-width: 900px) {
      .footer__left .logo-img-holder {
        display: none; } }
    .footer__left .terms-and-policy {
      display: flex;
      gap: 2.4rem; }
      @media (max-width: 900px) {
        .footer__left .terms-and-policy {
          flex-direction: column; } }
      .footer__left .terms-and-policy .TandC {
        display: flex;
        gap: 4px;
        justify-content: space-between; }
        @media (max-width: 900px) {
          .footer__left .terms-and-policy .TandC {
            order: 2;
            justify-content: flex-start; } }
  .footer__right {
    display: flex;
    gap: 6.4rem; }
    @media (max-width: 1300px) {
      .footer__right {
        gap: 1.2rem 3.2rem;
        flex-direction: column;
        flex-wrap: wrap;
        height: 34rem;
        width: 43rem; } }
    @media (max-width: 900px) {
      .footer__right {
        order: 1;
        flex-direction: row;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        gap: 2.4rem; } }
    .footer__right .column__single {
      display: flex;
      flex-direction: column;
      gap: 1.2rem; }
      @media (max-width: 900px) {
        .footer__right .column__single:first-child, .footer__right .column__single:last-child {
          width: 100%; } }
      .footer__right .column__single .column-header {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #D0C4EE; }
        @media (max-width: 900px) {
          .footer__right .column__single .column-header {
            font-size: 1.2rem;
            line-height: 1.5rem; } }
      .footer__right .column__single .headline-5 {
        text-transform: capitalize;
        cursor: pointer; }
        @media (max-width: 900px) {
          .footer__right .column__single .headline-5 {
            font-size: 2rem;
            line-height: 2.4rem; } }
    .footer__right .column__double {
      display: flex;
      flex-direction: column;
      gap: 2.4rem; }
      @media (max-width: 900px) {
        .footer__right .column__double {
          width: 45%; } }

.section-about {
  text-align: center;
  background-color: #ffffff; }
  @media (max-width: 900px) {
    .section-about {
      padding: 0 3rem; } }
  @media (max-width: 1300px) {
    .section-about .row {
      flex-direction: column; } }
  @media (max-width: 900px) {
    .section-about .row {
      align-items: flex-start; } }
  .section-about__img-holder {
    width: 784px; }
    @media (max-width: 900px) {
      .section-about__img-holder {
        width: 100%;
        height: auto; } }
    .section-about__img-holder img {
      height: 100%;
      width: 100%; }
    @media (max-width: 900px) {
      .section-about__img-holder--desktop {
        display: none; } }
    .section-about__img-holder--mobile {
      display: none; }
      @media (max-width: 900px) {
        .section-about__img-holder--mobile {
          display: block; } }
  @media (max-width: 1300px) {
    .section-about__steps {
      padding: 0 6rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media (max-width: 900px) {
    .section-about__steps {
      padding: 0; } }
  .section-about__steps--step {
    display: flex;
    justify-content: space-between;
    align-items: baseline; }
    @media (max-width: 900px) {
      .section-about__steps--step {
        justify-content: flex-start; } }
    .section-about__steps--step .step-number {
      font-weight: 800;
      font-size: 2.4rem;
      color: #ffffff;
      background: #5314BC;
      border-radius: 50%;
      width: 4rem;
      height: 4rem;
      text-align: center; }
      @media (max-width: 900px) {
        .section-about__steps--step .step-number {
          width: 3.2rem;
          height: 2.8rem;
          font-size: 16px; } }
    .section-about__steps--step .step-description {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      width: 39rem; }
      @media (max-width: 1040px) {
        .section-about__steps--step .step-description {
          width: 33rem; } }
      @media (max-width: 900px) {
        .section-about__steps--step .step-description {
          width: 100%; } }
  .section-about .header__button-holder {
    padding: 0; }

.section-statistics {
  background-color: #37148E;
  position: relative; }
  @media (max-width: 1300px) {
    .section-statistics {
      padding: 0 6rem; } }
  @media (max-width: 900px) {
    .section-statistics {
      padding: 0 3rem; } }
  .section-statistics .row {
    width: 112rem;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 1300px) {
      .section-statistics .row {
        width: 100%;
        gap: 4rem; } }
    @media (max-width: 900px) {
      .section-statistics .row {
        width: auto;
        gap: 4rem;
        flex-direction: column; } }
  .section-statistics__text-holder {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    width: 45.5rem; }
    @media (max-width: 1300px) {
      .section-statistics__text-holder {
        width: 100%; } }
    @media (max-width: 900px) {
      .section-statistics__text-holder {
        width: 100%;
        gap: 3.2rem; } }
    .section-statistics__text-holder--text {
      display: flex;
      flex-direction: column;
      gap: 3.2rem; }
    @media (max-width: 900px) {
      .section-statistics__text-holder .btn-holder-desktop {
        display: none; } }
  .section-statistics__eclipse {
    position: absolute;
    top: -6rem;
    left: -15.6rem;
    height: 24.8rem;
    width: 24.8rem;
    border-radius: 50%;
    background: rgba(62, 200, 158, 0.1); }
    @media (max-width: 900px) {
      .section-statistics__eclipse {
        width: 12.8rem;
        height: 12.8rem;
        top: -3rem;
        left: 19.5rem; } }
    .section-statistics__eclipse--small {
      width: 1.2rem;
      height: 1.2rem;
      background: rgba(62, 200, 158, 0.3);
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 900px) {
        .section-statistics__eclipse--small {
          width: 8px;
          height: 8px; } }
  .section-statistics__img-holder {
    width: 16.4rem;
    height: 16.4rem;
    position: absolute;
    top: 8.8rem;
    left: -22rem; }
    @media (max-width: 900px) {
      .section-statistics__img-holder {
        width: 8rem;
        height: 8rem;
        left: 21.5rem;
        top: -7.2rem; } }
    .section-statistics__img-holder img {
      width: 100%;
      height: 100%; }
  .section-statistics a {
    width: 26.9rem; }
    @media (max-width: 900px) {
      .section-statistics a {
        width: auto; } }
  .section-statistics__numbers-holder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5.6rem 2rem;
    width: 55rem;
    margin-top: 14.6rem; }
    @media (max-width: 900px) {
      .section-statistics__numbers-holder {
        width: 100%;
        gap: 2.4rem 1rem;
        margin-top: 0; } }
    .section-statistics__numbers-holder--item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 1.2rem; }
      @media (max-width: 900px) {
        .section-statistics__numbers-holder--item {
          gap: 8px; } }
      .section-statistics__numbers-holder--item .statistics-number {
        font-size: 12.4rem;
        line-height: 12.4rem;
        font-weight: 700;
        color: #ffffff; }
        @media (max-width: 900px) {
          .section-statistics__numbers-holder--item .statistics-number {
            font-size: 7.2rem;
            line-height: 7.2rem; } }
        .section-statistics__numbers-holder--item .statistics-number span {
          font-size: 6rem;
          line-height: 6rem; }
          @media (max-width: 900px) {
            .section-statistics__numbers-holder--item .statistics-number span {
              font-size: 3rem;
              line-height: 3rem; } }
      .section-statistics__numbers-holder--item .statistics-label {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-weight: bold;
        color: #3EC89E; }
        @media (max-width: 900px) {
          .section-statistics__numbers-holder--item .statistics-label {
            font-size: 1.2rem;
            line-height: 2rem; } }
  .section-statistics .btn-holder-mobile {
    display: none; }
    @media (max-width: 900px) {
      .section-statistics .btn-holder-mobile {
        display: block; } }

.section-features {
  background: #ffffff;
  position: relative; }
  @media (max-width: 1300px) {
    .section-features {
      padding: 0 6rem; } }
  @media (max-width: 900px) {
    .section-features {
      padding: 0 3rem; } }
  .section-features .row {
    width: 112rem;
    margin: 0 auto;
    justify-content: space-between; }
    .section-features .row:last-child {
      justify-content: flex-start; }
    @media (max-width: 1300px) {
      .section-features .row {
        width: 100%;
        gap: 4rem; } }
    @media (max-width: 900px) {
      .section-features .row {
        flex-direction: column;
        margin-bottom: 6rem; }
        .section-features .row:last-child {
          margin-bottom: 0; } }
  .section-features__img-holder-desktop {
    width: 60rem;
    height: auto; }
    @media (max-width: 1300px) {
      .section-features__img-holder-desktop {
        width: 100%; } }
    @media (max-width: 900px) {
      .section-features__img-holder-desktop {
        width: 31.5rem;
        height: 24.4rem;
        display: none; } }
    .section-features__img-holder-desktop img {
      width: 100%;
      height: 100%; }
    .section-features__img-holder-desktop--slot-rating {
      width: 43.8rem;
      height: 43.8rem; }
      @media (max-width: 1300px) {
        .section-features__img-holder-desktop--slot-rating {
          width: 100%; } }
      @media (max-width: 900px) {
        .section-features__img-holder-desktop--slot-rating {
          width: 24.6rem;
          height: 25.2rem;
          display: none; } }
      .section-features__img-holder-desktop--slot-rating img {
        width: 100%;
        height: 100%; }
  .section-features__img-holder-mobile {
    display: none; }
    @media (max-width: 900px) {
      .section-features__img-holder-mobile {
        width: 31.5rem;
        height: 24.4rem;
        display: block;
        margin: 0 auto; }
        .section-features__img-holder-mobile img {
          width: 100%;
          height: 100%; } }
    .section-features__img-holder-mobile--slot-rating {
      display: none; }
      @media (max-width: 900px) {
        .section-features__img-holder-mobile--slot-rating {
          width: 24.6rem;
          height: 25.2rem;
          display: block;
          margin: 0 auto; }
          .section-features__img-holder-mobile--slot-rating img {
            width: 100%;
            height: 100%; } }

.section-testimonials {
  background-color: #481CCC;
  position: relative;
  z-index: 15;
  overflow: hidden; }
  @media (max-width: 1300px) {
    .section-testimonials {
      padding: 0 6rem; } }
  @media (max-width: 900px) {
    .section-testimonials {
      padding: 0 3rem;
      overflow: visible; } }
  .section-testimonials .row {
    width: 112rem;
    margin: 0 auto;
    align-items: flex-start;
    padding-top: 10rem;
    gap: 12rem; }
    @media (max-width: 1300px) {
      .section-testimonials .row {
        width: auto;
        gap: 6rem;
        padding-top: 4rem;
        flex-direction: column; } }
  .section-testimonials__speach-icon-holder {
    position: absolute;
    width: 17.4rem;
    height: 16.4rem;
    top: -2rem;
    right: -14.8rem; }
    @media (max-width: 1300px) {
      .section-testimonials__speach-icon-holder {
        width: 14.4rem;
        height: 13.6rem;
        top: -7.2rem;
        right: 0; } }
    @media (max-width: 900px) {
      .section-testimonials__speach-icon-holder {
        width: 10rem;
        height: 9.6rem; } }
    .section-testimonials__speach-icon-holder img {
      width: 100%;
      height: 100%; }
  .section-testimonials__quote-holder {
    display: flex;
    flex-direction: column;
    width: 55rem;
    padding-top: 4.4rem; }
    @media (max-width: 1300px) {
      .section-testimonials__quote-holder {
        order: 3;
        width: auto;
        padding-top: 0; } }
    .section-testimonials__quote-holder .fade {
      -webkit-animation-name: fade;
      -webkit-animation-duration: .8s;
      animation-name: fade;
      animation-duration: .8s;
      height: 31rem; }
      @media (max-width: 900px) {
        .section-testimonials__quote-holder .fade {
          height: 16rem; } }
      @media (max-width: 600px) {
        .section-testimonials__quote-holder .fade {
          height: 23rem; } }

@-webkit-keyframes fade {
  from {
    transform: translate3d(28%, 0, 0);
    opacity: 0.4; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fade {
  from {
    transform: translate3d(28%, 0, 0);
    opacity: 0.4; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
    .section-testimonials__quote-holder blockquote {
      font-size: 4rem;
      line-height: 5rem;
      font-weight: 500;
      color: #F5F4F5;
      margin-bottom: 3.2rem; }
      @media (max-width: 900px) {
        .section-testimonials__quote-holder blockquote {
          margin-bottom: 2.4rem;
          font-size: 2.4rem;
          line-height: 3.2rem; } }
    .section-testimonials__quote-holder .testimonial-author {
      font-size: 1.8rem;
      line-height: 2.2rem;
      font-weight: 700;
      color: #F5F4F5;
      margin-bottom: 5.6rem; }
      @media (max-width: 900px) {
        .section-testimonials__quote-holder .testimonial-author {
          margin-bottom: 3.2rem;
          font-size: 1.2rem;
          line-height: 2rem; } }
    .section-testimonials__quote-holder .bullets-arrows-holder {
      display: flex;
      justify-content: space-between; }
      .section-testimonials__quote-holder .bullets-arrows-holder .bullets-holder {
        display: flex;
        gap: 2rem;
        align-items: center; }
        .section-testimonials__quote-holder .bullets-arrows-holder .bullets-holder .bullet {
          width: 1rem;
          height: 1rem;
          background: #D0C4EE;
          border-radius: 50%; }
          @media (max-width: 900px) {
            .section-testimonials__quote-holder .bullets-arrows-holder .bullets-holder .bullet {
              width: 6px;
              height: 6px; } }
        .section-testimonials__quote-holder .bullets-arrows-holder .bullets-holder .bullet.active {
          width: 2rem;
          height: 2rem;
          background: #F5F4F5;
          border-radius: 50%; }
          @media (max-width: 900px) {
            .section-testimonials__quote-holder .bullets-arrows-holder .bullets-holder .bullet.active {
              width: 1.2rem;
              height: 1.2rem; } }
    .section-testimonials__quote-holder .arrow-holder svg {
      width: 5rem;
      height: 4.2rem;
      cursor: pointer; }
      @media (max-width: 900px) {
        .section-testimonials__quote-holder .arrow-holder svg {
          width: 3.8rem;
          height: 3.2rem; } }
    .section-testimonials__quote-holder .arrow-holder .arrow-left {
      transform: rotateY(180deg);
      margin-right: 4rem; }
      @media (max-width: 900px) {
        .section-testimonials__quote-holder .arrow-holder .arrow-left {
          margin-right: 1.6rem; } }
  .section-testimonials__customers {
    width: 45rem;
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    position: relative; }
    @media (max-width: 1300px) {
      .section-testimonials__customers {
        order: 1;
        width: auto;
        gap: 4.8rem; } }
    @media (max-width: 900px) {
      .section-testimonials__customers {
        gap: 3.2rem; } }
  .section-testimonials__logos {
    display: flex;
    align-items: center;
    width: 112rem;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 14rem; }
    .section-testimonials__logos--logo img {
      vertical-align: middle; }
    @media (max-width: 1050px) {
      .section-testimonials__logos--logo {
        transform: scale(0.8); } }
    @media (max-width: 600px) {
      .section-testimonials__logos--logo {
        transform: scale(0.7); } }
    @media (max-width: 1300px) {
      .section-testimonials__logos {
        width: 100%; } }
    @media (max-width: 900px) {
      .section-testimonials__logos {
        margin-top: 6rem;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-evenly; } }
    @media (max-width: 600px) {
      .section-testimonials__logos {
        width: 100vw;
        margin-left: -3rem; } }
  .section-testimonials__trusted-text {
    text-align: center;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #F5F4F5;
    font-weight: 700;
    margin-top: 4rem; }
    @media (max-width: 900px) {
      .section-testimonials__trusted-text {
        font-size: 1.4rem;
        line-height: 2rem; } }

.section-contact-form {
  background: #1D0E5D;
  overflow: hidden;
  position: relative;
  padding-top: 10rem; }
  @media (max-width: 600px) {
    .section-contact-form {
      padding: 4rem 3rem 0 3rem; } }
  .section-contact-form .header__circle--big {
    background: #5314BC;
    top: -16.4rem;
    right: -19.1rem;
    z-index: 1; }
    @media (max-width: 900px) {
      .section-contact-form .header__circle--big {
        width: 8rem;
        height: 8rem;
        top: -2.4rem;
        right: 4.4rem; } }
  .section-contact-form .header__circle--medium {
    background: #5314BC;
    top: 7.4rem;
    right: -34.6rem;
    z-index: 1; }
    @media (max-width: 900px) {
      .section-contact-form .header__circle--medium {
        width: 5.2rem;
        height: 5.2rem;
        top: 5.6rem;
        right: -8px; } }
  .section-contact-form .header__circle--small {
    background: #5314BC;
    top: 22.8rem;
    right: -17.3rem;
    z-index: 1; }
    @media (max-width: 900px) {
      .section-contact-form .header__circle--small {
        width: 4rem;
        height: 4rem;
        top: 10.8rem;
        right: 5.2rem; } }
  .section-contact-form__text-form-holder {
    max-width: 55rem;
    display: flex;
    flex-direction: column;
    gap: 5.6rem;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    z-index: 10;
    position: relative; }
    @media (max-width: 600px) {
      .section-contact-form__text-form-holder {
        gap: 4rem;
        justify-content: flex-start;
        align-items: flex-start;
        max-width: none; } }
    .section-contact-form__text-form-holder--text {
      display: flex;
      flex-direction: column;
      gap: 4.8rem;
      justify-content: center;
      text-align: center;
      z-index: 10; }
      @media (max-width: 600px) {
        .section-contact-form__text-form-holder--text {
          gap: 3.2rem;
          text-align: left; } }
      .section-contact-form__text-form-holder--text .backgrounds-and-text {
        text-align: center; }
        @media (max-width: 600px) {
          .section-contact-form__text-form-holder--text .backgrounds-and-text {
            text-align: left; } }
    .section-contact-form__text-form-holder--form {
      width: 100%; }
      .section-contact-form__text-form-holder--form .form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2.4rem;
        width: 100%; }
        @media (max-width: 600px) {
          .section-contact-form__text-form-holder--form .form {
            gap: 2rem; } }
        .section-contact-form__text-form-holder--form .form .form-group {
          width: 100%; }
          .section-contact-form__text-form-holder--form .form .form-group .form__input {
            background: #F5F4F5;
            width: 100%;
            padding: 2.4rem;
            border: none;
            font-family: 'Gilroy'; }
            @media (max-width: 600px) {
              .section-contact-form__text-form-holder--form .form .form-group .form__input {
                padding: 2.2rem 1.6rem; } }

.section-founders {
  background: #5314BC;
  position: relative; }
  .section-founders .row {
    padding-top: 12rem;
    align-items: flex-start;
    padding-bottom: 2rem; }
    @media (max-width: 1300px) {
      .section-founders .row {
        padding-left: 6rem;
        padding-right: 6rem;
        gap: 4rem; } }
    @media (max-width: 900px) {
      .section-founders .row {
        padding: 4rem 3rem 3rem 3rem;
        flex-direction: column; } }
  .section-founders__left {
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    max-width: 45.5rem; }
    @media (max-width: 900px) {
      .section-founders__left {
        width: 100%;
        gap: 4rem; } }
    .section-founders__left--logo-holder {
      width: 28.5rem; }
      @media (max-width: 900px) {
        .section-founders__left--logo-holder {
          width: 21.4rem; } }
      .section-founders__left--logo-holder img {
        width: 100%;
        height: 100%; }
  .section-founders__right {
    display: flex;
    flex-direction: column;
    gap: 6.4rem;
    max-width: 55rem; }
    @media (max-width: 900px) {
      .section-founders__right {
        gap: 4rem;
        max-width: none; } }
    .section-founders__right--text {
      display: flex;
      flex-direction: column;
      gap: 3.2rem; }
      @media (max-width: 900px) {
        .section-founders__right--text {
          gap: 2.4rem; } }
    .section-founders__right--founders {
      display: flex;
      flex-direction: row;
      gap: 2.4rem;
      align-items: center; }
      @media (max-width: 900px) {
        .section-founders__right--founders {
          flex-direction: column;
          align-items: flex-start;
          gap: 2rem; } }
      .section-founders__right--founders .avatars-holder {
        display: flex;
        flex-direction: row;
        position: relative;
        width: 12.7rem; }
        .section-founders__right--founders .avatars-holder .avatar {
          width: 7.5rem;
          height: 7.5rem;
          border-radius: 50%; }
          .section-founders__right--founders .avatars-holder .avatar1 {
            background-color: #D0C4EE; }
          .section-founders__right--founders .avatars-holder .avatar2 {
            background-color: #A589DD;
            left: 5.2rem;
            position: absolute; }
      .section-founders__right--founders .avatar-text-holder {
        display: flex;
        flex-direction: column; }
        .section-founders__right--founders .avatar-text-holder p {
          font-size: 1.8rem;
          line-height: 2.6rem;
          color: #F5F4F5;
          font-weight: 700; }
          @media (max-width: 900px) {
            .section-founders__right--founders .avatar-text-holder p {
              font-size: 1.4rem;
              line-height: 2rem; } }
        .section-founders__right--founders .avatar-text-holder span {
          font-size: 1.8rem;
          line-height: 2.6rem;
          font-weight: 500;
          color: #F5F4F5; }
          @media (max-width: 900px) {
            .section-founders__right--founders .avatar-text-holder span {
              font-size: 1.4rem;
              line-height: 2rem; } }

.section-games__game-container {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
  margin: 0 auto;
  width: 112rem; }
  @media (max-width: 1300px) {
    .section-games__game-container {
      width: auto;
      padding: 0 6rem; } }
  @media (max-width: 900px) {
    .section-games__game-container {
      width: auto;
      padding: 0 3rem;
      gap: 2.4rem; } }
  .section-games__game-container--grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 auto;
    gap: 4.8rem 2rem; }
    @media (max-width: 1300px) {
      .section-games__game-container--grid {
        grid-template-columns: repeat(3, 1fr);
        margin: auto; } }
    @media (max-width: 900px) {
      .section-games__game-container--grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.6rem 1rem; } }
    .section-games__game-container--grid .game-item {
      display: flex;
      gap: 1.2rem;
      flex-direction: column;
      width: 26.5rem;
      cursor: pointer; }
      @media (max-width: 900px) {
        .section-games__game-container--grid .game-item {
          width: 15.2rem;
          gap: 8px; } }
      .section-games__game-container--grid .game-item .game-img-rating {
        position: relative;
        background: url("../../img/fireToad.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 26.5rem;
        transition: all .1s; }
        @media (max-width: 900px) {
          .section-games__game-container--grid .game-item .game-img-rating {
            height: 15.2rem; } }
        .section-games__game-container--grid .game-item .game-img-rating:hover {
          transform: scale(1.02); }
        .section-games__game-container--grid .game-item .game-img-rating .game-rating {
          position: absolute;
          bottom: 0;
          left: 0;
          background-color: rgba(72, 28, 204, 0.72);
          padding-top: 1.2rem;
          padding-bottom: 8px;
          width: 100%;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          gap: 4px; }
          @media (max-width: 900px) {
            .section-games__game-container--grid .game-item .game-img-rating .game-rating {
              padding-top: 8px; } }
          .section-games__game-container--grid .game-item .game-img-rating .game-rating .stars-holder {
            display: flex;
            justify-content: center;
            gap: 4px;
            align-items: center; }
            .section-games__game-container--grid .game-item .game-img-rating .game-rating .stars-holder img {
              width: 1.3rem;
              height: 1.2rem; }
              @media (max-width: 900px) {
                .section-games__game-container--grid .game-item .game-img-rating .game-rating .stars-holder img {
                  width: 8px;
                  height: 7px; } }
      .section-games__game-container--grid .game-item .game-name-provider {
        display: flex;
        flex-direction: column; }
        .section-games__game-container--grid .game-item .game-name-provider .headline-5 {
          text-transform: capitalize; }
        .section-games__game-container--grid .game-item .game-name-provider .game-provider-name {
          font-weight: 500;
          font-size: 1.6rem;
          line-height: 2.4rem;
          color: #687283; }
          @media (max-width: 900px) {
            .section-games__game-container--grid .game-item .game-name-provider .game-provider-name {
              font-size: 1.2rem;
              line-height: 2rem; } }

.section-games .row {
  align-items: flex-start;
  gap: 6.4rem;
  width: 112rem;
  margin: 0 auto; }
  @media (max-width: 1300px) {
    .section-games .row {
      width: auto;
      padding-left: 6rem;
      padding-right: 6rem; } }
  @media (max-width: 900px) {
    .section-games .row {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }
  .section-games .row .section-statistics__text-holder {
    width: 64.5rem;
    margin-top: 8rem; }
    @media (max-width: 1300px) {
      .section-games .row .section-statistics__text-holder {
        width: 49%; } }
    @media (max-width: 900px) {
      .section-games .row .section-statistics__text-holder {
        width: 100%;
        margin-top: 0;
        gap: 3.2rem; }
        .section-games .row .section-statistics__text-holder .section-statistics__headline-holder {
          padding: 0 3rem; }
        .section-games .row .section-statistics__text-holder .backgrounds-and-text {
          padding: 0 3rem; }
        .section-games .row .section-statistics__text-holder .btn-holder {
          padding: 0 3rem; } }

.section-games__latest-rectangle-holder {
  position: relative;
  width: 45.5rem;
  height: 50rem; }
  @media (max-width: 900px) {
    .section-games__latest-rectangle-holder {
      display: none; } }
  .section-games__latest-rectangle-holder .rectangle {
    position: absolute;
    background: #481CCC; }
    .section-games__latest-rectangle-holder .rectangle--first {
      width: 9.5rem;
      height: 9.5rem;
      top: 0;
      left: 0;
      padding: 1.75rem 1.5rem; }
    .section-games__latest-rectangle-holder .rectangle--second {
      left: 9.5rem;
      top: 9.5rem;
      width: 26.5rem;
      height: 26.5rem;
      display: flex;
      flex-direction: column;
      gap: 1.6rem;
      padding: 2.4rem 3.2rem 2.8rem 3.2rem; }
      .section-games__latest-rectangle-holder .rectangle--second .rectangle-question {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: #D0C4EE;
        text-transform: uppercase; }
      .section-games__latest-rectangle-holder .rectangle--second .rectangle-answer {
        font-size: 1.8rem;
        line-height: 2.6rem;
        font-weight: 700;
        color: #F5F4F5; }
    .section-games__latest-rectangle-holder .rectangle--thired {
      width: 9.5rem;
      height: 9.5rem;
      top: 36rem;
      left: 36rem; }
    .section-games__latest-rectangle-holder .rectangle--fourth {
      top: 45.5rem;
      width: 4.5rem;
      height: 4.5rem;
      left: 31.5rem; }

.section-games__latest-rectangle-holder-mobile {
  display: none; }
  @media (max-width: 900px) {
    .section-games__latest-rectangle-holder-mobile {
      display: block;
      position: relative;
      width: 100%;
      height: 19rem; }
      .section-games__latest-rectangle-holder-mobile .rectangle-about {
        position: absolute;
        background: #481CCC; } }
    @media (max-width: 900px) and (max-width: 900px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--first {
        width: 35.6rem;
        height: 19rem;
        right: 0;
        bottom: 0rem;
        gap: 8px;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1.6rem; } }
    @media (max-width: 900px) and (max-width: 600px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--first {
        width: 23.6rem;
        height: 19rem;
        right: 0;
        bottom: 0rem;
        gap: 8px;
        padding: 2rem; } }
    @media (max-width: 900px) and (max-width: 900px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--first .rectangle-question {
        font-weight: 700;
        color: #D0C4EE;
        text-transform: uppercase;
        font-size: 1.2rem;
        line-height: 2rem; } }
    @media (max-width: 900px) and (max-width: 900px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--first .rectangle-answer {
        font-size: 1.8rem;
        line-height: 2.6rem;
        font-weight: 700;
        color: #F5F4F5; } }
    @media (max-width: 900px) and (max-width: 600px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--first .rectangle-answer {
        font-size: 1.4rem;
        line-height: 2rem; } }
    @media (max-width: 900px) and (max-width: 900px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--second {
        bottom: 7rem;
        width: 8rem;
        height: 8rem;
        right: 35.6rem;
        padding: 1.6rem 1.3rem; }
        .section-games__latest-rectangle-holder-mobile .rectangle-about--second img {
          width: 5.8rem;
          height: 4.8rem; } }
    @media (max-width: 900px) and (max-width: 600px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--second {
        bottom: 7rem;
        width: 8rem;
        height: 8rem;
        right: 23.6rem;
        padding: 1.6rem 1.3rem; }
        .section-games__latest-rectangle-holder-mobile .rectangle-about--second img {
          width: 5.8rem;
          height: 4.8rem; } }
    @media (max-width: 900px) and (max-width: 900px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--third {
        bottom: 4.1rem;
        right: 43.6rem;
        width: 2.9rem;
        height: 2.9rem; } }
    @media (max-width: 900px) and (max-width: 600px) {
      .section-games__latest-rectangle-holder-mobile .rectangle-about--third {
        bottom: 4.1rem;
        right: 31.6rem;
        width: 2.9rem;
        height: 2.9rem; } }
  @media (max-width: 900px) {
        .section-games__latest-rectangle-holder-mobile .rectangle-about--purple {
          background-color: #F5C852; } }

.section-games__popular-rectangle-holder {
  position: relative;
  width: 45.5rem;
  height: 50rem; }
  @media (max-width: 900px) {
    .section-games__popular-rectangle-holder {
      display: none; } }
  .section-games__popular-rectangle-holder .rectangle {
    position: absolute;
    background: #481CCC; }
    .section-games__popular-rectangle-holder .rectangle--first {
      width: 9.5rem;
      height: 9.5rem;
      top: 0;
      left: 36rem;
      padding: 1.75rem 1.5rem; }
    .section-games__popular-rectangle-holder .rectangle--second {
      left: 9.5rem;
      top: 9.5rem;
      width: 26.5rem;
      height: 26.5rem;
      display: flex;
      flex-direction: column;
      gap: 1.6rem;
      padding: 2.4rem 3.2rem 2.8rem 3.2rem; }
      .section-games__popular-rectangle-holder .rectangle--second .rectangle-question {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: #D0C4EE;
        text-transform: uppercase; }
      .section-games__popular-rectangle-holder .rectangle--second .rectangle-answer {
        font-size: 1.8rem;
        line-height: 2.6rem;
        font-weight: 700;
        color: #F5F4F5; }
    .section-games__popular-rectangle-holder .rectangle--thired {
      width: 9.5rem;
      height: 9.5rem;
      top: 36rem;
      left: 0rem; }
    .section-games__popular-rectangle-holder .rectangle--fourth {
      top: 45.5rem;
      width: 4.5rem;
      height: 4.5rem;
      left: 9.5rem; }

@media (max-width: 1300px) {
  .section-all-games {
    padding-left: 6rem;
    padding-right: 6rem; } }

@media (max-width: 900px) {
  .section-all-games {
    padding-left: 0;
    padding-right: 0; } }

.section-all-games__game-container {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
  width: 112rem;
  margin: 0 auto; }
  @media (max-width: 1300px) {
    .section-all-games__game-container {
      width: auto; } }
  @media (max-width: 900px) {
    .section-all-games__game-container {
      width: 100%;
      padding: 0 3rem;
      gap: 3.2rem; } }
  .section-all-games__game-container--grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2rem; }
    @media (max-width: 1300px) {
      .section-all-games__game-container--grid {
        grid-template-columns: repeat(5, 1fr); } }
    @media (max-width: 1050px) {
      .section-all-games__game-container--grid {
        grid-template-columns: repeat(4, 1fr); } }
    @media (max-width: 600px) {
      .section-all-games__game-container--grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem; } }
    .section-all-games__game-container--grid .game-item {
      background: url("../../img/fireToad.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 17rem;
      width: 17rem;
      overflow: hidden;
      cursor: pointer; }
      @media (max-width: 900px) {
        .section-all-games__game-container--grid .game-item {
          width: 9.8rem;
          height: 9.8rem; } }
      .section-all-games__game-container--grid .game-item .game-item-hover {
        opacity: 0;
        background: rgba(72, 28, 204, 0.88);
        display: flex;
        flex-direction: column;
        gap: 2.2rem;
        justify-content: flex-end;
        height: 100%;
        padding: 1.2rem; }
        @media (max-width: 900px) {
          .section-all-games__game-container--grid .game-item .game-item-hover {
            display: none; } }
        .section-all-games__game-container--grid .game-item .game-item-hover .game-name-provider {
          display: flex;
          flex-direction: column;
          gap: 4px;
          align-items: center;
          text-align: center; }
          .section-all-games__game-container--grid .game-item .game-item-hover .game-name-provider .game-name {
            color: #ffffff;
            font-size: 1.8rem;
            line-height: 2.2rem;
            font-weight: 700;
            text-transform: capitalize; }
          .section-all-games__game-container--grid .game-item .game-item-hover .game-name-provider .game-provider-name {
            font-size: 1.2rem;
            color: #ffffff;
            line-height: 1.4rem;
            font-weight: 500; }
        .section-all-games__game-container--grid .game-item .game-item-hover .game-rating {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 6px; }
          .section-all-games__game-container--grid .game-item .game-item-hover .game-rating .stars-holder {
            height: 1.3rem; }
          .section-all-games__game-container--grid .game-item .game-item-hover .game-rating img {
            width: 1.3rem;
            height: 1.2rem; }
          .section-all-games__game-container--grid .game-item .game-item-hover .game-rating p {
            font-size: 1rem;
            line-height: 1.6rem;
            color: #F5F4F5;
            font-weight: 700; }
      .section-all-games__game-container--grid .game-item:hover .game-item-hover {
        opacity: 1; }
  .section-all-games__game-container .bullets-arrows-holder {
    display: flex;
    justify-content: space-between; }
    .section-all-games__game-container .bullets-arrows-holder .bullets-holder {
      display: flex;
      gap: 2rem;
      align-items: center; }
      .section-all-games__game-container .bullets-arrows-holder .bullets-holder .bullet {
        width: 1rem;
        height: 1rem;
        background: rgba(72, 28, 204, 0.24);
        border-radius: 50%; }
        @media (max-width: 900px) {
          .section-all-games__game-container .bullets-arrows-holder .bullets-holder .bullet {
            width: 6px;
            height: 6px; } }
      .section-all-games__game-container .bullets-arrows-holder .bullets-holder .bullet.active {
        width: 2rem;
        height: 2rem;
        background: #481CCC;
        border-radius: 50%; }
        @media (max-width: 900px) {
          .section-all-games__game-container .bullets-arrows-holder .bullets-holder .bullet.active {
            width: 1.2rem;
            height: 1.2rem; } }
  .section-all-games__game-container .arrow-holder svg {
    width: 5rem;
    height: 4.2rem;
    cursor: pointer; }
    @media (max-width: 900px) {
      .section-all-games__game-container .arrow-holder svg {
        width: 3.8rem;
        height: 3.2rem; } }
  .section-all-games__game-container .arrow-holder .arrow-left {
    transform: rotateY(180deg);
    margin-right: 4rem; }
    @media (max-width: 900px) {
      .section-all-games__game-container .arrow-holder .arrow-left {
        margin-right: 1.6rem; } }

.section-game-review {
  width: 93rem;
  display: flex;
  margin: 0 auto;
  gap: 9.5rem; }
  @media (max-width: 900px) {
    .section-game-review {
      width: 100%;
      padding: 4rem 3rem 2rem 3rem;
      flex-direction: column; } }
  .section-game-review__review {
    display: flex;
    flex-direction: column;
    gap: 3.2rem; }
    @media (max-width: 900px) {
      .section-game-review__review .breadcrumbs {
        display: none; } }
    .section-game-review__review .review-title-holder {
      display: flex;
      flex-direction: column;
      gap: 1.6rem; }
      .section-game-review__review .review-title-holder .img-holder-mobile {
        display: none; }
        @media (max-width: 900px) {
          .section-game-review__review .review-title-holder .img-holder-mobile {
            display: block;
            margin: 0 auto; }
            .section-game-review__review .review-title-holder .img-holder-mobile img {
              width: 100%;
              height: 100%; } }
    .section-game-review__review .review-holder {
      display: flex;
      flex-direction: column;
      gap: 3.2rem; }
      .section-game-review__review .review-holder .headline-5 {
        font-size: 2.4rem;
        line-height: 3.2rem;
        text-transform: none; }
        @media (max-width: 900px) {
          .section-game-review__review .review-holder .headline-5 {
            font-size: 2rem;
            line-height: 2.8rem; } }
  .section-game-review__info {
    display: flex;
    flex-direction: column; }
    @media (max-width: 900px) {
      .section-game-review__info {
        display: none; } }
    .section-game-review__info .img-holder img {
      vertical-align: middle; }
    .section-game-review__info .info-holder {
      padding: 2.4rem;
      background-color: #F5F4F5;
      display: flex;
      flex-direction: column;
      gap: 1.6rem; }
      .section-game-review__info .info-holder .info-item {
        font-size: 1.4rem;
        line-height: 2rem;
        color: #29394B;
        font-weight: 500; }
        .section-game-review__info .info-holder .info-item span {
          font-weight: bold; }

.section-get-to-know-us {
  background-color: #37148E;
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin: 0 auto;
  position: relative;
  align-items: center; }
  @media (max-width: 1300px) {
    .section-get-to-know-us {
      padding-left: 6rem;
      padding-right: 6rem; } }
  @media (max-width: 900px) {
    .section-get-to-know-us {
      padding-left: 3rem;
      padding-right: 3rem;
      gap: 6rem; } }
  .section-get-to-know-us__text-img-holder {
    display: flex;
    gap: 9.5rem;
    width: 111rem; }
    @media (max-width: 1300px) {
      .section-get-to-know-us__text-img-holder {
        width: 100%;
        gap: 4rem;
        justify-content: space-between; } }
    @media (max-width: 900px) {
      .section-get-to-know-us__text-img-holder {
        width: 100%; } }
    .section-get-to-know-us__text-img-holder .casinolytics-symbol-holder-desktop {
      width: 45.2rem;
      height: 45.2rem; }
      @media (max-width: 900px) {
        .section-get-to-know-us__text-img-holder .casinolytics-symbol-holder-desktop {
          display: none; } }
  .section-get-to-know-us__about-C {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    width: 55rem; }
    @media (max-width: 1300px) {
      .section-get-to-know-us__about-C {
        width: auto; } }
    @media (max-width: 900px) {
      .section-get-to-know-us__about-C {
        width: 100%;
        gap: 2.4rem; } }
    .section-get-to-know-us__about-C .headline-1 {
      margin-bottom: 1.2rem; }
      @media (max-width: 900px) {
        .section-get-to-know-us__about-C .headline-1 {
          width: 50%;
          margin-bottom: 0; } }
    .section-get-to-know-us__about-C .casinolytics-symbol-holder-mobile {
      display: none; }
      @media (max-width: 900px) {
        .section-get-to-know-us__about-C .casinolytics-symbol-holder-mobile {
          display: block;
          height: 16.2rem;
          width: 16.2rem;
          margin: 0 auto;
          margin-bottom: 1.6rem; }
          .section-get-to-know-us__about-C .casinolytics-symbol-holder-mobile img {
            height: 100%;
            width: 100%; } }
  .section-get-to-know-us__who-we-are {
    width: 111rem; }
    @media (max-width: 1300px) {
      .section-get-to-know-us__who-we-are {
        width: 100%; } }
    .section-get-to-know-us__who-we-are .who-we-are__item {
      display: flex;
      width: 74rem;
      flex-direction: column;
      gap: 2.4rem;
      padding: 3.2rem 0;
      border-bottom: 1px solid rgba(208, 196, 238, 0.08); }
      @media (max-width: 1300px) {
        .section-get-to-know-us__who-we-are .who-we-are__item {
          width: 100%; } }
      @media (max-width: 900px) {
        .section-get-to-know-us__who-we-are .who-we-are__item {
          gap: 1.2rem;
          padding: 2.4rem 0; } }
      @media (max-width: 900px) {
        .section-get-to-know-us__who-we-are .who-we-are__item h4 {
          font-size: 2.4rem;
          line-height: 3.2rem; } }
      .section-get-to-know-us__who-we-are .who-we-are__item p {
        width: 74rem; }
        @media (max-width: 900px) {
          .section-get-to-know-us__who-we-are .who-we-are__item p {
            font-size: 1.4rem;
            line-height: 2rem;
            width: 100%; } }
    .section-get-to-know-us__who-we-are .who-we-are__item:first-child {
      padding-top: 0px; }
    .section-get-to-know-us__who-we-are .who-we-are__item:last-child {
      padding-bottom: 0px;
      border-bottom: none; }

.section-socials {
  background: #5314BC;
  position: relative; }
  @media (max-width: 1300px) {
    .section-socials {
      padding-right: 6rem;
      padding-left: 6rem; } }
  @media (max-width: 900px) {
    .section-socials {
      padding: 4rem 3rem 6rem 3rem; } }
  .section-socials .row {
    gap: 11.5rem;
    align-items: flex-start; }
    @media (max-width: 1300px) {
      .section-socials .row {
        gap: 4rem;
        justify-content: flex-end; } }
    @media (max-width: 900px) {
      .section-socials .row {
        flex-direction: column;
        gap: 6rem;
        padding-bottom: 0; } }
  .section-socials__social-networks-list {
    display: flex;
    flex-direction: column;
    z-index: 10;
    position: relative; }
    @media (max-width: 900px) {
      .section-socials__social-networks-list {
        order: 2;
        padding-top: 0;
        gap: 8px; } }
    .section-socials__social-networks-list--item {
      font-size: 7rem;
      line-height: 8.6rem;
      font-weight: 800;
      color: #F5F4F5;
      text-align: right;
      z-index: 10;
      transition: all .1s; }
      .section-socials__social-networks-list--item:hover {
        color: #D0C4EE; }
      @media (max-width: 900px) {
        .section-socials__social-networks-list--item {
          text-align: left;
          font-size: 4rem;
          line-height: 5.2rem; } }
  .section-socials__text {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    width: 55rem; }
    @media (max-width: 1300px) {
      .section-socials__text {
        width: 47rem; } }
    @media (max-width: 900px) {
      .section-socials__text {
        width: 100%;
        order: 1; } }
    .section-socials__text .headline-1 {
      margin-bottom: 1.6rem; }
      @media (max-width: 900px) {
        .section-socials__text .headline-1 {
          margin-bottom: 0;
          width: 50%; } }
    .section-socials__text .email-link-style {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      font-weight: bold;
      cursor: pointer; }
      .section-socials__text .email-link-style:hover {
        text-decoration: underline; }
      .section-socials__text .email-link-style--purple {
        color: #5314BC; }
    .section-socials__text .email-link {
      cursor: pointer; }
  .section-socials .socials-icon {
    position: absolute;
    z-index: 1; }
    .section-socials .socials-icon--twitter {
      top: 0rem;
      right: 22.8rem;
      width: 20rem;
      height: 16.4rem; }
      @media (max-width: 900px) {
        .section-socials .socials-icon--twitter {
          width: 16.4rem;
          height: 13.4rem;
          top: 1.4rem;
          left: 16.5rem; }
          .section-socials .socials-icon--twitter img {
            width: 100%;
            height: 100%; } }
    .section-socials .socials-icon--instagram {
      top: 19.8rem;
      right: 29.6rem;
      width: 15.6rem;
      height: 15.6rem; }
      @media (max-width: 900px) {
        .section-socials .socials-icon--instagram {
          width: 12.8rem;
          height: 12.8rem;
          top: 5.4rem;
          left: 2.95rem; }
          .section-socials .socials-icon--instagram img {
            width: 100%;
            height: 100%; } }
    .section-socials .socials-icon--linekdin {
      top: 37.4rem;
      right: 42.8rem;
      width: 7.8rem;
      height: 8rem; }
      @media (max-width: 900px) {
        .section-socials .socials-icon--linekdin {
          width: 6.4rem;
          height: 6.5rem;
          top: 19.8rem;
          left: -1.45rem; }
          .section-socials .socials-icon--linekdin img {
            width: 100%;
            height: 100%; } }
    .section-socials .socials-icon--discord {
      top: 40.2rem;
      right: 26.6rem;
      width: 13rem;
      height: 9.8rem; }
      @media (max-width: 900px) {
        .section-socials .socials-icon--discord {
          width: 9.6rem;
          height: 7.2rem;
          top: 21.4rem;
          left: 6.55rem; }
          .section-socials .socials-icon--discord img {
            width: 100%;
            height: 100%; } }
    .section-socials .socials-icon--twitch {
      top: 48.1rem;
      right: 8.6rem;
      width: 14.8rem;
      height: 16rem; }
      @media (max-width: 900px) {
        .section-socials .socials-icon--twitch {
          width: 11.2rem;
          height: 13.2rem;
          top: 17.2rem;
          left: 18.55rem; }
          .section-socials .socials-icon--twitch img {
            width: 100%;
            height: 100%; } }

.section-how-technology-work {
  background: #481CCC; }
  @media (max-width: 900px) {
    .section-how-technology-work {
      padding: 4rem 3rem; } }
  .section-how-technology-work__text-holder {
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    width: 55rem;
    margin: 0 auto;
    margin-bottom: 8rem; }
    @media (max-width: 900px) {
      .section-how-technology-work__text-holder {
        width: 100%;
        gap: 2rem;
        margin-bottom: 4rem; }
        .section-how-technology-work__text-holder .headline-2 {
          font-size: 2.8rem;
          line-height: 3.6rem; } }
    .section-how-technology-work__text-holder .backgrounds-and-text {
      text-align: center; }
      @media (max-width: 900px) {
        .section-how-technology-work__text-holder .backgrounds-and-text {
          text-align: left; } }
  .section-how-technology-work__steps {
    width: 93rem;
    margin: 0 auto; }
    @media (max-width: 1300px) {
      .section-how-technology-work__steps {
        width: auto;
        padding: 0 6rem; } }
    @media (max-width: 900px) {
      .section-how-technology-work__steps {
        width: 100%;
        padding: 0; } }
    .section-how-technology-work__steps .step {
      display: flex;
      flex-direction: column;
      gap: 2.4rem;
      padding: 3.2rem 0;
      border-bottom: 1px solid rgba(208, 196, 238, 0.16);
      position: relative; }
      .section-how-technology-work__steps .step:first-child {
        padding-top: 0px; }
        .section-how-technology-work__steps .step:first-child .steps-img-holder {
          top: 0; }
      .section-how-technology-work__steps .step:last-child {
        padding-bottom: 0px;
        border-bottom: none; }
      @media (max-width: 900px) {
        .section-how-technology-work__steps .step {
          padding: 2.4rem 0;
          gap: 2rem; }
          .section-how-technology-work__steps .step .headline-4 {
            width: 17.9rem;
            height: 5.6rem;
            display: flex;
            align-items: center; } }
      .section-how-technology-work__steps .step p {
        width: 74rem; }
        @media (max-width: 1300px) {
          .section-how-technology-work__steps .step p {
            width: 100%; } }
        @media (max-width: 900px) {
          .section-how-technology-work__steps .step p {
            width: 100%; } }
    .section-how-technology-work__steps .steps-img-holder {
      position: absolute;
      top: 3.2rem;
      right: 0; }
      @media (max-width: 900px) {
        .section-how-technology-work__steps .steps-img-holder {
          top: 2.4rem;
          width: 6.4rem;
          height: 5.6rem; } }
      .section-how-technology-work__steps .steps-img-holder img {
        vertical-align: top;
        width: 100%;
        height: 100%; }

.section-blog-articles {
  background: #ffffff; }
  @media (max-width: 900px) {
    .section-blog-articles {
      padding: 4rem 3rem 6rem 3rem; } }
  .section-blog-articles .blog-articles-holder {
    display: flex;
    flex-direction: column;
    gap: 4.8rem; }
    @media (max-width: 1300px) {
      .section-blog-articles .blog-articles-holder {
        padding-left: 6rem;
        padding-right: 6rem; } }
    @media (max-width: 900px) {
      .section-blog-articles .blog-articles-holder {
        gap: 3.2rem;
        padding-left: 0;
        padding-right: 0; } }
    .section-blog-articles .blog-articles-holder .blog-article {
      width: 93rem;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 3.6rem;
      padding-bottom: 4.8rem;
      border-bottom: 1px solid #E7E9EB; }
      @media (max-width: 1050px) {
        .section-blog-articles .blog-articles-holder .blog-article {
          width: 100%; } }
      @media (max-width: 900px) {
        .section-blog-articles .blog-articles-holder .blog-article {
          width: 100%;
          gap: 3.2rem;
          padding-bottom: 3.2rem; } }
      .section-blog-articles .blog-articles-holder .blog-article:last-child {
        border-bottom: none; }
      .section-blog-articles .blog-articles-holder .blog-article__title-author-date {
        display: flex;
        flex-direction: column;
        gap: 2rem; }
        @media (max-width: 900px) {
          .section-blog-articles .blog-articles-holder .blog-article__title-author-date {
            gap: 1.2rem; } }
        .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date {
          display: flex;
          align-items: center;
          padding-top: 0; }
          .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date .author-img-holder {
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            background: #C3C7CD;
            margin-right: 1.2rem; }
            @media (max-width: 900px) {
              .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date .author-img-holder {
                width: 3.2rem;
                height: 3.2rem;
                margin-right: 8px; } }
          .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date .author-name,
          .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date .date {
            font-size: 20px;
            line-height: 32px;
            color: #29394B;
            font-weight: 500; }
            @media (max-width: 900px) {
              .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date .author-name,
              .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date .date {
                font-size: 1.2rem;
                line-height: 1.5rem; } }
          .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date .author-name {
            font-weight: 700;
            margin-right: 8px; }
            @media (max-width: 900px) {
              .section-blog-articles .blog-articles-holder .blog-article__title-author-date .author-date .author-name {
                margin-right: 4px; } }
      .section-blog-articles .blog-articles-holder .blog-article .short-text-img-holder {
        display: flex;
        gap: 2rem; }
        .section-blog-articles .blog-articles-holder .blog-article .short-text-img-holder .short-text-btn-holder {
          display: flex;
          flex-direction: column;
          gap: 4rem;
          width: 55rem; }
          @media (max-width: 900px) {
            .section-blog-articles .blog-articles-holder .blog-article .short-text-img-holder .short-text-btn-holder {
              width: 100%;
              gap: 3.2rem; } }
          .section-blog-articles .blog-articles-holder .blog-article .short-text-img-holder .short-text-btn-holder p {
            height: 18rem;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis; }
            @media (max-width: 900px) {
              .section-blog-articles .blog-articles-holder .blog-article .short-text-img-holder .short-text-btn-holder p {
                height: auto; } }
          .section-blog-articles .blog-articles-holder .blog-article .short-text-img-holder .short-text-btn-holder .btn-holder {
            text-align: left; }
        .section-blog-articles .blog-articles-holder .blog-article .short-text-img-holder .blog-img-holder {
          background-color: #C3C7CD;
          width: 36rem;
          height: 28rem; }
          @media (max-width: 900px) {
            .section-blog-articles .blog-articles-holder .blog-article .short-text-img-holder .blog-img-holder {
              display: none; } }
  .section-blog-articles .load-more-articles {
    padding: 1.8rem 6.8rem 1.8rem 6.4rem; }
    @media (max-width: 900px) {
      .section-blog-articles .load-more-articles {
        width: 100%; } }

.section-pricing {
  background: #3EC89E;
  position: relative; }
  .section-pricing .header__circle--big {
    top: 1.6rem;
    right: -9.2rem;
    background: #5314BC; }
    @media (max-width: 1300px) {
      .section-pricing .header__circle--big {
        display: none; } }
  .section-pricing .header__circle--medium {
    top: 25.4rem;
    right: -24.6rem;
    background: #5314BC; }
    @media (max-width: 1300px) {
      .section-pricing .header__circle--medium {
        display: none; } }
  .section-pricing .header__circle--small {
    top: 40.8rem;
    right: -7.4rem;
    background: #5314BC; }
    @media (max-width: 1300px) {
      .section-pricing .header__circle--small {
        display: none; } }
  .section-pricing__programs {
    z-index: 10;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 900px) {
      .section-pricing__programs {
        padding-bottom: 0; } }
    .section-pricing__programs--program {
      width: 112rem;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 2.4rem;
      position: relative; }
      @media (max-width: 1300px) {
        .section-pricing__programs--program {
          width: auto; } }
      @media (max-width: 900px) {
        .section-pricing__programs--program {
          width: 100%;
          padding-top: 0; } }
      .section-pricing__programs--program .headline-5 {
        text-align: center;
        text-transform: capitalize;
        cursor: pointer;
        transition: all 0.1s; }
        @media (max-width: 900px) {
          .section-pricing__programs--program .headline-5 {
            font-size: 2rem;
            line-height: 2.4rem;
            padding: 4rem 3rem 0 3rem; } }
        .section-pricing__programs--program .headline-5 .active {
          color: #5314BC;
          transition: all 0.1s;
          border-bottom: 3px solid #5314BC;
          padding-bottom: 2px; }
        @media (max-width: 900px) {
          .section-pricing__programs--program .headline-5 .headline-pricing-desktop {
            display: none; } }
    .section-pricing__programs .pricing-tables {
      display: flex;
      background: #ffffff;
      padding: 5.6rem 9.5rem;
      z-index: 10; }
      @media (max-width: 900px) {
        .section-pricing__programs .pricing-tables {
          flex-direction: column;
          padding: 4rem 3rem; }
          .section-pricing__programs .pricing-tables .pricing-button-holder .btn {
            width: 100%; } }
      .section-pricing__programs .pricing-tables--monthly {
        flex-direction: column;
        gap: 4.8rem; }
        @media (max-width: 900px) {
          .section-pricing__programs .pricing-tables--monthly {
            flex-direction: column;
            padding-right: 0; }
            .section-pricing__programs .pricing-tables--monthly .desktop-table-18 {
              padding-right: 3rem; }
            .section-pricing__programs .pricing-tables--monthly .pricing-button-holder {
              padding-right: 3rem; } }
      .section-pricing__programs .pricing-tables--one-time {
        flex-direction: row;
        gap: 2rem; }
        @media (max-width: 900px) {
          .section-pricing__programs .pricing-tables--one-time {
            flex-direction: column;
            gap: 6rem; }
            .section-pricing__programs .pricing-tables--one-time .program-price-holder {
              flex-direction: row !important;
              align-items: baseline;
              gap: 8px !important; } }
        .section-pricing__programs .pricing-tables--one-time .pricing-table {
          gap: 0rem;
          width: 45.5rem; }
          @media (max-width: 1300px) {
            .section-pricing__programs .pricing-tables--one-time .pricing-table {
              width: 40rem; } }
          @media (max-width: 900px) {
            .section-pricing__programs .pricing-tables--one-time .pricing-table {
              width: 100%; } }
          .section-pricing__programs .pricing-tables--one-time .pricing-table:first-child {
            border-bottom: none;
            padding-bottom: 0; }
          .section-pricing__programs .pricing-tables--one-time .pricing-table .pricing-programs-holder .desktop-table-18 {
            width: 26.5rem; }
            @media (max-width: 900px) {
              .section-pricing__programs .pricing-tables--one-time .pricing-table .pricing-programs-holder .desktop-table-18 {
                width: 100%; } }
      @media (max-width: 900px) {
        .section-pricing__programs .pricing-tables--monthly-report {
          padding-bottom: 6rem; } }
      .section-pricing__programs .pricing-tables--monthly-report .pricing-table {
        gap: 0; }
        .section-pricing__programs .pricing-tables--monthly-report .pricing-table:first-child {
          border-bottom: none;
          padding-bottom: 0; }
        .section-pricing__programs .pricing-tables--monthly-report .pricing-table .pricing-programs-holder .desktop-table-18 {
          width: 100%; }
    .section-pricing__programs .pricing-table {
      display: flex;
      flex-direction: column;
      gap: 3.2rem; }
      .section-pricing__programs .pricing-table:first-child {
        border-bottom: 1px solid #E7E9EB;
        padding-bottom: 4.8rem; }
      @media (max-width: 900px) {
        .section-pricing__programs .pricing-table .caption-big {
          font-size: 1.2rem;
          line-height: 2rem; } }
      .section-pricing__programs .pricing-table--header {
        display: flex;
        flex-direction: row;
        gap: 1.2rem;
        align-items: center; }
        .section-pricing__programs .pricing-table--header .header-img-holder {
          width: 2.4rem;
          height: 2.4rem; }
          .section-pricing__programs .pricing-table--header .header-img-holder img {
            width: 100%;
            height: 100%; }
        .section-pricing__programs .pricing-table--header .headline-5 {
          text-transform: capitalize; }
          @media (max-width: 900px) {
            .section-pricing__programs .pricing-table--header .headline-5 {
              padding: 0; } }
      .section-pricing__programs .pricing-table .pricing-programs-holder {
        display: flex;
        gap: 2rem; }
        @media (max-width: 900px) {
          .section-pricing__programs .pricing-table .pricing-programs-holder {
            flex-direction: column; } }
        .section-pricing__programs .pricing-table .pricing-programs-holder .price-program-table-mobile {
          display: none; }
          @media (max-width: 900px) {
            .section-pricing__programs .pricing-table .pricing-programs-holder .price-program-table-mobile {
              display: flex;
              flex-direction: column;
              gap: 3.2rem; } }
        .section-pricing__programs .pricing-table .pricing-programs-holder .desktop-table-18 {
          width: 36rem; }
          @media (max-width: 900px) {
            .section-pricing__programs .pricing-table .pricing-programs-holder .desktop-table-18 {
              width: 100%; } }
        .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs {
          display: flex;
          gap: 2rem; }
          @media (max-width: 900px) {
            .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs {
              overflow-x: auto;
              gap: 1rem; }
              .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs::-webkit-scrollbar {
                display: none; } }
          .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .price-program {
            display: flex;
            flex-direction: column;
            gap: 1.6rem;
            width: 17rem; }
            @media (max-width: 900px) {
              .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .price-program {
                width: 15rem; }
                .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .price-program:last-child {
                  margin-right: 3rem; } }
          .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-type {
            padding: 6px 0px;
            width: 12rem;
            font-weight: bold;
            font-size: 1.4rem;
            line-height: 1.8rem;
            color: #F5F4F5;
            text-align: center;
            text-transform: uppercase; }
            @media (max-width: 900px) {
              .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-type {
                padding: 2px 2.5rem;
                font-size: 1.2rem;
                line-height: 2rem; } }
            .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-type--light-purple {
              background: #764FCD; }
            .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-type--dark-purple {
              background: #5314BC; }
          .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder {
            display: flex;
            flex-direction: column;
            gap: 4px; }
            .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder .hide {
              display: none; }
            @media (max-width: 900px) {
              .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder {
                gap: 0px; } }
            .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder .program-price {
              font-weight: 500;
              font-size: 5rem;
              line-height: 5.9rem;
              color: #29394B; }
              @media (max-width: 900px) {
                .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder .program-price {
                  font-size: 3.6rem;
                  line-height: 4.4rem; } }
              .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder .program-price span {
                font-size: 2rem;
                line-height: 2.4rem; }
                @media (max-width: 900px) {
                  .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder .program-price span {
                    white-space: nowrap; } }
            .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder .program-price-per-year {
              font-weight: 500;
              font-size: 1.6rem;
              line-height: 2.2rem;
              color: #687283; }
              @media (max-width: 900px) {
                .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs .program-price-holder .program-price-per-year {
                  font-size: 1.4rem;
                  line-height: 2rem;
                  white-space: nowrap;
                  width: 15rem; } }
        @media (max-width: 900px) {
          .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs-desktop {
            display: none; } }
        .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs-mobile {
          display: none; }
          @media (max-width: 900px) {
            .section-pricing__programs .pricing-table .pricing-programs-holder .price-programs-mobile {
              display: flex; } }
      .section-pricing__programs .pricing-table .programs-benefit-table-holder {
        display: flex;
        flex-direction: column;
        gap: 2.4rem; }
        .section-pricing__programs .pricing-table .programs-benefit-table-holder .programs-benefit-table {
          display: flex;
          flex-direction: column;
          gap: 2.4rem; }
          .section-pricing__programs .pricing-table .programs-benefit-table-holder .programs-benefit-table .programs-benefit-table-item {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 2rem; }
            .section-pricing__programs .pricing-table .programs-benefit-table-holder .programs-benefit-table .programs-benefit-table-item p:first-child {
              grid-column: 1/3; }
          .section-pricing__programs .pricing-table .programs-benefit-table-holder .programs-benefit-table .programs-benefit-table-item:first-child {
            padding: 8px 0; }
            @media (max-width: 900px) {
              .section-pricing__programs .pricing-table .programs-benefit-table-holder .programs-benefit-table .programs-benefit-table-item:first-child {
                display: none; } }
      @media (max-width: 900px) {
        .section-pricing__programs .pricing-table .programs-benefit-table-holder-desktop {
          display: none; } }
      .section-pricing__programs .pricing-table .programs-benefit-table-holder-mobile {
        display: none; }
        @media (max-width: 900px) {
          .section-pricing__programs .pricing-table .programs-benefit-table-holder-mobile {
            display: flex;
            padding-right: 3rem; } }

.section-faq {
  background: #ffffff; }
  .section-faq__container {
    width: 93rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 5.6rem; }
    @media (max-width: 1300px) {
      .section-faq__container {
        width: 100%;
        padding-left: 8.5rem;
        padding-right: 8.5rem; } }
    @media (max-width: 900px) {
      .section-faq__container {
        width: 100%;
        padding: 0rem 3rem 6rem 3rem;
        gap: 3.2rem; }
        .section-faq__container--pricing {
          padding-top: 4rem; } }
    @media (max-width: 900px) {
      .section-faq__container .headline-2 {
        font-size: 2.4rem;
        line-height: 3.2rem; } }
    .section-faq__container .faqs {
      display: flex;
      flex-direction: column;
      gap: 3.2rem; }
      @media (max-width: 900px) {
        .section-faq__container .faqs {
          gap: 2.4rem; } }
      .section-faq__container .faqs .faq {
        display: flex;
        flex-direction: column;
        padding-bottom: 3.2rem;
        border-bottom: 1px solid #E7E9EB; }
        .section-faq__container .faqs .faq .email-link-style {
          color: inherit;
          font-size: inherit;
          line-height: inherit;
          font-weight: bold;
          cursor: pointer; }
          .section-faq__container .faqs .faq .email-link-style:hover {
            text-decoration: underline; }
          .section-faq__container .faqs .faq .email-link-style--purple {
            color: #5314BC; }
        .section-faq__container .faqs .faq .email-link {
          cursor: pointer; }
        @media (max-width: 900px) {
          .section-faq__container .faqs .faq {
            padding-bottom: 2.4rem; } }
        .section-faq__container .faqs .faq:last-child {
          padding-bottom: 0;
          border-bottom: none; }
        .section-faq__container .faqs .faq .faq-question-holder {
          display: flex;
          flex-direction: row;
          gap: 6.4rem;
          justify-content: space-between;
          align-items: flex-start;
          transition: all .1s ease-in-out;
          cursor: pointer; }
          .section-faq__container .faqs .faq .faq-question-holder:hover .headline-4, .section-faq__container .faqs .faq .faq-question-holder:active .headline-4 {
            color: #29394B; }
          .section-faq__container .faqs .faq .faq-question-holder:hover .faq-show-hide-answer path, .section-faq__container .faqs .faq .faq-question-holder:active .faq-show-hide-answer path {
            fill: #29394B; }
          @media (max-width: 900px) {
            .section-faq__container .faqs .faq .faq-question-holder {
              gap: 1.6rem; } }
          .section-faq__container .faqs .faq .faq-question-holder .faq-show-hide-answer {
            width: 1.6rem;
            height: 4rem;
            cursor: pointer;
            transition: all .1s ease-in-out;
            display: flex;
            justify-content: center;
            align-items: center; }
            @media (max-width: 900px) {
              .section-faq__container .faqs .faq .faq-question-holder .faq-show-hide-answer {
                height: 2.8rem; } }
        .section-faq__container .faqs .faq .faq-asnwer-holder {
          visibility: hidden;
          height: 0;
          opacity: 0;
          transition: padding 0.1s ease-out, opacity 0.1s ease 0.1s; }
          @media (max-width: 900px) {
            .section-faq__container .faqs .faq .faq-asnwer-holder .backgrounds-and-text {
              font-size: 1.4rem;
              line-height: 2rem; } }

.section-about-our-service {
  background: #ffffff; }
  @media (max-width: 1300px) {
    .section-about-our-service {
      padding: 0 6rem; } }
  @media (max-width: 900px) {
    .section-about-our-service {
      padding: 0 3rem; } }
  .section-about-our-service__img-text-holder {
    width: 93rem;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8rem; }
    @media (max-width: 1050px) {
      .section-about-our-service__img-text-holder {
        width: 100%; } }
    @media (max-width: 900px) {
      .section-about-our-service__img-text-holder {
        width: 100%;
        gap: 4rem; } }
    .section-about-our-service__img-text-holder .img-holder {
      display: block;
      margin: auto;
      max-width: none;
      width: 100vw;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      height: auto;
      text-align: center;
      top: -10rem; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .img-holder {
          padding-left: 3rem;
          padding-right: 3rem;
          top: -6.8rem;
          width: 450px; } }
      @media (max-width: 600px) {
        .section-about-our-service__img-text-holder .img-holder {
          width: 330px; } }
    .section-about-our-service__img-text-holder .platform-img-holder img {
      width: 70.2rem;
      height: 58.6rem; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .platform-img-holder img {
          height: 100%;
          width: 100%; } }
    .section-about-our-service__img-text-holder .platform-img-holder + .desktop-table-28 {
      margin-top: 56.6rem; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .platform-img-holder + .desktop-table-28 {
          margin-top: 28.9rem; } }
      @media (max-width: 600px) {
        .section-about-our-service__img-text-holder .platform-img-holder + .desktop-table-28 {
          margin-top: 21.9rem; } }
    .section-about-our-service__img-text-holder .datafeed-img-holder img {
      width: 75rem;
      height: 46.2rem; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .datafeed-img-holder img {
          height: 100%;
          width: 100%; } }
    .section-about-our-service__img-text-holder .datafeed-img-holder + .desktop-table-28 {
      margin-top: 44.2rem; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .datafeed-img-holder + .desktop-table-28 {
          margin-top: 19.7rem; } }
      @media (max-width: 600px) {
        .section-about-our-service__img-text-holder .datafeed-img-holder + .desktop-table-28 {
          margin-top: 14.7rem; } }
    .section-about-our-service__img-text-holder .reports-img-holder img {
      width: 75rem;
      height: 46.2rem; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .reports-img-holder img {
          height: 100%;
          width: 100%; } }
    .section-about-our-service__img-text-holder .reports-img-holder + .desktop-table-28 {
      margin-top: 44.2rem; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .reports-img-holder + .desktop-table-28 {
          margin-top: 19.7rem; } }
      @media (max-width: 600px) {
        .section-about-our-service__img-text-holder .reports-img-holder + .desktop-table-28 {
          margin-top: 14.7rem; } }
    .section-about-our-service__img-text-holder .slot-raing-img-holder--desktop {
      width: 113rem;
      height: 36rem; }
      @media (max-width: 1300px) {
        .section-about-our-service__img-text-holder .slot-raing-img-holder--desktop {
          width: 87rem;
          height: auto; } }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .slot-raing-img-holder--desktop {
          display: none; } }
    .section-about-our-service__img-text-holder .slot-raing-img-holder--mobile {
      display: none; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .slot-raing-img-holder--mobile {
          display: block;
          width: 100%;
          height: 100%; } }
    .section-about-our-service__img-text-holder .slot-raing-img-holder + .desktop-table-28 {
      margin-top: 34rem; }
      @media (max-width: 900px) {
        .section-about-our-service__img-text-holder .slot-raing-img-holder + .desktop-table-28 {
          margin-top: 37rem; } }
      @media (max-width: 600px) {
        .section-about-our-service__img-text-holder .slot-raing-img-holder + .desktop-table-28 {
          margin-top: 26rem; } }
  .section-about-our-service__features {
    width: 93rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8rem; }
    @media (max-width: 1050px) {
      .section-about-our-service__features {
        width: 100%; } }
    @media (max-width: 900px) {
      .section-about-our-service__features {
        gap: 4rem; } }
    .section-about-our-service__features--item {
      display: flex;
      gap: 2rem; }
      .section-about-our-service__features--item .headline-text {
        display: flex;
        flex-direction: column;
        gap: 3.2rem;
        width: 100%; }
        @media (max-width: 900px) {
          .section-about-our-service__features--item .headline-text {
            width: 100%;
            gap: 1.6rem; } }
      .section-about-our-service__features--item .img-holder {
        display: none;
        width: 36rem;
        height: 30rem;
        background: #C3C7CD; }
        @media (max-width: 900px) {
          .section-about-our-service__features--item .img-holder {
            display: none; } }

.author-date {
  display: inline-flex;
  align-items: center;
  padding-top: 5.6rem;
  vertical-align: middle; }
  @media (max-width: 900px) {
    .author-date {
      padding-top: 3.2rem; } }
  .author-date .author-img-holder {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #C3C7CD;
    margin-right: 1.2rem; }
    @media (max-width: 900px) {
      .author-date .author-img-holder {
        width: 3.2rem;
        height: 3.2rem;
        margin-right: 8px; } }
  .author-date .author-name,
  .author-date .date {
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #F5F4F5;
    font-weight: 500; }
    @media (max-width: 900px) {
      .author-date .author-name,
      .author-date .date {
        font-size: 1.2rem;
        line-height: 1.5rem; } }
  .author-date .author-name {
    font-weight: 700;
    margin-right: 8px; }
    @media (max-width: 900px) {
      .author-date .author-name {
        margin-right: 4px; } }

.section-blog-single {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  align-items: center; }
  @media (max-width: 900px) {
    .section-blog-single {
      padding-top: 0rem; } }
  .section-blog-single__brief {
    width: 74rem; }
    @media (max-width: 900px) {
      .section-blog-single__brief {
        width: auto;
        padding-left: 3rem;
        padding-right: 3rem;
        order: 2; } }
    .section-blog-single__brief .breadcrumbs {
      margin-bottom: 1.6rem; }
      @media (max-width: 900px) {
        .section-blog-single__brief .breadcrumbs {
          display: none; } }
  .section-blog-single__img-holder {
    width: 74rem;
    height: 32rem;
    padding: 3.2rem 0; }
    @media (max-width: 900px) {
      .section-blog-single__img-holder {
        width: auto;
        order: 1;
        padding-top: 0;
        height: 100%;
        padding-bottom: 8px; } }
    .section-blog-single__img-holder img {
      width: 100%;
      height: 100%; }
  .section-blog-single__blog-text {
    width: 74rem;
    display: flex;
    flex-direction: column;
    gap: 3.2rem; }
    @media (max-width: 900px) {
      .section-blog-single__blog-text {
        padding-left: 3rem;
        padding-right: 3rem;
        width: auto;
        order: 2; } }
    .section-blog-single__blog-text .headline-5 {
      text-transform: initial;
      font-size: 2.4rem;
      line-height: 3.2rem; }
      @media (max-width: 900px) {
        .section-blog-single__blog-text .headline-5 {
          font-size: 2rem;
          line-height: 2.8rem; } }
    @media (max-width: 900px) {
      .section-blog-single__blog-text .headline-3 {
        font-size: 2.8rem;
        line-height: 3.6rem; } }
    .section-blog-single__blog-text ul {
      margin-left: 4.8rem;
      margin-top: 2rem; }
      .section-blog-single__blog-text ul li::marker {
        color: #5314BC;
        font-size: 2rem; }

@media (max-width: 900px) {
  .section-blog-single-t-and-c {
    padding-top: 6rem; } }