@charset "UTF-8";
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.tablet {
  display: none !important; }
  @media (min-width: 768px) {
    .tablet {
      display: block !important; } }

.tablet-inline {
  display: none !important; }
  @media (min-width: 768px) {
    .tablet-inline {
      display: inline-block !important; } }

@media (min-width: 768px) {
  .tablet-none {
    display: none !important; } }

.tablet-desktop {
  display: none !important; }
  @media (min-width: 768px) {
    .tablet-desktop {
      display: block !important; } }
  @media (min-width: 1024px) {
    .tablet-desktop {
      display: none !important; } }

.tablet-widescreen {
  display: none !important; }
  @media (min-width: 768px) {
    .tablet-widescreen {
      display: block !important; } }
  @media (min-width: 1200px) {
    .tablet-widescreen {
      display: none !important; } }

.mobile-desktop {
  display: block !important; }
  @media (min-width: 768px) {
    .mobile-desktop {
      display: none !important; } }
  @media (min-width: 1024px) {
    .mobile-desktop {
      display: block !important; } }

.desktop {
  display: none !important; }
  @media (min-width: 1024px) {
    .desktop {
      display: block !important; } }

.desktop-none {
  display: block !important; }
  @media (min-width: 1024px) {
    .desktop-none {
      display: none !important; } }

.widescreen {
  display: none !important; }
  @media (min-width: 1200px) {
    .widescreen {
      display: block !important; } }

.is-widescreen {
  display: none !important; }
  @media (min-width: 1200px) {
    .is-widescreen {
      display: flex !important; } }

.widescreen-none {
  display: flex !important; }
  @media (min-width: 1200px) {
    .widescreen-none {
      display: none !important; } }

.widescreen-lg {
  display: none !important; }
  @media (min-width: 1440px) {
    .widescreen-lg {
      display: block !important; } }

.full-width {
  width: 100%; }

.fit-width {
  width: fit-content; }

@font-face {
  font-family: 'Martel';
  src: url("../fonts/Martel-SemiBold.woff2") format("woff2"), url("../fonts/Martel-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

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

ul {
  list-style: none; }

a {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease; }

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

img {
  max-width: 100%;
  height: auto; }

.gm-style img {
  max-width: none; }

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

html {
  font-size: 10px;
  box-sizing: border-box; }

body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Montserrat";
  min-width: 320px; }
  body.overflow {
    overflow: hidden; }

.wrapper {
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-color); }

main {
  flex: 1 1 auto; }

.container {
  width: 100%;
  max-width: 1300px;
  padding: 0 2rem;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .container {
      padding: 0 3rem; } }

.scroll-wrap::-webkit-scrollbar {
  width: 3px;
  background-color: transparent; }

.scroll-wrap::-webkit-scrollbar-thumb {
  background-color: #c339fd;
  border-radius: 10px; }

.main-title {
  font-size: 3rem; }

.section-title {
  font-size: 2.5rem;
  width: fit-content;
  transition: all 0.3s ease; }
  @media (min-width: 768px) {
    .section-title {
      font-size: 4rem; } }
  @media (min-width: 1200px) {
    .section-title {
      font-size: 4.5rem; } }

.base-text {
  font-size: 1.2rem;
  font-weight: 400;
  transition: all 0.3s ease; }
  @media (min-width: 768px) {
    .base-text {
      font-size: 1.4rem; } }

.base-link {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  transition: all 0.3s ease; }
  @media (min-width: 768px) {
    .base-link {
      font-size: 1.6rem; } }

.main-link {
  font-size: 1.2rem;
  font-weight: 600;
  transition: all 0.3s ease; }
  @media (min-width: 768px) {
    .main-link {
      font-size: 1.4rem; } }

.white-space {
  white-space: nowrap; }

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

.text-left {
  text-align-last: left; }

.text-normal {
  font-weight: 400; }

.text-uppercase {
  text-transform: uppercase; }

.typography h1 {
  font-size: 3rem;
  margin-bottom: 3rem; }

.typography h2 {
  font-size: 2rem;
  margin-bottom: 2rem; }

.typography p {
  font-size: 1.6rem;
  margin-bottom: 3rem; }

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
  outline: none;
  appearance: none;
  box-sizing: border-box;
  font-family: "Montserrat";
  padding: 1rem 1.5rem; }
  input[type='text']::placeholder,
  input[type='tel']::placeholder,
  input[type='email']::placeholder,
  input[type='search']::placeholder,
  input[type='password']::placeholder,
  input[type='number']::placeholder,
  textarea::placeholder {
    transition: all 0.3s ease; }

textarea {
  resize: vertical;
  vertical-align: top;
  border: none;
  background-color: transparent;
  outline: none;
  -webkit-appearance: none;
  appearance: none; }

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
  font-family: "Montserrat";
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  cursor: pointer; }

select {
  cursor: pointer;
  border: none;
  background-color: transparent;
  transition: all 0.3s ease;
  outline: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none; }

button {
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
  transition: all 0.3s ease;
  outline: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none; }

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none; }

input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0; }

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus::-moz-placeholder {
  color: transparent; }

input:focus::-moz-placeholder {
  color: transparent; }

input:focus::-ms-input-placeholder {
  color: transparent; }

input:focus::placeholder {
  color: transparent; }

.m-0 {
  margin: 0 !important; }

.m-auto {
  margin: auto !important; }

.mt-05 {
  margin-top: 5px !important; }

.mt-1 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-2 {
  margin-top: 20px !important; }

.mt-3 {
  margin-top: 30px !important; }

.mt-4 {
  margin-top: 40px !important; }

.mt-5 {
  margin-top: 50px !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-05 {
  margin-right: 5px !important; }

.mr-1 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-2 {
  margin-right: 20px !important; }

.mr-3 {
  margin-right: 30px !important; }

.mr-4 {
  margin-right: 40px !important; }

.mr-5 {
  margin-right: 50px !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-05 {
  margin-bottom: 5px !important; }

.mb-1 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-2 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-3 {
  margin-bottom: 30px !important; }

.mb-4 {
  margin-bottom: 40px !important; }

.mb-5 {
  margin-bottom: 50px !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-05 {
  margin-left: 5px !important; }

.ml-1 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-2 {
  margin-left: 20px !important; }

.ml-3 {
  margin-left: 30px !important; }

.ml-4 {
  margin-left: 40px !important; }

.ml-5 {
  margin-left: 50px !important; }

.ml-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

@media (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0 !important; }
  .mr-md-3 {
    margin-right: 30px !important; }
  .mb-md-2 {
    margin-bottom: 20px !important; }
  .mb-md-25 {
    margin-bottom: 25px !important; }
  .mb-md-3 {
    margin-bottom: 30px !important; }
  .mb-md-4 {
    margin-bottom: 40px !important; }
  .mb-md-5 {
    margin-bottom: 50px !important; } }

@media (min-width: 1024px) {
  .ml-lg-0 {
    margin-left: 0 !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-2 {
    margin-bottom: 20px !important; }
  .mb-lg-25 {
    margin-bottom: 25px !important; }
  .mb-lg-3 {
    margin-bottom: 30px !important; }
  .mb-lg-4 {
    margin-bottom: 40px !important; }
  .mb-lg-14 {
    margin-bottom: 140px !important; } }

@media (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .mb-xl-25 {
    margin-bottom: 25px !important; }
  .mb-xl-5 {
    margin-bottom: 50px !important; }
  .mb-xl-7 {
    margin-bottom: 70px !important; } }

@media (min-width: 1360px) {
  .mb-xxl-4 {
    margin-bottom: 40px !important; } }

.p-0 {
  padding: 0 !important; }

.pt-05 {
  padding-top: 5px !important; }

.pt-1 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-2 {
  padding-top: 20px !important; }

.pt-3 {
  padding-top: 30px !important; }

.pt-4 {
  padding-top: 40px !important; }

.pt-5 {
  padding-top: 50px !important; }

.pr-05 {
  padding-right: 5px !important; }

.pr-1 {
  padding-right: 10px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-2 {
  padding-right: 20px !important; }

.pr-3 {
  padding-right: 30px !important; }

.pr-4 {
  padding-right: 40px !important; }

.pr-5 {
  padding-right: 50px !important; }

.pb-05 {
  padding-bottom: 5px !important; }

.pb-1 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-2 {
  padding-bottom: 20px !important; }

.pb-3 {
  padding-bottom: 30px !important; }

.pb-4 {
  padding-bottom: 40px !important; }

.pb-5 {
  padding-bottom: 50px !important; }

.pl-05 {
  padding-left: 5px !important; }

.pl-1 {
  padding-left: 10px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-2 {
  padding-left: 20px !important; }

.pl-3 {
  padding-left: 30px !important; }

.pl-4 {
  padding-left: 40px !important; }

.pl-5 {
  padding-left: 50px !important; }

.row {
  display: flex;
  flex-wrap: wrap; }

.col {
  width: 100%; }
  .col.col-12 {
    width: 100%; }
  .col.col-6 {
    width: 50%; }
  .col.col-4 {
    width: calc(100% / 3); }
  .col.col-3 {
    width: 25%; }
  .col.col-2 {
    width: calc(100% / 6); }
  .col.col-1 {
    width: calc(100% / 12); }
  .col.col-extra {
    width: 7.5rem; }
  @media (min-width: 768px) {
    .col.col-tb-12 {
      width: 100%; }
    .col.col-tb-6 {
      width: 50%; }
    .col.col-tb-4 {
      width: calc(100% / 3); }
    .col.col-tb-3 {
      width: 25%; }
    .col.col-tb-2 {
      width: calc(100% / 6); }
    .col.col-tb-1 {
      width: calc(100% / 12); } }
  @media (min-width: 1024px) {
    .col.col-lg-12 {
      width: 100%; }
    .col.col-lg-6 {
      width: 50%; }
    .col.col-lg-4 {
      width: calc(100% / 3); }
    .col.col-lg-3 {
      width: 25%; }
    .col.col-lg-2 {
      width: calc(100% / 6); }
    .col.col-lg-1 {
      width: calc(100% / 12); } }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor; }

.icon-close {
  font-size: 2.4rem;
  width: 1em; }

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  padding: 1rem 0 2.5rem 0;
  pointer-events: none; }
  @media (min-width: 768px) {
    .header {
      padding: 3rem 0 1.5rem 0; } }
  .header__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }

.logo {
  width: 12.6rem;
  position: relative;
  z-index: 11;
  pointer-events: auto; }
  @media (min-width: 768px) {
    .logo {
      width: 23.5rem; } }
  @media (min-width: 1024px) {
    .logo {
      width: 16rem; } }
  @media (min-width: 1440px) {
    .logo {
      width: 23.5rem; } }
  .logo img {
    width: 100%;
    display: block; }

.nav-wrap {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100vh !important;
  width: 100%;
  padding: 7rem 1rem 1rem 0;
  background-color: #0e0f14;
  z-index: -3;
  transition: all 0.3s ease;
  display: none;
  animation: fadeIn 0.3s linear;
  pointer-events: auto; }
  @media (min-width: 768px) {
    .nav-wrap {
      padding: 13.6rem 1rem 2rem 0;
      background-size: cover;
      background-position: bottom center;
      background-repeat: no-repeat; } }
  @media (min-width: 1024px) {
    .nav-wrap {
      padding: 10.6rem 1rem 2rem 0; } }
  @media (min-width: 1440px) {
    .nav-wrap {
      padding: 18.1rem 1rem 5rem 0; } }
  .nav-wrap.active {
    display: block;
    z-index: 10;
    transition: opacity 2.5s ease; }
  .nav-wrap__scroll {
    max-height: calc(100vh - 8rem);
    padding: 0 1rem 0 2rem;
    overflow: hidden;
    overflow-y: auto;
    max-width: 1300px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .nav-wrap__scroll {
        padding: 0 2rem 0 3rem;
        max-height: calc(100vh - 15.6rem);
        display: flex;
        flex-direction: column; } }
    @media (min-width: 1024px) {
      .nav-wrap__scroll {
        max-height: calc(100vh - 12.6rem); } }
    @media (min-width: 1440px) {
      .nav-wrap__scroll {
        max-height: calc(100vh - 20.1rem); } }
  .nav-wrap__content {
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .nav-wrap__content {
        order: 2; } }
  .nav-wrap__content-form {
    width: 100%; }
    @media (min-width: 768px) {
      .nav-wrap__content-form {
        width: 38.9rem;
        padding-left: 5rem;
        margin: 0 0 0 auto;
        min-height: 33.7rem; } }
    @media (min-width: 1024px) {
      .nav-wrap__content-form {
        display: flex;
        flex-direction: column;
        width: calc(100% - 50rem);
        padding: 3rem 5rem;
        max-width: 55.4rem;
        border-radius: 20px; } }
    @media (min-width: 1360px) {
      .nav-wrap__content-form {
        padding: 6rem 6rem 4.5rem;
        min-height: 52.8rem; } }
    @media (max-width: 1023px) {
      .nav-wrap__content-form::before, .nav-wrap__content-form::after {
        content: none;
        display: none; } }
  .nav-wrap__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem; }
    @media (min-width: 768px) {
      .nav-wrap__head {
        margin-bottom: 16rem; } }
    @media (min-width: 1024px) {
      .nav-wrap__head {
        margin-bottom: 6rem; } }

.nav-form {
  padding: 2rem;
  min-height: 26.7rem;
  height: 100%;
  border-radius: 10px; }
  @media (min-width: 1024px) {
    .nav-form {
      padding: 0; } }
  .nav-form::before {
    border-radius: 8px !important; }
  @media (min-width: 1024px) {
    .nav-form::before, .nav-form::after {
      content: none;
      display: none; } }

.nav {
  margin-bottom: 3.5rem; }
  @media (min-width: 768px) {
    .nav {
      margin-bottom: 0;
      width: auto;
      max-width: calc(100% - 38.9rem); } }
  @media (min-width: 1024px) {
    .nav {
      width: 40rem;
      max-width: 100%; } }
  @media (min-width: 1440px) {
    .nav {
      width: 50rem; } }
  .nav__list {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .nav__list {
        min-height: 32.4rem; } }
  .nav__item + .nav__item {
    margin-top: 1.6rem; }
    @media (min-width: 1440px) {
      .nav__item + .nav__item {
        margin-top: 3rem; } }
  .nav__link {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.025em;
    color: #ffffff;
    opacity: 0.6;
    white-space: nowrap;
    position: relative;
    padding-left: 5rem;
    min-height: 1.8rem;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .nav__link {
        font-size: 1.6rem;
        min-height: 2.2rem; } }
    @media (min-width: 1024px) {
      .nav__link {
        font-size: 2rem;
        min-height: 2.6rem; } }
    @media (min-width: 1440px) {
      .nav__link {
        font-size: 2.5rem;
        padding-left: 11.7rem;
        min-height: 3.7rem; } }
    .nav__link::before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 12px;
      width: 25px;
      height: 2px;
      background-color: #ffffff;
      display: block;
      transition: all 0.3s ease;
      border-radius: 3px; }
      @media (min-width: 1440px) {
        .nav__link::before {
          width: 40px;
          left: 34px; } }
    .nav__link.active, .nav__link:hover {
      font-size: 1.8rem;
      opacity: 1; }
      @media (min-width: 768px) {
        .nav__link.active, .nav__link:hover {
          font-size: 2.2rem; } }
      @media (min-width: 1024px) {
        .nav__link.active, .nav__link:hover {
          font-size: 2.6rem; } }
      @media (min-width: 1440px) {
        .nav__link.active, .nav__link:hover {
          font-size: 3.7rem; } }
      .nav__link.active::before, .nav__link:hover::before {
        width: 38px;
        left: 0; }
        @media (min-width: 1440px) {
          .nav__link.active::before, .nav__link:hover::before {
            width: 74px;
            height: 4px; } }
    @media (min-width: 1440px) {
      .nav__link.small.active, .nav__link.small:hover {
        font-size: 3.7rem; } }

.burger {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: auto; }
  .burger:hover span {
    background-color: #c339fd; }
  .burger.active span {
    background-color: #ffffff; }
    .burger.active span:nth-child(1) {
      top: 6px;
      transform: rotate(45deg); }
    .burger.active span:nth-child(2), .burger.active span:nth-child(3) {
      opacity: 0; }
    .burger.active span:nth-child(4) {
      bottom: 6px;
      transform: rotate(-45deg); }
  .burger span {
    position: relative;
    width: 18px;
    height: 2px;
    border-radius: 10px;
    margin: 1px 0;
    background-color: #c339fd;
    transition: all 0.3s ease; }

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

@media (min-width: 1024px) {
  .footer {
    border-top: 1px solid rgba(255, 255, 255, 0.7); } }

.footer__wrap {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  padding: 3rem 0 8rem;
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .footer__wrap {
      padding: 3rem 0; } }
  @media (min-width: 1024px) {
    .footer__wrap {
      border-top: none; } }

.footer__logo {
  align-self: center;
  margin-bottom: 4rem; }
  @media (min-width: 768px) {
    .footer__logo {
      margin-bottom: 5rem; } }
  @media (min-width: 1024px) {
    .footer__logo {
      margin-bottom: 4rem; } }

.menu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .menu {
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
      gap: 3rem; } }
  @media (min-width: 1200px) {
    .menu {
      margin-bottom: 3.5rem;
      flex-direction: row;
      gap: 0; } }
  .menu__col {
    display: flex;
    flex-direction: column;
    gap: 2.5rem; }
    @media (min-width: 768px) {
      .menu__col {
        flex-direction: row;
        gap: 4rem; } }
    @media (min-width: 1200px) {
      .menu__col {
        gap: 5rem; }
        .menu__col + .menu__col {
          margin-left: 5rem; } }
  .menu__link {
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: all 0.3s ease; }
    .menu__link:hover {
      color: #c339fd; }

.social-links {
  display: flex;
  gap: 1rem;
  justify-content: center; }
  @media (min-width: 375px) {
    .social-links {
      gap: 1.9rem; } }

.social-link {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .social-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 2; }
  .social-link:after {
    content: "";
    position: absolute;
    display: block;
    flex: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 2;
    opacity: 0; }
  .social-link--circle::after {
    opacity: 1; }
  .social-link--circle:hover:after {
    width: 3.8rem;
    height: 3.8rem;
    border: none !important; }
  .social-link--circle:hover::before {
    opacity: 1; }
  .social-link svg {
    z-index: 3; }
    .social-link svg path {
      transition: all 0.3s ease; }

.scroll-top {
  position: absolute;
  right: 0;
  top: -2rem;
  width: 4rem;
  height: 4rem;
  background: linear-gradient(99.03deg, #b342e8 -32.78%, #6b00f3 149.31%);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .scroll-top:hover {
    box-shadow: 2px -1px 19px 7px rgba(179, 66, 232, 0.61);
    transition: all 0.3s ease; }
  @media (min-width: 768px) {
    .scroll-top {
      top: -6.5rem; } }
  @media (min-width: 1200px) {
    .scroll-top {
      width: 5rem;
      height: 5rem;
      top: 5rem; } }

.decor-img {
  position: absolute;
  display: none;
  width: 100%;
  pointer-events: none; }
  @media (min-width: 1200px) {
    .decor-img {
      display: block; } }
  .decor-img img {
    width: 100%;
    display: block; }

.board-decor {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .board-decor::before, .board-decor::after {
    content: "";
    position: absolute; }
  .board-decor::before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    z-index: -1;
    border-radius: 8px; }
    @media (min-width: 768px) {
      .board-decor::before {
        border-radius: 18px; } }
  .board-decor::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2; }

.intro-section {
  padding-bottom: 8rem;
  position: relative; }
  @media (min-width: 768px) {
    .intro-section {
      padding-bottom: 18rem; } }
  @media (min-width: 1200px) {
    .intro-section {
      padding-bottom: 22.8rem; } }
  @media (min-width: 1440px) {
    .intro-section {
      padding-bottom: 18vw; } }
  .intro-section .intro-decor {
    position: absolute;
    pointer-events: none;
    left: 0;
    right: -20px;
    bottom: 0;
    z-index: 2; }
    @media (min-width: 576px) {
      .intro-section .intro-decor {
        right: 0; } }
    .intro-section .intro-decor picture,
    .intro-section .intro-decor img {
      width: 100%;
      display: block; }

.intro-block {
  position: relative;
  overflow: hidden; }
  .intro-block .container {
    position: relative;
    min-height: 71.2rem; }
    @media (min-width: 768px) {
      .intro-block .container {
        min-height: 96.4rem; } }
    @media (min-width: 1200px) {
      .intro-block .container {
        min-height: 86.4rem; } }
  .intro-block .intro-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease; }
    @media (min-width: 1200px) {
      .intro-block .intro-bg {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url("../images/intro/intro-bg-dark.jpg"); } }
    .intro-block .intro-bg.active {
      opacity: 0.1; }
  .intro-block .intro-hend {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease;
    transform-origin: bottom left;
    background-repeat: no-repeat;
    background-position: 23% bottom;
    background-size: 180%;
    background-image: url("../images/intro/hend-bg.png"); }
    @media (min-width: 768px) {
      .intro-block .intro-hend {
        background-size: 130%; } }
    @media (min-width: 1200px) {
      .intro-block .intro-hend {
        background-size: cover;
        background-position: center; } }
    .intro-block .intro-hend.active {
      transform: rotate(10deg) translateX(-70px); }
  .intro-block .intro-text {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    display: none;
    transition: all 0.5s ease; }
    @media (min-width: 1200px) {
      .intro-block .intro-text {
        display: flex; } }
    .intro-block .intro-text.active {
      opacity: 0; }
    .intro-block .intro-text--left {
      left: 6%; }
      .intro-block .intro-text--left img {
        transform: translate(0, 0);
        animation: text-top 10s infinite linear; }
    .intro-block .intro-text--right {
      right: 6%; }
      .intro-block .intro-text--right img {
        transform: translate(0, 0);
        animation: text-bottom 10s infinite linear; }
  .intro-block .intro-content {
    width: 335px;
    height: 335px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media (min-width: 768px) {
      .intro-block .intro-content {
        width: 508px;
        height: 508px; } }
    @media (min-width: 1024px) {
      .intro-block .intro-content {
        width: 588px;
        height: 588px; } }
    .intro-block .intro-content__arrows {
      width: 100%;
      z-index: 1; }
    .intro-block .intro-content__decor {
      width: 100%;
      z-index: 2; }
    .intro-block .intro-content__big-circle {
      width: 235px;
      z-index: 3;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.5s ease;
      animation: reverse-rotate-team 20s linear 0s infinite; }
      @media (min-width: 768px) {
        .intro-block .intro-content__big-circle {
          width: 100%; } }
      .intro-block .intro-content__big-circle.active img {
        transform: scale(1.1); }
      .intro-block .intro-content__big-circle img {
        transition: all 0.3s ease; }
    .intro-block .intro-content__small-circle {
      width: 199px;
      z-index: 4;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.5s ease;
      transform: translate(-50%, -50%) rotate(-2.5deg); }
      @media (min-width: 768px) {
        .intro-block .intro-content__small-circle {
          width: 100%; } }
      .intro-block .intro-content__small-circle.active {
        transform: translate(-50%, -50%) rotate(-2.5deg) scale(0.9); }
    .intro-block .intro-content__small-text {
      position: absolute;
      z-index: 1;
      bottom: -4px;
      right: 18%;
      font-weight: 700;
      font-size: 8px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #5357f6;
      transform: rotate(2.5deg); }
      @media (min-width: 768px) {
        .intro-block .intro-content__small-text {
          font-size: 12px;
          bottom: -1px;
          right: 30%; } }
      @media (min-width: 1024px) {
        .intro-block .intro-content__small-text {
          right: 35%; } }
    .intro-block .intro-content__descr {
      z-index: 4;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media (min-width: 768px) {
        .intro-block .intro-content__descr {
          flex-direction: column-reverse; } }
    .intro-block .intro-content__descr-text {
      font-size: 10px;
      line-height: 1.2;
      text-align: center;
      letter-spacing: 0.04em;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .intro-block .intro-content__descr-text {
          font-size: 12px; } }
    .intro-block .intro-content__descr-title {
      font-size: 16px;
      line-height: 1.6;
      font-weight: 600;
      text-align: center;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .intro-block .intro-content__descr-title {
          line-height: 1.2;
          font-size: 40px;
          margin-bottom: 0; } }
  .intro-block .nav-link {
    position: absolute;
    z-index: 5;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 5px; }
    @media (min-width: 768px) {
      .intro-block .nav-link {
        font-size: 12px;
        font-weight: 600; } }
    .intro-block .nav-link:hover {
      color: #c339fd; }
    .intro-block .nav-link--team {
      top: -15%;
      left: 41.5%;
      transform: rotate(-90deg); }
      @media (min-width: 768px) {
        .intro-block .nav-link--team {
          left: 44%;
          top: -13%; } }
      @media (min-width: 1024px) {
        .intro-block .nav-link--team {
          left: 45%; } }
    .intro-block .nav-link--evaluation {
      top: 0;
      right: -9%;
      transform: rotate(-45deg); }
      @media (min-width: 768px) {
        .intro-block .nav-link--evaluation {
          top: -2%;
          right: -19%; } }
      @media (min-width: 1200px) {
        .intro-block .nav-link--evaluation {
          top: -1%;
          right: -15%; } }
    .intro-block .nav-link--contact {
      top: 44%;
      right: -20px; }
      @media (min-width: 768px) {
        .intro-block .nav-link--contact {
          top: 48%;
          transform: translateX(110%); } }
    .intro-block .nav-link--reviews {
      bottom: 2.5%;
      right: -1%;
      transform: rotate(45deg); }
      @media (min-width: 768px) {
        .intro-block .nav-link--reviews {
          bottom: 5.5%;
          right: 1%; } }
    .intro-block .nav-link--about {
      bottom: 0;
      left: 42%;
      transform: rotate(-90deg) translateX(-75%); }
      @media (min-width: 768px) {
        .intro-block .nav-link--about {
          left: 44%; } }
      @media (min-width: 1024px) {
        .intro-block .nav-link--about {
          left: 45%; } }
    .intro-block .nav-link--process {
      bottom: -2%;
      left: -7%;
      transform: rotate(-45deg);
      text-align: right; }
      @media (min-width: 768px) {
        .intro-block .nav-link--process {
          bottom: -2%;
          left: -16%; } }
      @media (min-width: 1024px) {
        .intro-block .nav-link--process {
          bottom: 1%;
          left: -12%; } }
    .intro-block .nav-link--services {
      top: 43%;
      left: -20px; }
      @media (min-width: 768px) {
        .intro-block .nav-link--services {
          top: 48%;
          left: 0;
          transform: translateX(-110%); } }
    .intro-block .nav-link--cases {
      top: 3%;
      left: -5%;
      transform: rotate(45deg); }
      @media (min-width: 768px) {
        .intro-block .nav-link--cases {
          top: 5%;
          left: -1%; } }

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.theme-light .light-content {
  display: flex; }

.theme-light .dark-content {
  display: none; }

@media (min-width: 1200px) {
  .theme-light .intro-block {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: linear-gradient(180deg, #c3cbd9 -0.2%, #f2f4f7 37.73%, #ffffff 68.19%); } }

.theme-light .nav-link {
  font-weight: 700;
  color: #323233; }

.theme-light .intro-content__descr {
  left: 52.2%; }

.theme-light .intro-content__descr-text {
  color: #323233; }

.theme-light .intro-content__descr-title {
  background: linear-gradient(90deg, #5357f6 -11.65%, #7fffb2 125.28%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; }

.theme-dark .light-content {
  display: none; }

.theme-dark .dark-content {
  display: flex; }

.theme-dark .nav-link {
  color: #ffffff; }

.theme-dark .intro-content__descr-text {
  color: #ffffff; }

.theme-dark .intro-content__descr-title {
  background: linear-gradient(180deg, #c339fd 0%, #5357f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; }

@keyframes text-top {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, -100%); } }

@keyframes text-bottom {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 100%); } }

.services-section {
  padding: 2.3rem 0 4rem; }
  @media (min-width: 576px) {
    .services-section {
      padding: 9rem 0 4rem; } }
  @media (min-width: 1200px) {
    .services-section {
      padding: 12rem 0 13.6rem; } }
  .services-section .container {
    max-width: 1440px; }
    @media (min-width: 1200px) {
      .services-section .container {
        padding: 0 1.6rem; } }

.services__wrap {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 -1.5rem 0 -1.7rem; }
  @media (min-width: 768px) {
    .services__wrap {
      margin: 0; } }
  @media (min-width: 1200px) {
    .services__wrap {
      flex-direction: row-reverse; } }

.services__col {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  z-index: 2; }
  @media (min-width: 1200px) {
    .services__col {
      width: 50%; } }
  .services__col--right {
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .services__col--right {
        margin-bottom: 2.7rem; } }
    @media (min-width: 1200px) {
      .services__col--right {
        margin-bottom: 0; } }
    @media (min-width: 1200px) {
      .services__col--right .service-item:nth-child(1) {
        padding: 0;
        width: 72.1%; } }
    .services__col--right .service-item:nth-child(2) {
      padding-left: 11.7rem;
      margin: -1.5rem 0 2.4rem; }
      @media (min-width: 768px) {
        .services__col--right .service-item:nth-child(2) {
          margin: 0.5rem 0 2.1rem;
          padding-left: 17.9rem; } }
      @media (min-width: 1200px) {
        .services__col--right .service-item:nth-child(2) {
          margin: 6.2rem 0 5.2rem;
          padding: 0;
          width: 61.7%; } }
    .services__col--right .service-item:nth-child(3) {
      padding-left: 17.2rem; }
      @media (min-width: 768px) {
        .services__col--right .service-item:nth-child(3) {
          padding-left: 25.3rem; } }
      @media (min-width: 1200px) {
        .services__col--right .service-item:nth-child(3) {
          padding: 0;
          width: 70.6%; } }
  @media (min-width: 1200px) {
    .services__col--left {
      flex-direction: column-reverse;
      align-items: flex-start; } }
  @media (min-width: 1200px) {
    .services__col--left .service-item__wrap {
      flex-direction: row-reverse; } }
  @media (min-width: 1200px) {
    .services__col--left .service-item__content {
      padding: 0 1.5rem; } }
  .services__col--left .service-item:nth-child(1) {
    padding-left: 17rem; }
    @media (min-width: 768px) {
      .services__col--left .service-item:nth-child(1) {
        padding-left: 20.4rem; } }
    @media (min-width: 1200px) {
      .services__col--left .service-item:nth-child(1) {
        padding: 0;
        width: 70.6%; } }
  .services__col--left .service-item:nth-child(2) {
    padding-left: 13.1rem;
    margin: 1.6rem 0 -0.7rem; }
    @media (min-width: 768px) {
      .services__col--left .service-item:nth-child(2) {
        margin: 2rem 0 0.5rem;
        padding-left: 16.2rem; } }
    @media (min-width: 1200px) {
      .services__col--left .service-item:nth-child(2) {
        padding: 0;
        width: 60%;
        margin: 6.2rem 0; } }
  @media (min-width: 1200px) {
    .services__col--left .service-item:nth-child(3) {
      padding: 0;
      width: 74%; } }

.services__core {
  position: absolute;
  top: 50%;
  left: -3px;
  transform: translateY(-50%); }
  @media (min-width: 768px) {
    .services__core {
      left: -30px; } }
  @media (min-width: 1200px) {
    .services__core {
      left: 50%;
      transform: translate(-49%, -55%); } }

@media (min-width: 1024px) {
  .services [class*="animation-block__show"] {
    opacity: 1 !important;
    animation: none !important; } }

.service-item {
  width: 100%; }
  .service-item--popup {
    width: fit-content;
    margin: 0 auto; }
    .service-item--popup .service-item__content {
      padding: 0; }
  .service-item__wrap {
    display: flex;
    align-items: center; }
  .service-item__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 20.4rem;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .service-item__wrapper {
        max-width: 38.4rem; } }
    @media (min-width: 1440px) {
      .service-item__wrapper {
        max-width: 36.8rem; } }
  .service-item__content {
    padding-left: 1rem;
    width: 100%; }
    @media (min-width: 768px) {
      .service-item__content {
        padding-left: 2.2rem; } }
    @media (min-width: 1200px) {
      .service-item__content {
        text-align: center; } }
  .service-item__title {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.25;
    margin-bottom: 0.5rem; }
    @media (min-width: 768px) {
      .service-item__title {
        font-size: 1.6rem;
        margin-bottom: 1rem; } }
    @media (min-width: 1440px) {
      .service-item__title {
        font-size: 2.2rem;
        margin-bottom: 1.5rem; } }
  .service-item__text {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .service-item__text {
        font-size: 1.4rem; } }
  .service-item__btn {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 10rem;
    cursor: pointer;
    position: relative; }
    @media (min-width: 768px) {
      .service-item__btn {
        width: 13rem;
        height: 13rem; } }
    @media (min-width: 1440px) {
      .service-item__btn {
        width: 20rem;
        height: 20rem; } }
    .service-item__btn:hover .service-item__logo-circle {
      transform: scale(0.9) rotate(90deg); }
  .service-item__head {
    display: flex;
    flex-direction: column;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 17rem;
    padding: 3.4rem;
    height: 17rem;
    position: relative;
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .service-item__head {
        padding: 4rem;
        width: 22rem;
        height: 22rem;
        margin-bottom: 1.5rem; } }
    @media (min-width: 1440px) {
      .service-item__head {
        padding: 5rem 6rem;
        width: 36rem;
        height: 36rem;
        margin-bottom: 2rem; } }
  .service-item__logo-circle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: transform 0.5s ease-in-out; }
  .service-item__logo {
    display: block;
    flex: none;
    width: 3.2rem;
    height: 3.2rem; }
    @media (min-width: 768px) {
      .service-item__logo {
        width: 4.5rem;
        height: 4.5rem; } }
    @media (min-width: 1440px) {
      .service-item__logo {
        width: 6rem;
        height: 6rem; } }
    .service-item__logo--big {
      width: 3.5rem;
      height: 3.5rem; }
      @media (min-width: 768px) {
        .service-item__logo--big {
          width: 5rem;
          height: 5rem; } }
      @media (min-width: 1440px) {
        .service-item__logo--big {
          width: 6.5rem;
          height: 6.5rem; } }
    .service-item__logo img {
      display: block;
      width: 100%;
      height: auto; }
  .service-item__img {
    display: block;
    flex: none;
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .service-item__img {
        width: 4rem;
        height: 4rem; } }
    @media (min-width: 1440px) {
      .service-item__img {
        width: 9rem;
        height: 9rem;
        margin-bottom: 2rem; } }
    .service-item__img img {
      display: block;
      width: 100%;
      height: auto; }

.core__wrap {
  display: flex;
  flex: none;
  align-items: center;
  width: 15.3rem;
  height: 44.6rem;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  @media (min-width: 768px) {
    .core__wrap {
      width: 18.9rem;
      height: 53.3rem; } }
  @media (min-width: 1200px) {
    .core__wrap {
      width: 32.9vw;
      height: 32.9vw;
      justify-content: center; } }
  @media (min-width: 1440px) {
    .core__wrap {
      width: 51.9rem;
      height: 51.9rem; } }

@media (min-width: 1200px) {
  .core__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10.2rem;
    height: 5rem;
    z-index: 2; } }

@media (min-width: 1440px) {
  .core__inner {
    width: 12.2rem;
    height: 7rem; } }

.core__img {
  width: 100%;
  height: 100%; }
  .core__img img {
    display: block;
    width: 100%;
    height: auto; }

.core__circle-big {
  width: 8rem;
  height: 29.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative; }
  @media (min-width: 768px) {
    .core__circle-big {
      width: 10.2rem;
      height: 35.1rem; } }
  @media (min-width: 1200px) {
    .core__circle-big {
      width: 47.5%;
      height: 47.5%; } }
  @media (min-width: 1440px) {
    .core__circle-big {
      width: 24.6rem;
      height: 24.6rem; } }

.core__circle-small {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 93.5%;
  height: 95.12%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.animation-block.active .animation-block__show-1 {
  animation: animation-show 0.3s linear 0.3s forwards; }

.animation-block.active .animation-block__show-2 {
  animation: animation-show 0.3s linear 0.6s forwards; }

.animation-block.active .animation-block__show-3 {
  animation: animation-show 0.3s linear 0.9s forwards; }

.animation-block.active .animation-block__show-4 {
  animation: animation-show 0.3s linear 1.2s forwards; }

.animation-block.active .animation-block__show-5 {
  animation: animation-show 0.3s linear 1.5s forwards; }

.animation-block.active .animation-block__show-6 {
  animation: animation-show 0.3s linear 1.8s forwards; }

.animation-block.active .animation-block__show-7 {
  animation: animation-show 0.3s linear 2.1s forwards; }

.animation-block [class*="animation-block__show"] {
  opacity: 0; }

@keyframes animation-show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.about-section {
  padding: 5rem 0 4rem; }
  @media (min-width: 768px) {
    .about-section {
      padding: 10rem 0 4rem; } }
  @media (min-width: 1200px) {
    .about-section {
      padding: 10rem 0 5rem; } }
  .about-section .container {
    position: relative;
    z-index: 2; }

.about {
  width: 100%;
  max-width: 90.58rem; }

.process-section {
  position: relative;
  padding: 5rem 0 4rem; }
  @media (min-width: 768px) {
    .process-section {
      padding: 10rem 0 4rem; } }
  @media (min-width: 1200px) {
    .process-section {
      padding: 10rem 0 12.6rem; } }
  .process-section .decor-img {
    left: 0; }
    .process-section .decor-img.dark {
      top: -34%;
      max-width: 424px; }
    .process-section .decor-img.light {
      max-width: 785px;
      top: -57%; }
  .process-section .container {
    position: relative;
    z-index: 2; }

.process-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media (min-width: 768px) {
    .process-wrap {
      flex-direction: row; } }
  .process-wrap .process-item {
    width: 100%;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.3rem;
    height: 17.3rem; }
    @media (min-width: 768px) {
      .process-wrap .process-item {
        width: 37.1rem;
        height: 37.1rem; } }
    @media (min-width: 1024px) {
      .process-wrap .process-item {
        width: 23.6rem;
        height: 23.6rem; } }
    @media (min-width: 1440px) {
      .process-wrap .process-item {
        width: 23.6rem;
        height: 23.6rem; } }
    @media (min-width: 1024px) {
      .process-wrap .process-item:nth-child(2n) .process:hover .process__descr {
        top: auto;
        bottom: calc(100% + 1.2rem); } }
  .process-wrap .process-item + .process-item {
    margin-top: -26px; }
    @media (min-width: 1024px) {
      .process-wrap .process-item + .process-item {
        margin: 0 0 0 -36px; } }

.process {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all 0.3s ease;
  position: relative; }
  .process:hover {
    transform: scale(1.62);
    z-index: 3; }
    @media (min-width: 1024px) {
      .process:hover {
        transform: none; } }
    @media (max-width: 1023px) {
      .process:hover .process__text-hiden {
        z-index: -1;
        opacity: 0; } }
    .process:hover .process__descr {
      opacity: 1;
      visibility: visible;
      z-index: 3; }
      @media (min-width: 1024px) {
        .process:hover .process__descr {
          top: calc(100% + 3rem);
          z-index: 1; } }
  .process__wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    padding: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .process__wrap {
        padding: 2rem 4.5rem; } }
    @media (min-width: 1024px) {
      .process__wrap {
        padding: 2rem; } }
    .process__wrap::before, .process__wrap::after {
      content: "";
      position: absolute;
      transition: all 0.3s ease; }
    .process__wrap::before {
      top: 2px;
      bottom: 2px;
      left: 2px;
      right: 2px;
      z-index: -1;
      border-radius: 50%; }
    .process__wrap::after {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -2;
      border-radius: 50%; }
  .process__title {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.22;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .process__title {
        font-size: 2rem; } }
    @media (min-width: 1024px) {
      .process__title {
        font-size: 1.8rem; } }
  .process__descr {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%) scale(0.74);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease; }
    @media (min-width: 1024px) {
      .process__descr {
        top: auto;
        left: 50%;
        transform: translate(-50%);
        bottom: 2.5rem;
        width: 130%;
        pointer-events: none; } }
    @media (min-width: 1024px) {
      .process__descr--big {
        width: 200%; } }
  .process__descr-text {
    font-weight: 600;
    font-size: 1.3rem;
    text-align: center; }
    @media (min-width: 768px) {
      .process__descr-text {
        font-weight: 400;
        font-size: 1.8rem; } }
  .process__list-item {
    position: relative;
    padding-left: 2rem;
    text-align: left; }
    .process__list-item::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 8px;
      transform: translateY(-50%);
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #ffffff; }

.evaluation-section {
  padding: 5rem 0 4rem; }
  @media (min-width: 768px) {
    .evaluation-section {
      padding: 10rem 0 4rem; } }
  @media (min-width: 1200px) {
    .evaluation-section {
      padding: 10rem 0 6rem; } }
  .evaluation-section .container {
    position: relative;
    z-index: 2; }

.steps__wrap {
  display: flex;
  flex-wrap: wrap; }

.steps__nav {
  width: 100%; }
  @media (min-width: 1200px) {
    .steps__nav {
      width: 35.5rem;
      padding-right: 3rem; } }

.steps__content {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 1200px) {
    .steps__content {
      width: calc(100% - 35.5rem); } }

.steps__form {
  width: 100%;
  margin-bottom: 2.5rem;
  position: relative; }
  @media (min-width: 768px) {
    .steps__form {
      margin-bottom: 0;
      width: 49.5%; } }
  @media (min-width: 1200px) {
    .steps__form {
      width: 51.6%; } }
  .steps__form .form-thanks.active {
    position: absolute;
    z-index: 1;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #0e0f14;
    border-radius: 20px; }
    @media (min-width: 768px) {
      .steps__form .form-thanks.active {
        height: 94%; } }
    @media (min-width: 1024px) {
      .steps__form .form-thanks.active {
        height: 92%; } }

.steps__form-item {
  width: 100%;
  display: none;
  transition: all 0.3s ease;
  padding: 2rem;
  position: relative;
  border-radius: 10px;
  overflow-x: hidden; }
  @media (min-width: 768px) {
    .steps__form-item {
      padding: 2.5rem;
      min-height: 81.8rem; } }
  @media (min-width: 1200px) {
    .steps__form-item {
      padding: 4rem 5rem;
      min-height: 83.3rem;
      border-radius: 20px; } }
  .steps__form-item::before, .steps__form-item::after {
    content: "";
    position: absolute;
    transition: all 0.3s ease; }
  .steps__form-item::before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    z-index: -1;
    border-radius: 8px; }
    @media (min-width: 1200px) {
      .steps__form-item::before {
        border-radius: 18px; } }
  .steps__form-item::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2; }
  .steps__form-item.active {
    display: block; }

.steps__form-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.25;
  transition: all 0.3s ease; }
  @media (min-width: 1200px) {
    .steps__form-title {
      font-size: 2.5rem; } }

.steps__form-subtitle {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.25;
  transition: all 0.3s ease; }
  @media (min-width: 1200px) {
    .steps__form-subtitle {
      font-size: 2rem; } }

.steps__buttons {
  display: none; }
  @media (min-width: 768px) {
    .steps__buttons {
      position: relative;
      bottom: 22px;
      left: 100%;
      display: flex;
      justify-content: center; } }
  @media (min-width: 1200px) {
    .steps__buttons {
      bottom: auto;
      left: auto;
      margin-top: 2rem; } }

.steps__sidebar {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .steps__sidebar {
      padding-left: 2.3rem;
      width: 50.5%; } }
  @media (min-width: 1200px) {
    .steps__sidebar {
      padding-left: 3rem;
      width: 48.4%; } }

.steps__back .icon-arrow {
  margin-right: 0.7rem;
  transform: scale(-1); }

.steps__back.disabled {
  opacity: 0.6;
  pointer-events: none; }

.steps__next {
  margin-left: 4.7rem; }
  .steps__next .icon-arrow {
    margin-left: 0.7rem; }

.steps__submit {
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .steps__submit {
      margin-bottom: 0;
      order: 3; } }

@media (min-width: 768px) {
  .steps__popup {
    order: 5; } }

@media (min-width: 1024px) {
  .steps__click {
    order: 4; } }

.step {
  display: flex;
  justify-content: center; }
  @media (min-width: 1200px) {
    .step {
      flex-direction: column; } }
  .step__item {
    transition: all 0.3s ease;
    min-width: 4.1rem;
    height: 8.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.1rem;
    border-radius: 5px;
    width: 12%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      .step__item {
        width: fit-content;
        min-width: 9.9rem;
        height: 9.9rem;
        border-radius: 10px; } }
    @media (min-width: 1200px) {
      .step__item {
        width: 100%;
        border-radius: 20px;
        padding: 1rem 2.5rem;
        justify-content: start; } }
    .step__item::before, .step__item::after {
      content: "";
      position: absolute;
      transition: all 0.3s ease; }
    .step__item::before {
      top: 2px;
      bottom: 2px;
      left: 2px;
      right: 2px;
      z-index: -1;
      border-radius: 3px; }
      @media (min-width: 768px) {
        .step__item::before {
          border-radius: 8px; } }
      @media (min-width: 1200px) {
        .step__item::before {
          border-radius: 18px; } }
    .step__item::after {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -2; }
    .step__item:hover, .step__item.active {
      width: 64%;
      min-width: 18.8rem;
      justify-content: start;
      padding: 1rem 1rem 1rem 2rem;
      border-radius: 10px; }
      @media (min-width: 768px) {
        .step__item:hover, .step__item.active {
          padding: 1rem 4.6rem 1rem 2.5rem;
          width: auto;
          height: 9.9rem;
          flex: content; } }
      @media (min-width: 1200px) {
        .step__item:hover, .step__item.active {
          width: 100%;
          padding: 1rem 2.5rem;
          border-radius: 20px;
          flex: auto; } }
      .step__item:hover::before, .step__item.active::before {
        opacity: 0; }
      .step__item:hover .step__number, .step__item.active .step__number {
        min-width: 2.6rem;
        margin-right: 0.8rem; }
        @media (min-width: 768px) {
          .step__item:hover .step__number, .step__item.active .step__number {
            min-width: 3.6rem;
            margin-right: 2.4rem; } }
        .step__item:hover .step__number::after, .step__item.active .step__number::after {
          content: ".";
          transition: all 0.3s ease; }
      .step__item:hover .step__descr, .step__item.active .step__descr {
        opacity: 1;
        visibility: visible;
        width: auto;
        height: auto; }
    .step__item.invalid::after {
      background: #dc3545 !important; }
    .step__item + .step__item {
      margin-left: 0.8rem; }
      @media (min-width: 768px) {
        .step__item + .step__item {
          margin-left: 2rem; } }
      @media (min-width: 1200px) {
        .step__item + .step__item {
          margin: 2.5rem 0 0 0; } }
  .step__number {
    font-weight: 600;
    font-size: 3rem;
    position: relative; }
    @media (min-width: 1200px) {
      .step__number {
        min-width: 3.6rem;
        margin-right: 2.4rem; }
        .step__number::after {
          content: "."; } }
  .step__descr {
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    font-size: 1.2rem;
    line-height: 1.25;
    font-weight: 600; }
    @media (min-width: 768px) {
      .step__descr {
        font-size: 1.6rem;
        transition: all 0.3s ease; } }
    @media (min-width: 1200px) {
      .step__descr {
        visibility: visible;
        width: auto;
        height: auto;
        opacity: 1; } }

.board__wrap {
  padding: 2rem 3rem;
  border-radius: 20px;
  min-height: 11.7rem; }
  @media (min-width: 1200px) {
    .board__wrap {
      min-height: 14.1rem; } }

.board__row {
  display: flex;
  justify-content: center; }

.board__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  min-width: 10rem; }
  @media (min-width: 1200px) {
    .board__column {
      align-items: flex-start; } }
  .board__column + .board__column {
    margin-left: 3rem; }

.board__title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 2rem; }
  @media (min-width: 1200px) {
    .board__title {
      margin-bottom: 3.2rem; } }

.board__subtitle {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  text-transform: uppercase; }

.board__text {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.25; }

.сases-section {
  padding: 5rem 0 4rem;
  position: relative; }
  @media (min-width: 768px) {
    .сases-section {
      padding: 10rem 0 4rem; } }
  @media (min-width: 1200px) {
    .сases-section {
      padding: 10rem 0 6rem; } }
  .сases-section .decor-img {
    right: 0;
    top: -14%;
    max-width: 1054px; }
  .сases-section .container {
    position: relative;
    z-index: 2; }

.case-title {
  margin-bottom: 9.5rem; }
  @media (min-width: 768px) {
    .case-title {
      margin-bottom: 12.5rem; } }
  @media (min-width: 1200px) {
    .case-title {
      margin-bottom: 16.1rem; } }

.cases-wrap {
  margin: 0 0 -14rem; }
  @media (min-width: 768px) {
    .cases-wrap {
      margin: 0 -1.6rem -15rem; } }
  @media (min-width: 1200px) {
    .cases-wrap {
      margin: 0 -2.5rem -16rem; } }
  .cases-wrap .col {
    padding: 0 10px;
    margin-bottom: 14rem; }
    @media (min-width: 768px) {
      .cases-wrap .col {
        padding: 0 1.6rem;
        margin-bottom: 15rem; } }
    @media (min-width: 1200px) {
      .cases-wrap .col {
        padding: 0 2.5rem;
        margin-bottom: 16rem; } }

.case {
  height: 100%; }
  .case__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease;
    min-height: 45.9rem;
    height: 100%;
    overflow: visible; }
    @media (min-width: 768px) {
      .case__wrap {
        min-height: 37rem; } }
    @media (min-width: 1200px) {
      .case__wrap {
        min-height: 50.2rem; } }
    .case__wrap::before {
      border-radius: 28px !important; }
    .case__wrap::after {
      border-radius: 30px; }
  .case__img {
    position: relative; }
    @media (min-width: 1200px) {
      .case__img {
        width: auto !important;
        height: 44.9rem; } }
    .case__img.genius {
      width: 29.2rem;
      margin: -8.5rem auto 4rem; }
      @media (min-width: 768px) {
        .case__img.genius {
          margin: -10.1rem auto 3.5rem; } }
      @media (min-width: 1200px) {
        .case__img.genius {
          margin: -17.2rem auto 3.6rem; } }
    .case__img.dental {
      width: 30rem;
      margin: -9.9rem auto 4.4rem; }
      @media (min-width: 768px) {
        .case__img.dental {
          margin: -10.1rem auto 0.9rem; } }
      @media (min-width: 1200px) {
        .case__img.dental {
          margin: -10.7rem auto -0.8rem; } }
    .case__img.tattoo {
      width: 25rem;
      margin: -9.7rem auto 3.8rem; }
      @media (min-width: 768px) {
        .case__img.tattoo {
          width: 28.2rem;
          margin: -11.5rem auto 3.7rem; } }
      @media (min-width: 1200px) {
        .case__img.tattoo {
          margin: -15.2rem auto 1.5rem; } }
    .case__img.financial {
      width: 20.7rem;
      margin: -9.8rem auto 5.5rem; }
      @media (min-width: 768px) {
        .case__img.financial {
          width: 28.2rem;
          margin: -11.5rem auto 2.7rem; } }
      @media (min-width: 1200px) {
        .case__img.financial {
          margin: -13.6rem auto -3.3rem; } }
    .case__img.alta {
      width: 31rem;
      margin: -7.5rem -1.7rem 0 0; }
      @media (min-width: 768px) {
        .case__img.alta {
          margin: -12.2rem -1.2rem 3.4rem 0; } }
      @media (min-width: 1200px) {
        .case__img.alta {
          margin: -12.2rem auto -4.2rem; } }
    .case__img.collabspace {
      width: 21.7rem;
      margin: -9.9rem auto 1.4rem; }
      @media (min-width: 768px) {
        .case__img.collabspace {
          width: 28.2rem;
          margin: -11.5rem auto 2.2rem; } }
      @media (min-width: 1200px) {
        .case__img.collabspace {
          margin: -13.3rem auto -3.2rem; } }
    .case__img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block; }
  .case__body {
    width: 100%;
    padding: 0 2rem 2rem;
    text-align: center; }
    @media (min-width: 768px) {
      .case__body {
        text-align: left;
        padding: 0 2.2rem 2rem; } }
    @media (min-width: 1024px) {
      .case__body {
        padding: 0 4rem 2rem; } }
  .case__title {
    font-size: 1.8rem;
    line-height: 1.22;
    font-weight: 700;
    width: fit-content;
    transition: all 0.3s ease;
    color: #ffffff; }
    @media (min-width: 768px) {
      .case__title {
        font-size: 1.6rem;
        margin-left: 0 !important; } }
    @media (min-width: 1200px) {
      .case__title {
        font-size: 2.5rem;
        line-height: 1.2; } }
  .case__text {
    font-size: 1.4rem;
    line-height: 1.25;
    font-weight: 400;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .case__text {
        font-size: 1.2rem; } }
    @media (min-width: 1200px) {
      .case__text {
        font-size: 1.4rem; } }
    .case__text + .case__text {
      margin-top: 1.8rem; }

.team-section {
  padding: 5rem 0 4rem;
  position: relative; }
  @media (min-width: 768px) {
    .team-section {
      padding: 10rem 0 4rem; } }
  @media (min-width: 1200px) {
    .team-section {
      padding: 10rem 0 6rem; } }
  .team-section .decor-img.dark {
    right: 0;
    bottom: -14%;
    max-width: 352px; }
  .team-section .decor-img.light {
    width: 70%;
    left: -30px;
    top: -55%;
    max-width: 908px; }
  .team-section .container {
    position: relative;
    z-index: 2; }

.member__wrap {
  display: flex;
  flex-direction: column;
  align-items: center; }

.member__ava-wrap {
  height: 15.8rem;
  width: 15.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  padding: 2.2rem;
  position: relative; }
  @media (min-width: 768px) {
    .member__ava-wrap {
      width: 22.3rem;
      height: 22.3rem;
      padding: 3.1rem; } }
  @media (min-width: 1200px) {
    .member__ava-wrap {
      width: 29rem;
      height: 29rem;
      padding: 4rem; } }

.member__ava-bg {
  width: 100%;
  height: 98%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(0deg);
  animation: rotate-team 10s linear 0s infinite; }

.member__ava {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  flex: none;
  border-radius: 50%;
  overflow: hidden; }
  .member__ava img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; }

.member__name {
  font-size: 1.8rem;
  line-height: 1.72;
  font-weight: 600;
  transition: all 0.3s ease;
  margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .member__name {
      font-size: 2.2rem;
      margin-bottom: 0.7rem; } }
  @media (min-width: 1200px) {
    .member__name {
      font-size: 2.5rem;
      line-height: 1.68;
      margin-bottom: 0.5rem; } }
  @media (max-width: 767px) {
    .member__name--small {
      font-size: 1.6rem;
      margin-left: -1rem;
      margin-right: -1rem; } }

.member__text {
  font-size: 1.2rem;
  transition: all 0.3s ease; }
  @media (min-width: 1200px) {
    .member__text {
      font-size: 1.4rem; } }

.member-container {
  width: 100%;
  max-width: 99rem; }

.member-wrap {
  margin: 0 -0.8rem -3rem; }
  @media (min-width: 768px) {
    .member-wrap {
      margin: 0 -1rem -5.1rem; } }
  @media (min-width: 1200px) {
    .member-wrap {
      margin: 0 -1.75rem -7rem; } }
  .member-wrap .col {
    padding: 0 0.8rem;
    margin-bottom: 3rem; }
    @media (min-width: 768px) {
      .member-wrap .col {
        padding: 0 1rem;
        margin-bottom: 5.1rem; } }
    @media (min-width: 1200px) {
      .member-wrap .col {
        padding: 0 1.75rem;
        margin-bottom: 7rem; } }
    .member-wrap .col:nth-child(2n) .member__ava-bg {
      animation: reverse-rotate-team 10s linear 0s infinite; }

@keyframes rotate-team {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes reverse-rotate-team {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg); } }

.partners-section {
  padding: 3.5rem 0 4rem;
  position: relative; }
  @media (min-width: 768px) {
    .partners-section {
      padding: 10rem 0 4rem; } }
  @media (min-width: 1200px) {
    .partners-section {
      padding: 10rem 0 7rem; } }
  .partners-section .decor-img.light {
    right: 0;
    top: -66%;
    max-width: 1440px; }
  .partners-section .container {
    position: relative;
    z-index: 2; }

.partners__wrap {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 1024px) {
    .partners__wrap {
      flex-direction: row;
      justify-content: space-between; } }

.partners__descr {
  text-align: center;
  margin-bottom: 4rem; }
  @media (min-width: 768px) {
    .partners__descr {
      margin-bottom: 4rem; } }
  @media (min-width: 1024px) {
    .partners__descr {
      text-align: left;
      width: 51.4%;
      margin-bottom: 0;
      padding-right: 3rem; } }

@media (min-width: 1024px) {
  .partners__descr-text {
    max-width: 43rem; } }

.partners__logos-wrap {
  width: 100%; }
  @media (min-width: 768px) {
    .partners__logos-wrap {
      max-width: 58rem; } }

.partners__logo {
  width: 100%;
  height: auto; }
  @media (max-width: 767px) {
    .partners__logo--padding {
      padding: 0.9rem 1.4rem; } }
  .partners__logo img {
    width: 100%;
    height: auto;
    display: block; }

.partners-row {
  margin: 0 -1rem -2rem; }
  @media (min-width: 768px) {
    .partners-row {
      margin: 0 -3.25rem -6rem; } }
  @media (min-width: 1200px) {
    .partners-row {
      margin: 0 -1.75rem -7rem; } }
  .partners-row .col {
    padding: 0 1rem;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .partners-row .col {
        padding: 0 3.25rem;
        margin-bottom: 6rem; } }
    @media (min-width: 1200px) {
      .partners-row .col {
        padding: 0 1.75rem;
        margin-bottom: 7rem; } }

.reviews-section {
  padding: 5rem 0 0; }
  @media (min-width: 768px) {
    .reviews-section {
      padding: 10rem 0 4rem; } }
  @media (min-width: 1200px) {
    .reviews-section {
      padding: 10rem 0 3rem; } }
  .reviews-section .container {
    position: relative;
    z-index: 2; }

.review__wrap {
  display: flex;
  flex-direction: column;
  align-items: center; }

.review__body {
  display: flex; }

.review__quotes {
  width: 1.5rem;
  height: 1.5rem; }
  @media (min-width: 768px) {
    .review__quotes {
      width: 3rem;
      height: 3rem; } }
  .review__quotes--left {
    transform: scale(-1);
    margin: -1.5rem 1rem auto 0; }
    @media (min-width: 768px) {
      .review__quotes--left {
        margin: 0 1rem auto 0; } }
  .review__quotes--right {
    margin: auto 0 -1.5rem 1rem; }
    @media (min-width: 768px) {
      .review__quotes--right {
        margin: auto 0 0 1rem; } }

.review__title {
  width: fit-content;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #C339FD 0%, #5357F6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; }

.reviews-slider {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative; }
  @media (min-width: 1024px) {
    .reviews-slider {
      justify-content: space-between; } }
  .reviews-slider__head {
    width: 100%;
    max-width: 70.6rem;
    margin-bottom: 3rem;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .reviews-slider__head {
        margin-bottom: 5rem; } }
    @media (min-width: 1024px) {
      .reviews-slider__head {
        margin-bottom: 0;
        width: 44.22%;
        max-width: 52.3rem; } }
  .reviews-slider__brain {
    width: 100%;
    display: block; }
  .reviews-slider__content {
    width: 100%;
    display: flex;
    flex-direction: column; }
    @media (min-width: 1024px) {
      .reviews-slider__content {
        width: 55.78%;
        max-width: 56.1rem;
        padding-left: 5rem; } }
  .reviews-slider .swiper-slide {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all 0.3s ease; }
  .reviews-slider .swiper-slide-active {
    opacity: 1;
    z-index: 1;
    visibility: visible; }
  .reviews-slider .swiper-buttons {
    display: flex;
    align-items: center; }
  .reviews-slider .swiper-btn {
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    color: #ffffff;
    opacity: 0.7;
    transition: all 0.3s ease; }
    .reviews-slider .swiper-btn:hover {
      opacity: 1;
      color: #c339fd; }
    .reviews-slider .swiper-btn-next {
      transform: matrix(-1, 0, 0, 1, 0, 0); }

.rates {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rates__item + .rates__item {
    margin-left: 3px; }
  .rates__star {
    width: 1.2rem;
    height: 1.2rem;
    color: #c339fd; }

.pagination-list {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100vw;
  max-width: 70.6rem;
  max-height: 73.8rem;
  z-index: 3; }
  @media (min-width: 1024px) {
    .pagination-list {
      width: 44.22%;
      max-width: 52.3rem;
      height: 43vw;
      max-height: 54.5rem;
      left: 0;
      transform: none; } }
  .pagination-list__wrap {
    position: relative;
    width: 100%;
    height: 100%; }
    .pagination-list__wrap .swiper-pagination-bullet {
      opacity: 1;
      background: none; }
  .pagination-list__item {
    position: absolute;
    cursor: pointer;
    transition: all 0.3s ease; }
    .pagination-list__item:hover .pagination-list__btn, .pagination-list__item.active .pagination-list__btn {
      border: 1px solid #ffffff; }
      .pagination-list__item:hover .pagination-list__btn::before, .pagination-list__item.active .pagination-list__btn::before {
        opacity: 0; }
    .pagination-list__item.active {
      transform: scale(1.67); }
    .pagination-list__item.one {
      top: 41%;
      left: 28%; }
      @media (min-width: 768px) {
        .pagination-list__item.one {
          top: 44%; } }
    .pagination-list__item.two {
      top: 9%;
      left: 21%; }
      @media (min-width: 768px) {
        .pagination-list__item.two {
          top: 11%; } }
    .pagination-list__item.three {
      top: 9%;
      left: 57%; }
      @media (min-width: 768px) {
        .pagination-list__item.three {
          top: 10%; } }
    .pagination-list__item.four {
      top: 41%;
      left: 77.2%; }
      @media (min-width: 768px) {
        .pagination-list__item.four {
          top: 43%; } }
    .pagination-list__item.five {
      top: 68%;
      left: 58%; }
      @media (min-width: 768px) {
        .pagination-list__item.five {
          top: 72.5%; } }
  .pagination-list__btn {
    width: 2.7rem;
    height: 2.7rem;
    display: block;
    flex: none;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent; }
    @media (min-width: 768px) {
      .pagination-list__btn {
        width: 5.7rem;
        height: 5.7rem; } }
    @media (min-width: 1024px) {
      .pagination-list__btn {
        width: 4.2rem;
        height: 4.2rem; } }
    .pagination-list__btn::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      flex: none;
      border-radius: 50%;
      background-image: linear-gradient(180deg, rgba(195, 57, 253, 0.6) 0%, rgba(83, 87, 246, 0.6) 100%);
      opacity: 1;
      transition: opacity 0.35s ease-in-out; }

.contacts-section {
  padding: 5rem 0; }
  @media (min-width: 768px) {
    .contacts-section {
      padding: 10rem 0 10rem; } }
  @media (min-width: 1200px) {
    .contacts-section {
      padding: 10rem 0 10.3rem; } }

@media (min-width: 768px) {
  .contacts-container {
    margin: 0 -15rem; } }

@media (min-width: 1024px) {
  .contacts-container {
    margin: 0 -8.8rem 0 -8rem; } }

@media (min-width: 1200px) {
  .contacts-container {
    margin: 0 -18.8rem 0 -9rem; } }

@media (min-width: 1640px) {
  .contacts-container {
    margin: 0 -14.4rem 0 -14.4rem; } }

.contacts.active .contact-row--padding .col {
  animation: conacts-appear 1.5s linear forwards; }
  @media (min-width: 768px) {
    .contacts.active .contact-row--padding .col {
      animation: none; } }
  .contacts.active .contact-row--padding .col:nth-child(7) .contact-card__inner {
    animation: animation-show 1.5s linear forwards;
    animation-delay: 2.2s; }

.contacts.active .contact-row--padding .contact-card__soc,
.contacts.active .contact-row--padding .contact-card__inner {
  animation: animation-show 1.5s linear forwards;
  animation-delay: 1.7s; }

@media (min-width: 1024px) {
  .contacts.active .contact-row--padding .contact-card__soc {
    animation-delay: 3.2s; } }

.contacts.active .contact-row--reverse {
  animation: conacts-appear 1.5s linear forwards; }
  @media (min-width: 768px) {
    .contacts.active .contact-row--reverse {
      animation-delay: 2.2s; } }
  @media (min-width: 1024px) {
    .contacts.active .contact-row--reverse {
      animation: none; } }
  .contacts.active .contact-row--reverse .contact-card__soc {
    animation: animation-show 1.5s linear forwards;
    animation-delay: 1.7s; }
    @media (min-width: 768px) {
      .contacts.active .contact-row--reverse .contact-card__soc {
        animation-delay: 3.5s; } }
  .contacts.active .contact-row--reverse .contact-card__inner {
    animation: animation-show 1.5s linear forwards;
    animation-delay: 1.7s; }
  .contacts.active .contact-row--reverse .col:nth-child(4) .contact-card__soc {
    animation: animation-show 1.5s linear forwards;
    animation-delay: 2.2s; }
    @media (min-width: 768px) {
      .contacts.active .contact-row--reverse .col:nth-child(4) .contact-card__soc {
        animation-delay: 4.2s; } }

.contacts.active .contacts__info-col,
.contacts.active .contacts__form-col,
.contacts.active .contacts__decor-col,
.contacts.active .contacts__socials-col {
  transform: none; }

@media (min-width: 768px) {
  .contacts.active .form__wrap {
    animation: animation-show 1.5s linear forwards;
    animation-delay: 2s; } }

@media (min-width: 1024px) {
  .contacts.active .form__wrap {
    animation-delay: 2.8s; } }

@media (min-width: 768px) {
  .contacts__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; } }

@media (min-width: 1024px) {
  .contacts__wrap {
    flex-wrap: nowrap; } }

.contacts__info-col {
  margin: 0 -15.7rem 0 -14.5rem;
  display: block;
  flex: none; }
  @media (min-width: 768px) {
    .contacts__info-col {
      margin: 0;
      width: 34.2rem;
      transition: transform 1.5s ease-in-out;
      transform: translateX(-20vw); } }
  @media (min-width: 1024px) {
    .contacts__info-col {
      width: 50rem; } }
  @media (min-width: 1200px) {
    .contacts__info-col {
      width: 66.1rem; } }

.contacts__form-col {
  width: 100%;
  display: block;
  flex: none;
  padding: 3rem 2rem; }
  @media (min-width: 768px) {
    .contacts__form-col {
      width: 55.4rem;
      padding: 0 1rem;
      transition: transform 1.5s ease-in-out;
      transform: translateX(-20vw); } }
  @media (min-width: 1360px) {
    .contacts__form-col {
      width: 62.3rem;
      padding: 0 2rem; } }

.contacts__decor-col {
  display: none; }
  @media (min-width: 768px) {
    .contacts__decor-col {
      display: block;
      width: 16.3rem;
      transition: transform 1.5s ease-in-out;
      transform: translateX(-20vw); } }
  @media (min-width: 1024px) {
    .contacts__decor-col {
      display: none; } }

.contacts__socials-col {
  display: block;
  flex: none;
  margin: 0 -3.5rem 0 -3.5rem; }
  @media (min-width: 768px) {
    .contacts__socials-col {
      margin: 4.1rem auto 0;
      width: 100%;
      max-width: 106.8rem; } }
  @media (min-width: 1024px) {
    .contacts__socials-col {
      margin: 0;
      width: 33.7rem;
      transition: transform 1.5s ease-in-out;
      transform: translateX(-20vw); } }
  @media (min-width: 1200px) {
    .contacts__socials-col {
      width: 43.4rem; } }

.contacts__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  min-height: 32.8rem;
  height: 100%;
  border-radius: 10px; }
  @media (min-width: 768px) {
    .contacts__form {
      padding: 5rem;
      min-height: 42.2rem;
      border-radius: 20px; } }
  @media (min-width: 1360px) {
    .contacts__form {
      padding: 7rem 7.5rem;
      min-height: 48.8rem; } }
  @media (min-width: 768px) {
    .contacts__form .form__wrap {
      opacity: 0; } }

.contact-card {
  width: 100%;
  display: block;
  flex: none; }
  .contact-card__wrap {
    width: 100%;
    min-height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0.7rem;
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .contact-card__wrap {
        min-height: 13.1rem;
        border-radius: 2rem; } }
    @media (min-width: 1360px) {
      .contact-card__wrap {
        min-height: 15rem; } }
    .contact-card__wrap::before, .contact-card__wrap:after {
      transition: all 0.3s ease; }
    .contact-card__wrap:hover .contact-card__text {
      font-weight: 600; }
    .contact-card__wrap svg path {
      transition: all 0.3s ease; }
  .contact-card__inner {
    opacity: 0; }
  .contact-card__title {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: all 0.3s ease;
    margin-bottom: 0.5rem; }
    @media (min-width: 768px) {
      .contact-card__title {
        font-size: 1.2rem;
        margin-bottom: 0.8rem; } }
  .contact-card__text {
    font-size: 1.2rem;
    line-height: 1.22;
    font-weight: 400;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .contact-card__text {
        font-size: 1.5rem; } }
    @media (min-width: 1360px) {
      .contact-card__text {
        font-size: 1.6rem; } }
  .contact-card__soc {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    flex: none;
    opacity: 0; }
    @media (min-width: 768px) {
      .contact-card__soc {
        width: 3rem;
        height: 3rem; } }
    @media (min-width: 1360px) {
      .contact-card__soc {
        width: 5rem;
        height: 5rem; } }
    .contact-card__soc svg {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain; }

.contact-row {
  margin: 0 -0.25rem -1.9rem;
  position: relative; }
  @media (min-width: 768px) {
    .contact-row {
      margin: 0 -0.5rem -1.5rem; } }
  @media (min-width: 1200px) {
    .contact-row {
      margin: 0 -1rem -2rem; } }
  @media (max-width: 768px) {
    .contact-row--padding {
      padding-left: 2rem; } }
  .contact-row--padding .col:nth-child(1), .contact-row--padding .col:nth-child(2), .contact-row--padding .col:nth-child(3), .contact-row--padding .col:nth-child(4), .contact-row--padding .col:nth-child(5), .contact-row--padding .col:nth-child(6), .contact-row--padding .col:nth-child(7) {
    transform: translateX(-100vw); }
    @media (min-width: 768px) {
      .contact-row--padding .col:nth-child(1), .contact-row--padding .col:nth-child(2), .contact-row--padding .col:nth-child(3), .contact-row--padding .col:nth-child(4), .contact-row--padding .col:nth-child(5), .contact-row--padding .col:nth-child(6), .contact-row--padding .col:nth-child(7) {
        transform: none; } }
  .contact-row--padding .col:nth-child(8), .contact-row--padding .col:nth-child(9), .contact-row--padding .col:nth-child(10), .contact-row--padding .col:nth-child(11), .contact-row--padding .col:nth-child(12), .contact-row--padding .col:nth-child(13), .contact-row--padding .col:nth-child(14) {
    transform: translateX(140vw); }
    @media (min-width: 768px) {
      .contact-row--padding .col:nth-child(8), .contact-row--padding .col:nth-child(9), .contact-row--padding .col:nth-child(10), .contact-row--padding .col:nth-child(11), .contact-row--padding .col:nth-child(12), .contact-row--padding .col:nth-child(13), .contact-row--padding .col:nth-child(14) {
        transform: none; } }
  .contact-row--padding .col:nth-child(9) {
    margin-left: -2rem; }
    @media (min-width: 768px) {
      .contact-row--padding .col:nth-child(9) {
        margin-left: 0; } }
  .contact-row--reverse {
    justify-content: center;
    transform: translateX(-100vw); }
    @media (min-width: 768px) {
      .contact-row--reverse {
        flex-direction: row-reverse;
        transform: translateX(-120vw); } }
    @media (min-width: 1024px) {
      .contact-row--reverse {
        transform: none;
        opacity: 1; } }
  .contact-row .col {
    margin-bottom: 1.9rem;
    padding: 0 0.25rem; }
    @media (min-width: 768px) {
      .contact-row .col {
        padding: 0 0.5rem;
        margin-bottom: 1.5rem; } }
    @media (min-width: 1200px) {
      .contact-row .col {
        padding: 0 1rem;
        margin-bottom: 2rem; } }

@keyframes conacts-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: none; } }

.svg-sprite {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute; }

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 1rem;
  padding: 0.5rem 2rem;
  transition: all 0.3s ease; }
  .btn.primary {
    color: #ffffff;
    border: 1px solid rgba(22, 73, 116, 0.24);
    position: relative;
    z-index: 1;
    border: 2px solid transparent; }
    .btn.primary:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% + 4px);
      height: calc(100% + 4px);
      background-image: linear-gradient(93.59deg, #C339FD -9.35%, #5357F6 123.11%);
      z-index: -1;
      transition: opacity 0.3s linear;
      opacity: 1;
      border-radius: 1rem; }
    @media (min-width: 1024px) {
      .btn.primary:hover {
        border: 2px solid #ffffff; }
        .btn.primary:hover::before {
          opacity: 0; } }
  .btn.extra-small {
    height: 3.2rem;
    font-size: 0.8rem; }
    @media (min-width: 768px) {
      .btn.extra-small {
        font-size: 1rem;
        letter-spacing: 0.04em;
        height: 3.6rem; } }
  .btn.small {
    height: 3.5rem; }
    @media (min-width: 1200px) {
      .btn.small {
        font-size: 1.4rem;
        letter-spacing: 0.04em;
        height: 5rem; } }
  .btn.medium {
    height: 4.1rem; }
    @media (min-width: 768px) {
      .btn.medium {
        font-size: 1.4rem;
        letter-spacing: 0.04em;
        height: 5rem; } }
  .btn.is-big {
    height: 4.1rem; }
    @media (min-width: 1200px) {
      .btn.is-big {
        font-size: 1.4rem;
        letter-spacing: 0.04em;
        height: 5rem; } }
  .btn.is-circle {
    height: 3.5rem;
    font-size: 1rem;
    padding: 0.6rem; }
    @media (min-width: 768px) {
      .btn.is-circle {
        border-radius: 50%;
        width: 8rem;
        height: 8rem;
        font-size: 0.8rem; }
        .btn.is-circle:before {
          border-radius: 4.2rem; } }
    @media (min-width: 1440px) {
      .btn.is-circle {
        font-size: 1rem;
        width: 11rem;
        height: 11rem; }
        .btn.is-circle:before {
          border-radius: 5.7rem; } }

.theme-light {
  --bg-color: #ffffff;
  --text-color: #000000; }
  .theme-light .scroll-wrap::-webkit-scrollbar-thumb {
    background-color: #5357F6; }
  .theme-light .burger span {
    background-color: #323233; }
  .theme-light .burger.active span {
    background-color: #b4b5b6; }
  .theme-light .overlay {
    background: rgba(255, 255, 255, 0.8); }
  .theme-light .nav-wrap {
    background-color: #ffffff; }
    @media (min-width: 768px) {
      .theme-light .nav-wrap {
        background-size: contain;
        background-position: bottom;
        background-image: url("../images/nav-bg-md-light.png"); } }
    @media (min-width: 1200px) {
      .theme-light .nav-wrap {
        background-image: url("../images/nav-bg-xl-light.png"); } }
  .theme-light .nav__link {
    color: #b4b5b6;
    opacity: 1; }
    .theme-light .nav__link::before {
      background-color: #b4b5b6; }
    .theme-light .nav__link.active, .theme-light .nav__link:hover {
      color: #5661f6; }
      .theme-light .nav__link.active::before, .theme-light .nav__link:hover::before {
        background-color: #5661f6; }
  .theme-light .footer {
    background-image: linear-gradient(91.86deg, #203a51 -6.29%, #0e0f14 102.42%);
    border-top: none; }
  .theme-light .footer__wrap {
    border-top: none; }
  .theme-light .social-link::before {
    background-image: linear-gradient(180deg, #5357f6 0%, #6ac4ea 100%); }
  .theme-light .social-link:after {
    background-color: #1e3449;
    border: 1px solid rgba(236, 236, 236, 0.3); }
  .theme-light .social-link:hover svg path {
    fill: #5357F6; }
  .theme-light .social-link--popup:after {
    background-color: #ffffff;
    width: 3.7rem;
    height: 3.7rem;
    border: none !important; }
  .theme-light .social-link--popup::before {
    opacity: 1;
    background-image: linear-gradient(180deg, #5357f6 0%, #6ac4ea 100%); }
  .theme-light .social-link--popup:hover:after {
    opacity: 0; }
  .theme-light .social-link--popup:hover svg path {
    fill: #ffffff; }
  .theme-light .social-link--popup svg path {
    fill: #5357F6; }
  .theme-light .section-title,
  .theme-light .member__name,
  .theme-light .case__title,
  .theme-light .form-popup__title {
    background: linear-gradient(90deg, #5357f6 -7.5%, #6ac4ea 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.003em;
    text-transform: uppercase; }
  .theme-light .base-text,
  .theme-light .member__text,
  .theme-light .case__text,
  .theme-light .form__title,
  .theme-light .form__subtitle,
  .theme-light .form__input {
    color: #323233; }
  .theme-light .btn.primary:before {
    background-image: linear-gradient(96.84deg, #5357f6 -7.56%, #6ac4ea 111.75%); }
  @media (min-width: 1024px) {
    .theme-light .btn.primary:hover {
      border: 2px solid #5357F6;
      color: #5357F6; }
      .theme-light .btn.primary:hover::before {
        opacity: 0; } }
  .theme-light .main-link {
    color: #5357F6; }
    .theme-light .main-link:hover {
      color: #c339fd; }
  .theme-light .base-link {
    color: #5357F6; }
    .theme-light .base-link:hover {
      color: #33b4f3; }
  .theme-light .process__wrap::before {
    background: linear-gradient(180deg, #5357f6 0%, #6ac4ea 100%); }
  .theme-light .process__wrap::after {
    background-image: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%); }
  @media (min-width: 1024px) {
    .theme-light .process__descr-text {
      color: #323233; } }
  .theme-light .process__list-item::before {
    background-color: #ffffff; }
    @media (min-width: 1024px) {
      .theme-light .process__list-item::before {
        background-color: #323233; } }
  .theme-light .member__ava-wrap {
    padding: 0.8rem; }
    @media (min-width: 768px) {
      .theme-light .member__ava-wrap {
        width: 23rem;
        height: 23rem;
        padding: 1.2rem; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .theme-light .member__ava-wrap {
      height: 23.6rem; } }
  .theme-light .member__name {
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .theme-light .member__name {
        font-size: 1.6rem; } }
    @media (min-width: 1200px) {
      .theme-light .member__name {
        font-size: 1.8rem; } }
  .theme-light .logo.dark,
  .theme-light .member__ava-bg.dark,
  .theme-light .partners__logo.dark,
  .theme-light .footer__logo.dark,
  .theme-light .reviews-slider__brain.dark,
  .theme-light .service-item__logo.dark,
  .theme-light .service-item__img.dark,
  .theme-light .core__img.dark {
    display: none; }
  @media (min-width: 1024px) {
    .theme-light .partners__descr-title {
      max-width: 45.5rem; } }
  .theme-light .form__input {
    border: 1px solid #D5D5D6;
    color: #5357F6; }
    .theme-light .form__input::-webkit-input-placeholder {
      color: #b4b5b6; }
    .theme-light .form__input::-moz-placeholder {
      opacity: 1;
      color: #b4b5b6; }
    .theme-light .form__input:-moz-placeholder {
      color: #b4b5b6; }
    .theme-light .form__input:-ms-input-placeholder {
      color: #b4b5b6; }
    .theme-light .form__input.placeholder {
      color: #b4b5b6; }
    .theme-light .form__input:focus {
      border-color: #5357F6; }
      .theme-light .form__input:focus::placeholder {
        opacity: 0; }
  .theme-light .contact-card__title,
  .theme-light .contact-card__text {
    color: #323233; }
  .theme-light .contact-card__soc svg {
    color: #5357F6; }
  .theme-light .contact-card.filled .contact-card__wrap {
    background: linear-gradient(96.84deg, #5357f6 -7.56%, #6ac4ea 111.75%); }
  .theme-light .contact-card.empty .contact-card__wrap {
    background-color: #f9f9f9;
    border: 2px solid #f3f3f3; }
  .theme-light .contact-card.soc:hover .contact-card__wrap::before {
    opacity: 0; }
  .theme-light .contact-card.soc:hover svg {
    color: #ffffff; }
  .theme-light .contact-card .board-decor:hover .contact-card__text {
    color: #5357F6; }
  .theme-light .step__number {
    color: #5357F6; }
  .theme-light .step__item::after {
    background: #f3f3f3; }
  .theme-light .step__item::before {
    background-color: #f9f9f9; }
  .theme-light .step__item.active::after, .theme-light .step__item:hover::after {
    background-image: linear-gradient(96.84deg, #5357f6 -7.56%, #6ac4ea 111.75%); }
  .theme-light .step__item.active .step__number,
  .theme-light .step__item.active .step__descr, .theme-light .step__item:hover .step__number,
  .theme-light .step__item:hover .step__descr {
    color: #ffffff; }
  .theme-light .steps__form-title,
  .theme-light .steps__form-subtitle {
    color: #323233; }
  .theme-light .steps__form-item::before {
    background-color: #f9f9f9; }
    @media (min-width: 1200px) {
      .theme-light .steps__form-item::before {
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px; } }
  .theme-light .steps__form-item::after {
    background: linear-gradient(95.88deg, rgba(83, 87, 246, 0.6) -2.07%, rgba(106, 196, 234, 0.6) 109.21%); }
  .theme-light .board.empty .board__wrap {
    background-color: #f9f9f9;
    border: 2px solid #f3f3f3;
    color: #767171; }
  .theme-light .board.filled .board__wrap {
    background-image: linear-gradient(96.84deg, #5357f6 -7.56%, #6ac4ea 111.75%);
    color: #ffffff; }
  .theme-light .check-item:hover .check-item__radio,
  .theme-light .check-item:hover .check-item__check {
    border-color: #5357F6; }
  .theme-light .check-item__input:checked + .check-item__wrap .check-item__radio {
    border-color: #5357F6; }
    .theme-light .check-item__input:checked + .check-item__wrap .check-item__radio::before {
      background-color: #5357F6; }
  .theme-light .check-item__input:checked + .check-item__wrap .check-item__check {
    border-color: #5357F6;
    background-color: #5357F6; }
  .theme-light .check-item__check, .theme-light .check-item__radio {
    border: 1.5px solid #c4c4c4; }
  .theme-light .review__title {
    background: linear-gradient(180deg, #5357f6 0%, #6ac4ea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; }
  .theme-light .review__quotes {
    color: #5357F6; }
  .theme-light .rates__star {
    color: #6ac4ea; }
  .theme-light .pagination-list__item.active .pagination-list__btn {
    border-color: #5357F6; }
  .theme-light .pagination-list__btn::before {
    background: linear-gradient(180deg, rgba(83, 87, 246, 0.6) 0%, rgba(106, 196, 234, 0.6) 100%); }
  .theme-light .swiper-btn {
    color: #5357F6;
    opacity: 1; }
    .theme-light .swiper-btn:hover {
      color: #33b4f3; }
  @media (min-width: 1200px) {
    .theme-light .service-item:nth-child(2) {
      margin: 7rem 0; } }
  .theme-light .service-item__title {
    letter-spacing: 0.003em;
    text-transform: uppercase;
    background: linear-gradient(90deg, #5357f6 -7.5%, #6ac4ea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 1rem; }
    @media (min-width: 768px) {
      .theme-light .service-item__title {
        font-size: 1.4rem; } }
    @media (min-width: 1440px) {
      .theme-light .service-item__title {
        font-size: 1.8rem; } }
  .theme-light .service-item__text {
    color: #323233; }
  .theme-light .service-item__logo-circle {
    background-image: url("../images/services-img/logo-circle-light.svg"); }
    @media (min-width: 1440px) {
      .theme-light .service-item__logo-circle {
        background-image: url("../images/services-img/logo-circle-xl-light.svg"); } }
  @media (min-width: 1440px) {
    .theme-light .service-item__btn {
      width: 17rem;
      height: 17rem; } }
  @media (min-width: 1200px) {
    .theme-light .services__col--right {
      padding-left: 4.5rem; } }
  @media (min-width: 1200px) {
    .theme-light .services__col--left {
      padding-right: 4.5rem; } }
  @media (min-width: 1200px) {
    .theme-light .services__core {
      left: 50%;
      transform: translate(-50%, -45%); } }
  .theme-light .core__wrap {
    background-image: url("../images/services-img/core-wrap-sm-light.png"); }
    @media (min-width: 1200px) {
      .theme-light .core__wrap {
        background-image: url("../images/services-img/core-wrap-xl-light2.svg");
        width: 39.9vw;
        height: 32.9vw; } }
    @media (min-width: 1440px) {
      .theme-light .core__wrap {
        width: 61.9rem;
        height: 50.3rem; } }
  @media (min-width: 1200px) {
    .theme-light .core__circle-big {
      background-image: url("../images/services-img/core-circle-big-light.svg"); } }
  .theme-light .cookies-popup__title {
    color: #5357F6; }
  .theme-light .cookies-popup__wrap {
    position: relative;
    border-radius: 10px;
    overflow: hidden; }
    .theme-light .cookies-popup__wrap::before, .theme-light .cookies-popup__wrap::after {
      content: "";
      position: absolute; }
    .theme-light .cookies-popup__wrap::before {
      top: 2px;
      bottom: 2px;
      left: 2px;
      right: 2px;
      z-index: -1;
      border-radius: 8px;
      background-color: #ffffff; }
    .theme-light .cookies-popup__wrap::after {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -2;
      background-image: linear-gradient(95.8deg, #5357f6 -7.78%, #6ac4ea 112.68%); }
  @media (max-width: 767px) {
    .theme-light .form-popup {
      background-color: #ffffff; } }
  .theme-light .form-popup__wrap:before {
    background-color: #ffffff; }
  .theme-light .form-popup__decor {
    background-image: linear-gradient(119.64deg, #6ac4ea -6.45%, #5357f6 107.93%); }
  .theme-light .form-popup__close {
    opacity: 1; }
    .theme-light .form-popup__close:hover .popup-close:before, .theme-light .form-popup__close:hover .popup-close:after {
      background-color: #5357F6; }
  .theme-light .popup-close:before, .theme-light .popup-close:after {
    background-color: #d5d5d6; }
  .theme-light .made__text {
    color: #5357F6; }
  .theme-light .link-swipe {
    color: #5357F6; }
    .theme-light .link-swipe__arrow {
      color: #5357F6; }
  .theme-light .chat-button {
    background-color: #ffffff;
    background-image: url("../images/chat-btn-bg-light.svg"); }
    .theme-light .chat-button:hover {
      background-image: url("../images/chat-btn-bg-light-hover.svg"); }
  .theme-light .chat-button__icon path:last-child {
    stroke: #323233; }
  .theme-light .lang-nav__btn {
    color: rgba(14, 15, 20, 0.5);
    background-image: url("../images/lang-nav-light.svg"); }
    .theme-light .lang-nav__btn:hover {
      color: #5357F6;
      background-image: url("../images/lang-nav-light-hover.svg"); }
    .theme-light .lang-nav__btn.active {
      color: #ffffff;
      background-image: linear-gradient(137.73deg, #5357f6 -5.24%, #6ac4ea 100%); }
  .theme-light .service-popup {
    background-color: #ffffff; }
    @media (min-width: 1440px) {
      .theme-light .service-popup {
        background: rgba(255, 255, 255, 0.5); } }
  .theme-light .service-popup__close {
    color: #5357F6; }
    @media (min-width: 768px) {
      .theme-light .service-popup__close {
        background-image: url("../images/service-close-bg-light.svg"); } }
  .theme-light .service::before {
    background: linear-gradient(179deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 30%, #6ac4ea 100%); }
  .theme-light .service__wrap {
    background-image: url("../images/service-wrap-light.svg"); }
    @media (min-width: 1440px) {
      .theme-light .service__wrap {
        width: 17rem;
        height: 17rem; } }
    .theme-light .service__wrap::before {
      background: linear-gradient(179deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 30%, #6ac4ea 100%); }
  .theme-light .service__title {
    color: #323233; }
  .theme-light .decor-img.dark {
    display: none; }
  @media (min-width: 1440px) {
    .theme-light .service {
      padding: 2rem; } }
  .theme-light .btn-top {
    background: linear-gradient(96.84deg, #5357f6 -7.56%, #6ac4ea 111.75%); }
    .theme-light .btn-top:hover {
      background: linear-gradient(180deg, #5357f6 0%, #6ac4ea 100%); }
      .theme-light .btn-top:hover svg {
        color: #5661f6; }
    .theme-light .btn-top::before {
      background-color: #ffffff; }
  @media (min-width: 1440px) {
    .theme-light .board-decor.medium::before {
      top: 4px;
      bottom: 4px;
      left: 4px;
      right: 4px; } }
  @media (min-width: 1440px) {
    .theme-light .board-decor.big::before {
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px; } }
  .theme-light .board-decor::before {
    background-color: #ffffff; }
  .theme-light .board-decor::after {
    background-image: linear-gradient(95.8deg, #5357f6 -7.78%, #6ac4ea 112.68%); }
  .theme-light .case__wrap::after {
    background-image: linear-gradient(180deg, #5357f6 0%, rgba(106, 196, 234, 0.5) 100%); }
  .theme-light .steps__form .form-thanks.active {
    background: #ffffff; }

.theme-dark {
  --bg-color: #0e0f14;
  --text-color: #ffffff; }
  .theme-dark .overlay {
    background: linear-gradient(180deg, #0e0f14 23.52%, rgba(14, 15, 20, 0) 62.94%, #0e0f14 81.25%), rgba(14, 15, 20, 0.9); }
  .theme-dark .social-link::before {
    background-image: linear-gradient(180deg, #5357f6 0%, #c339fd 100%); }
  .theme-dark .social-link:after {
    background-color: #13151e;
    border: 1px solid rgba(236, 236, 236, 0.1); }
  @media (min-width: 768px) {
    .theme-dark .nav-wrap {
      background-image: url("../images/nav-bg-md-dark.png"); } }
  @media (min-width: 1200px) {
    .theme-dark .nav-wrap {
      background-image: url("../images/nav-bg-xl-dark.png"); } }
  .theme-dark .section-title,
  .theme-dark .member__name {
    color: #ffffff;
    font-family: "Martel"; }
  .theme-dark .base-text,
  .theme-dark .member__text,
  .theme-dark .case__text,
  .theme-dark .form__title,
  .theme-dark .form__subtitle,
  .theme-dark .form__input,
  .theme-dark .cookies-popup__title {
    color: #ffffff; }
  .theme-dark .main-link {
    color: #c339fd; }
    .theme-dark .main-link:hover {
      color: #ffffff; }
  .theme-dark .base-link {
    color: #ffffff; }
    .theme-dark .base-link:hover {
      color: #c339fd; }
  .theme-dark .process__wrap::before {
    content: "none"; }
  .theme-dark .process__wrap::after {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/process-bg-md-dark.svg"); }
    @media (min-width: 1024px) {
      .theme-dark .process__wrap::after {
        background-image: url("../images/process-bg-lg-dark.svg");
        transform: rotate(-90deg); } }
  .theme-dark .process__wrap:hover {
    background-color: #c339fd; }
  .theme-dark .logo.light,
  .theme-dark .member__ava-bg.light,
  .theme-dark .partners__logo.light,
  .theme-dark .footer__logo.light,
  .theme-dark .reviews-slider__brain.light,
  .theme-dark .service-item__logo.light,
  .theme-dark .service-item__img.light,
  .theme-dark .core__img.light {
    display: none; }
  .theme-dark .form__input {
    border: 1px solid #ffffff; }
  .theme-dark .contact-card__title,
  .theme-dark .contact-card__text {
    color: #ffffff; }
  .theme-dark .contact-card__soc svg {
    color: rgba(255, 255, 255, 0.4); }
  .theme-dark .contact-card.filled .contact-card__wrap {
    background: linear-gradient(95.72deg, #c339fd -6.34%, #5357f6 113.91%); }
  .theme-dark .contact-card.empty .contact-card__wrap {
    background: #13151e;
    border: 1.5px solid rgba(236, 236, 236, 0.1); }
  @media (min-width: 1024px) {
    .theme-dark .contact-card.soc:hover .contact-card__soc {
      transform: scale(1.4); } }
  .theme-dark .contact-card .board-decor:hover .contact-card__text,
  .theme-dark .contact-card .board-decor:hover svg {
    color: #c339fd; }
  .theme-dark .step__number,
  .theme-dark .step__descr,
  .theme-dark .steps__form-title,
  .theme-dark .steps__form-subtitle,
  .theme-dark .check-item__title {
    color: #ffffff; }
  .theme-dark .steps__form-item::after,
  .theme-dark .step__item::after {
    background-image: linear-gradient(95.72deg, #c339fd -6.34%, #5357f6 113.91%); }
  .theme-dark .steps__form-item::before,
  .theme-dark .step__item::before {
    background: #0e0f14; }
  .theme-dark .board.empty .board__wrap {
    border: 2px solid rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6); }
  .theme-dark .board.filled .board__wrap {
    background-image: linear-gradient(93.59deg, #c339fd -9.35%, #5357f6 123.11%);
    color: #ffffff; }
  .theme-dark .check-item:hover .check-item__radio,
  .theme-dark .check-item:hover .check-item__check {
    border-color: #c339fd; }
  .theme-dark .check-item__input:checked + .check-item__wrap .check-item__radio {
    border-color: #c339fd; }
    .theme-dark .check-item__input:checked + .check-item__wrap .check-item__radio::before {
      background-color: #c339fd; }
  .theme-dark .check-item__input:checked + .check-item__wrap .check-item__check {
    border-color: #c339fd;
    background-color: #c339fd; }
  .theme-dark .check-item__check, .theme-dark .check-item__radio {
    border: 1.5px solid #767171; }
  .theme-dark .review__quotes {
    color: rgba(255, 255, 255, 0.4); }
  .theme-dark .rates__star {
    color: #c339fd; }
  .theme-dark .service-item__title,
  .theme-dark .service-item__text {
    color: #ffffff; }
  .theme-dark .service-item__logo-circle {
    background-image: url("../images/services-img/logo-circle-dark.svg"); }
    @media (min-width: 1440px) {
      .theme-dark .service-item__logo-circle {
        background-image: url("../images/services-img/logo-circle-xl-dark.svg"); } }
  .theme-dark .core__wrap {
    background-image: url("../images/services-img/core-wrap-sm-dark.svg"); }
    @media (min-width: 768px) {
      .theme-dark .core__wrap {
        background-image: url("../images/services-img/core-wrap-md-dark.svg"); } }
    @media (min-width: 1200px) {
      .theme-dark .core__wrap {
        background-image: url("../images/services-img/core-wrap-xl-dark.svg"); } }
  .theme-dark .core__circle-big {
    background-image: url("../images/services-img/core-circle-mob-dark.svg"); }
    @media (min-width: 768px) {
      .theme-dark .core__circle-big {
        background-image: url("../images/services-img/core-circle-md-dark.svg"); } }
    @media (min-width: 1200px) {
      .theme-dark .core__circle-big {
        background-image: url("../images/services-img/core-circle-big-dark.svg"); } }
  .theme-dark .core__circle-small {
    background-image: url("../images/services-img/core-circle-small-dark.svg"); }
  .theme-dark .cookies-popup__wrap {
    background-color: #0e0f14;
    border: 1px solid #ffffff;
    border-radius: 10px; }
  @media (max-width: 767px) {
    .theme-dark .form-popup {
      background-color: #0e0f14; } }
  .theme-dark .form-popup__wrap:before {
    background-color: #0e0f14; }
  .theme-dark .form-popup__decor {
    background-image: linear-gradient(95.8deg, #c339fd -7.78%, #5357f6 112.68%); }
  .theme-dark .made__text,
  .theme-dark .service__title {
    color: #ffffff; }
  .theme-dark .chat-button {
    background-image: url("../images/chat-btn-bg-dark.svg");
    background-color: #0e0f14; }
    .theme-dark .chat-button:hover .chat-button__icon path:first-child {
      fill-opacity: 1; }
  .theme-dark .lang-nav__btn {
    color: rgba(255, 255, 255, 0.5);
    background-image: url("../images/lang-nav-dark.svg"); }
    .theme-dark .lang-nav__btn:hover {
      color: #ffffff;
      background-image: url("../images/lang-nav-dark-hover.svg"); }
    .theme-dark .lang-nav__btn.active {
      color: #ffffff;
      background-image: linear-gradient(137.73deg, #5357f6 -5.24%, #c339fd 100%); }
  .theme-dark .services__wrap {
    position: relative;
    z-index: 1; }
    @media (min-width: 1200px) {
      .theme-dark .services__wrap::before, .theme-dark .services__wrap::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: 100vw;
        transform: translateX(-50%);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; } }
    .theme-dark .services__wrap::before {
      z-index: -1;
      background: linear-gradient(180deg, #0e0f14 23.52%, rgba(14, 15, 20, 0.6) 62.94%, #0e0f14 81.25%), rgba(14, 15, 20, 0.9); }
    .theme-dark .services__wrap::after {
      background-image: url("../images/services-img/services-wrap.png");
      z-index: -2; }
  .theme-dark .service__wrap {
    background-image: url("../images/service-wrap-dark.svg"); }
  .theme-dark .service-popup .service-popup__bg {
    opacity: 0.15;
    background-image: url("../images/service-popup-dark.png"); }
  .theme-dark .service-popup__close {
    color: #c339fd; }
    @media (min-width: 768px) {
      .theme-dark .service-popup__close {
        background-image: url("../images/service-close-bg-dark.svg"); } }
  .theme-dark .decor-img.light {
    display: none; }
  .theme-dark .service::before {
    background: linear-gradient(179deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(205, 89, 255, 0.7) 100%); }
    @media (min-width: 1200px) {
      .theme-dark .service::before {
        background: linear-gradient(179deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.2) 60%, rgba(199, 70, 254, 0.7) 100%); } }
  .theme-dark .btn-top {
    background: linear-gradient(99.03deg, #b342e8 -32.78%, #6b00f3 149.31%); }
    .theme-dark .btn-top:hover {
      background: linear-gradient(180deg, #5357f6 0%, #c339fd 100%); }
    .theme-dark .btn-top::before {
      background-color: #0e0f14; }
  .theme-dark .board-decor::before {
    background-color: #0e0f14; }
  .theme-dark .board-decor::after {
    background-image: linear-gradient(95.8deg, #c339fd -7.78%, #5357f6 112.68%); }
  .theme-dark .case__wrap::after {
    background-image: linear-gradient(147.79deg, #c339fd -3.56%, rgba(195, 57, 253, 0.1) 113.11%); }

.theme-nav {
  display: flex;
  align-items: center; }
  @media (min-width: 1200px) {
    .theme-nav {
      flex-direction: column;
      position: fixed;
      z-index: 5;
      bottom: auto;
      top: 50%;
      transform: translateY(-50%);
      right: 3rem; } }
  @media (min-width: 1700px) {
    .theme-nav {
      right: 10rem; } }
  .theme-nav__btn {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    cursor: pointer; }
    .theme-nav__btn.active .theme-nav__icon--dark {
      display: none; }
    .theme-nav__btn.active .theme-nav__icon--light {
      display: block; }
  .theme-nav__icon {
    width: 100%; }
    .theme-nav__icon--dark {
      display: block; }
    .theme-nav__icon--light {
      display: none; }

.form {
  width: 100%; }
  .form.sent {
    display: none !important; }
  .form__wrap {
    display: flex;
    flex-direction: column; }
  .form__title {
    font-size: 1.8rem;
    line-height: 1.22;
    width: fit-content;
    color: #ffffff;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .form__title {
        font-size: 2.2rem; } }
    @media (min-width: 1200px) {
      .form__title {
        font-size: 2.5rem;
        line-height: 1.2; } }
  .form__subtitle {
    font-size: 1.8rem;
    line-height: 1.22;
    width: fit-content;
    color: #ffffff;
    transition: all 0.3s ease; }
    @media (min-width: 1200px) {
      .form__subtitle {
        font-size: 2.5rem;
        line-height: 1.2; } }
  .form__field.invalid .form__input {
    border-color: #dc3545; }
  .form__input {
    display: flex;
    align-items: center;
    background-color: transparent;
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 600;
    height: 4.1rem;
    width: 100%;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .form__input {
        font-size: 1.2rem; } }
    .form__input::-webkit-input-placeholder {
      color: #ffffff;
      opacity: 0.7;
      font-size: 1rem;
      text-transform: uppercase;
      transition: all 0.3s ease; }
      @media (min-width: 768px) {
        .form__input::-webkit-input-placeholder {
          font-size: 1.2rem; } }
    .form__input::-moz-placeholder {
      opacity: 1;
      color: #ffffff;
      opacity: 0.7;
      font-size: 1rem;
      text-transform: uppercase;
      transition: all 0.3s ease; }
      @media (min-width: 768px) {
        .form__input::-moz-placeholder {
          font-size: 1.2rem; } }
    .form__input:-moz-placeholder {
      color: #ffffff;
      opacity: 0.7;
      font-size: 1rem;
      text-transform: uppercase;
      transition: all 0.3s ease; }
      @media (min-width: 768px) {
        .form__input:-moz-placeholder {
          font-size: 1.2rem; } }
    .form__input:-ms-input-placeholder {
      color: #ffffff;
      opacity: 0.7;
      font-size: 1rem;
      text-transform: uppercase;
      transition: all 0.3s ease; }
      @media (min-width: 768px) {
        .form__input:-ms-input-placeholder {
          font-size: 1.2rem; } }
    .form__input.placeholder {
      color: #ffffff;
      opacity: 0.7;
      font-size: 1rem;
      text-transform: uppercase;
      transition: all 0.3s ease; }
      @media (min-width: 768px) {
        .form__input.placeholder {
          font-size: 1.2rem; } }
    .form__input:focus {
      border-color: #c339fd; }
      .form__input:focus::placeholder {
        opacity: 0; }
  .form__file {
    display: none; }

.form-thanks {
  display: none; }
  .form-thanks .form__title {
    text-align: center;
    margin: 0 auto; }
  .form-thanks.active {
    display: flex;
    flex-direction: column; }

.check-item {
  display: flex;
  align-items: center; }
  .check-item.invalid .check-item__radio,
  .check-item.invalid .check-item__check {
    border-color: #dc3545; }
  .check-item__input {
    overflow: hidden;
    visibility: visible;
    width: 0;
    height: 0;
    position: absolute;
    -webkit-appearance: none; }
    .check-item__input:checked + .check-item__wrap .check-item__check::before {
      opacity: 1; }
  .check-item__wrap {
    display: flex;
    cursor: pointer; }
    .check-item__wrap--center {
      align-items: center; }
  .check-item__check, .check-item__radio {
    width: 2.6rem;
    height: 2.6rem;
    background-color: transparent;
    transition: all 0.3s ease;
    flex: none;
    cursor: pointer;
    margin-right: 1.5rem;
    position: relative; }
  .check-item__check {
    border-radius: 5px; }
    .check-item__check::before {
      content: "";
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      width: 10px;
      height: 8px;
      background-size: cover;
      transform: translate(-50%, -50%);
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.39453 4.26713L4.06502 6.67058L8.60486 1.32959' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      opacity: 0; }
  .check-item__radio {
    border-radius: 50%; }
    .check-item__radio::before {
      content: "";
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 19px;
      height: 19px;
      border-radius: 50%;
      display: block;
      flex: none;
      transition: all 0.3s ease; }
  .check-item__text-wrap {
    display: flex;
    flex-direction: column; }
  .check-item__title {
    font-size: 1.4rem;
    font-weight: 600;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .check-item__title {
        font-size: 1.8rem; } }

.check-wrap .check-item + .check-item {
  margin-top: 1.2rem; }
  @media (min-width: 1200px) {
    .check-wrap .check-item + .check-item {
      margin-top: 1.5rem; } }

.check-row {
  display: flex; }
  .check-row__col {
    min-width: 6.5rem; }
    .check-row__col + .check-row__col {
      margin-left: 4rem; }
      @media (min-width: 1200px) {
        .check-row__col + .check-row__col {
          margin-left: 7rem; } }

.icon-box {
  flex: none;
  display: block; }
  .icon-box svg {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: contain; }

.icon-arrow {
  width: 2rem;
  height: 2rem; }

.arrow-up {
  width: 2.4rem;
  height: 2.4rem; }

.ua-big {
  width: 3rem;
  height: 3rem; }

.ua-small {
  width: 2rem;
  height: 2rem; }
  @media (min-width: 768px) {
    .ua-small {
      width: 2.4rem;
      height: 2.4rem; } }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  transition: all 0.3s ease;
  display: none; }
  .overlay.active {
    display: flex !important;
    animation: fadeIn 0.3s linear; }

.popup__back {
  position: absolute;
  top: 26px;
  right: 26px;
  cursor: pointer;
  background-color: transparent;
  border: none; }
  .popup__back:hover path {
    stroke: #c339fd; }
  .popup__back path {
    transition: all 0.3s ease; }

.popup {
  position: fixed;
  top: 52px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -3;
  padding: 0 15px;
  width: 100%;
  max-width: 690px;
  transition: opacity 2.5s ease;
  display: none;
  max-height: 90vh;
  overflow: hidden;
  overflow-y: auto;
  animation: fadeIn 0.3s linear; }
  @media (min-width: 768px) {
    .popup {
      top: 50%;
      transform: translate(-50%, -50%); } }
  .popup.active {
    display: block;
    z-index: 99;
    transition: opacity 2.5s ease; }
  .popup--portfolio {
    top: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 40px);
    max-height: 100%; }
    @media (min-width: 1200px) {
      .popup--portfolio {
        height: calc(100% - 80px); } }
  .popup__wrap {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 30px;
    min-height: 220px; }
    @media (min-width: 768px) {
      .popup__wrap {
        min-height: 380px; } }
  .popup__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    z-index: 999;
    cursor: pointer;
    padding: 10px; }
    @media (min-width: 768px) {
      .popup__close {
        top: 26px;
        right: 26px; } }
    .popup__close:before, .popup__close:after {
      position: absolute;
      top: 50%;
      left: 50%;
      content: " ";
      height: 26px;
      width: 2px;
      border-radius: 2px;
      background-color: #ffffff; }
    .popup__close:before {
      transform: translate(-50%, -50%) rotate(45deg); }
    .popup__close:after {
      transform: translate(-50%, -50%) rotate(-45deg); }
  .popup__img-wrap {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    overflow-y: auto;
    position: relative; }
    @media (min-width: 768px) {
      .popup__img-wrap {
        border-radius: 60px; } }
  .popup__img {
    width: 100%;
    border-radius: 20px;
    overflow: hidden; }
    @media (min-width: 768px) {
      .popup__img {
        border-radius: 60px; } }
    .popup__img img {
      width: 100%;
      min-height: 100%;
      object-fit: cover;
      display: block; }

.cookies-popup {
  position: fixed;
  bottom: 1.5rem;
  right: 0;
  width: 100vw;
  height: auto;
  transition: opacity 2.5s ease;
  display: block;
  z-index: 99;
  animation: fadeIn 0.3s linear;
  width: 100%;
  max-width: 40.7rem;
  padding: 0 2rem; }
  @media (min-width: 1200px) {
    .cookies-popup {
      padding: 0;
      max-width: 36.7rem;
      right: 3rem;
      bottom: 3rem; } }
  @media (min-width: 1700px) {
    .cookies-popup {
      right: 10rem; } }
  .cookies-popup.hide {
    z-index: -3;
    display: none;
    transition: opacity 2.5s ease; }
  .cookies-popup__wrap {
    padding: 2rem;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 auto; }
    @media (min-width: 768px) {
      .cookies-popup__wrap {
        padding: 2.5rem; } }
  .cookies-popup__body {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .cookies-popup__title {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .cookies-popup__title {
        margin-bottom: 1.2rem;
        font-size: 1.6rem; } }

.form-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -3;
  display: none;
  width: 100vw;
  height: 100vh;
  transition: all 0.3s ease;
  animation: fadeIn 0.3s linear;
  padding: 2rem; }
  @media (min-width: 768px) {
    .form-popup {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: transparent;
      max-width: 53.4rem;
      height: auto;
      padding: 0; } }
  @media (min-width: 1440px) {
    .form-popup {
      max-width: 63.4rem; } }
  .form-popup.active {
    display: flex;
    z-index: 99; }
  .form-popup__wrap {
    width: 100%;
    padding: 2rem;
    margin: auto;
    position: relative;
    border-radius: 10px; }
    @media (min-width: 768px) {
      .form-popup__wrap {
        padding: 5rem 5rem 6.7rem; } }
    @media (min-width: 1440px) {
      .form-popup__wrap {
        padding: 10rem; } }
    .form-popup__wrap:before {
      content: "";
      position: absolute;
      top: 2px;
      left: 2px;
      right: 2px;
      bottom: 2px;
      border-radius: 8px;
      z-index: -1; }
      @media (min-width: 768px) {
        .form-popup__wrap:before {
          border-radius: 18px; } }
      @media (min-width: 1440px) {
        .form-popup__wrap:before {
          border-radius: 8px; } }
  .form-popup__decor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: -2;
    border-radius: 10px; }
    @media (min-width: 768px) {
      .form-popup__decor {
        border-radius: 20px; } }
    @media (min-width: 1440px) {
      .form-popup__decor {
        border-radius: 10px; } }
  .form-popup__btn {
    position: relative;
    bottom: -40px;
    margin: 0 -20px -41px; }
    @media (min-width: 768px) {
      .form-popup__btn {
        margin: 0;
        bottom: 0; } }
  .form-popup__close {
    position: absolute;
    top: 10px;
    right: 13px;
    z-index: 2; }
    @media (min-width: 768px) {
      .form-popup__close {
        top: 15px;
        right: 16px; } }
    @media (min-width: 1440px) {
      .form-popup__close {
        top: 30px;
        right: 30px; } }
    .form-popup__close:hover {
      opacity: 1; }

.popup-close {
  position: relative;
  opacity: 0.7;
  width: 2rem;
  height: 2rem;
  cursor: pointer; }
  @media (min-width: 768px) {
    .popup-close {
      width: 2.2rem;
      height: 2.2rem; } }
  @media (min-width: 1200px) {
    .popup-close {
      width: 1.4rem;
      height: 1.4rem; } }
  .popup-close:hover {
    opacity: 1; }
  .popup-close::before, .popup-close::after {
    content: "";
    position: absolute;
    top: 50%;
    background-color: #ffffff;
    height: 2px;
    width: 100%;
    transition: all 0.3s ease;
    border-radius: 99px; }
  .popup-close::before {
    left: 0;
    transform: translateY(-50%) rotate(-135deg); }
  .popup-close::after {
    right: 0;
    transform: translateY(-50%) rotate(135deg); }

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

.page-nav {
  pointer-events: none;
  position: fixed;
  z-index: 4;
  bottom: 2rem;
  left: 2rem;
  right: 2rem; }
  @media (min-width: 1200px) {
    .page-nav {
      bottom: 3rem;
      left: 3rem;
      right: 3rem; } }
  @media (min-width: 1700px) {
    .page-nav {
      left: 10rem;
      right: 10rem; } }
  .page-nav__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
  .page-nav__made, .page-nav__chat {
    pointer-events: auto; }
  .page-nav__chat {
    display: none; }

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

.made__text {
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.2;
  letter-spacing: 0.04em; }
  @media (min-width: 768px) {
    .made__text {
      font-size: 1rem; } }
  @media (min-width: 1200px) {
    .made__text {
      font-size: 1.2rem; } }

.chat-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 768px) {
    .chat-button {
      width: 8rem;
      height: 8rem; } }
  @media (min-width: 1440px) {
    .chat-button {
      width: 11rem;
      height: 11rem; } }
  .chat-button__icon {
    width: 1.6rem;
    height: 1.6rem; }
    @media (min-width: 768px) {
      .chat-button__icon {
        width: 3.3rem;
        height: 3.3rem; } }
    @media (min-width: 1440px) {
      .chat-button__icon {
        width: 4.5rem;
        height: 4.5rem; } }
    .chat-button__icon path {
      transition: all 0.3s ease; }

.lang-nav {
  display: flex;
  align-items: center; }
  @media (min-width: 1200px) {
    .lang-nav {
      flex-direction: column;
      position: fixed;
      z-index: 5;
      bottom: auto;
      top: 50%;
      transform: translateY(-50%);
      left: 3rem; } }
  @media (min-width: 1700px) {
    .lang-nav {
      left: 10rem; } }
  .lang-nav__btn {
    width: 4rem;
    height: 4rem;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    color: rgba(255, 255, 255, 0.5);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../images/lang-nav-dark.svg"); }
    .lang-nav__btn + .lang-nav__btn {
      margin-left: 1.5rem; }
      @media (min-width: 1200px) {
        .lang-nav__btn + .lang-nav__btn {
          margin-left: 0;
          margin-top: 1.5rem; } }
    .lang-nav__btn.active {
      color: #ffffff;
      background-image: linear-gradient(137.73deg, #5357f6 -5.24%, #c339fd 100%); }
  .lang-nav__btn-text {
    font-weight: 600;
    font-size: 1rem;
    line-height: 0.7;
    letter-spacing: 0.04em;
    text-transform: uppercase; }

.btn-top {
  position: fixed;
  z-index: 10;
  bottom: 2rem;
  left: 50%;
  width: 4rem;
  height: 4rem;
  border-radius: 5px;
  transform: translateX(-50%);
  background: linear-gradient(99.03deg, #b342e8 -32.78%, #6b00f3 149.31%); }
  @media (min-width: 768px) {
    .btn-top {
      left: auto;
      right: 2rem;
      transform: translateX(0);
      bottom: 12rem; } }
  @media (min-width: 1200px) {
    .btn-top {
      width: 5rem;
      height: 5rem;
      right: 2rem;
      bottom: 12rem; } }
  @media (min-width: 1700px) {
    .btn-top {
      right: 10rem; } }
  .btn-top.show {
    display: block; }
  .btn-top.hide {
    display: none; }
  .btn-top::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    opacity: 0;
    border-radius: 3px;
    transition: all 0.3s ease; }
  .btn-top:hover::before {
    opacity: 1; }
  .btn-top__arrow {
    position: relative;
    z-index: 2;
    color: #ffffff;
    margin: auto; }

.service-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -3;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  transition: all 0.3s ease;
  animation: fadeIn 2s linear;
  padding: 2rem 1rem 6rem 0; }
  @media (min-width: 768px) {
    .service-popup {
      padding: 3rem 1rem 2rem 0; } }
  @media (min-width: 1200px) {
    .service-popup {
      padding: 0 1rem 0 0; } }
  .service-popup.active {
    opacity: 1;
    display: flex;
    z-index: 101; }
    .service-popup.active .service-cards__item {
      opacity: 1;
      transform: none; }
    .service-popup.active .service::before {
      opacity: 1; }
    .service-popup.active .service-commerce {
      transform: none; }
      @media (min-width: 1200px) {
        .service-popup.active .service-commerce .service-cards__item:nth-child(1) {
          transform: translate(-55%, -310%); }
          .service-popup.active .service-commerce .service-cards__item:nth-child(1) .service::before {
            top: 100%;
            left: auto;
            right: 100%;
            width: 52px;
            transform: rotate(321deg); }
        .service-popup.active .service-commerce .service-cards__item:nth-child(2) {
          transform: translate(80%, -234%); }
          .service-popup.active .service-commerce .service-cards__item:nth-child(2) .service::before {
            top: 76%;
            left: auto;
            right: 100%;
            width: 342px;
            transform: rotate(348deg); }
        .service-popup.active .service-commerce .service-cards__item:nth-child(3) {
          transform: translate(10%, -120%); }
          .service-popup.active .service-commerce .service-cards__item:nth-child(3) .service::before {
            top: 40%;
            left: auto;
            right: 102%;
            width: 92px;
            transform: rotate(12deg); } }
      @media (min-width: 1440px) {
        .service-popup.active .service-commerce .service-cards__item:nth-child(1) .service::before {
          left: -7%; }
        .service-popup.active .service-commerce .service-cards__item:nth-child(2) .service::before {
          left: -160%; }
        .service-popup.active .service-commerce .service-cards__item:nth-child(3) .service::before {
          left: -47%; } }
    .service-popup.active .service-software {
      transform: none; }
      @media (min-width: 1200px) {
        .service-popup.active .service-software .service-cards__item:nth-child(1) {
          transform: translate(-60%, -410%); }
          .service-popup.active .service-software .service-cards__item:nth-child(1) .service::before {
            top: 70%;
            left: 98%;
            width: 52px;
            transform: rotate(195deg); }
        .service-popup.active .service-software .service-cards__item:nth-child(2) {
          transform: translate(-195%, -370%); }
          .service-popup.active .service-software .service-cards__item:nth-child(2) .service::before {
            top: 70%;
            left: 100%;
            right: auto;
            width: 308px;
            transform: rotate(183deg); }
        .service-popup.active .service-software .service-cards__item:nth-child(3) {
          transform: translate(-100%, -290%); }
          .service-popup.active .service-software .service-cards__item:nth-child(3) .service::before {
            top: 26%;
            left: 100%;
            width: 140px;
            transform: rotate(164deg); }
        .service-popup.active .service-software .service-cards__item:nth-child(4) {
          transform: translate(300%, -285%); }
          .service-popup.active .service-software .service-cards__item:nth-child(4) .service::before {
            top: 15%;
            left: -24%;
            width: 60px;
            transform: rotate(26deg); }
        .service-popup.active .service-software .service-cards__item:nth-child(5) {
          transform: translate(-230%, -160%); }
          .service-popup.active .service-software .service-cards__item:nth-child(5) .service::before {
            top: -37%;
            left: 88%;
            width: 468px;
            transform: rotate(145deg); }
        .service-popup.active .service-software .service-cards__item:nth-child(6) {
          transform: translate(-35%, -165%); }
          .service-popup.active .service-software .service-cards__item:nth-child(6) .service::before {
            top: -21%;
            left: 68%;
            width: 163px;
            transform: rotate(133deg); }
        .service-popup.active .service-software .service-cards__item:nth-child(7) {
          transform: translate(120%, -160%); }
          .service-popup.active .service-software .service-cards__item:nth-child(7) .service::before {
            top: -37%;
            transform: rotate(90deg);
            left: 10%;
            width: 145px; } }
      @media (min-width: 1440px) {
        .service-popup.active .service-software .service-cards__item:nth-child(1) {
          transform: translate(-60%, -350%); }
        .service-popup.active .service-software .service-cards__item:nth-child(2) {
          transform: translate(-195%, -332%); }
        .service-popup.active .service-software .service-cards__item:nth-child(3) {
          transform: translate(-120%, -242%); }
        .service-popup.active .service-software .service-cards__item:nth-child(4) {
          transform: translate(250%, -235%); }
        .service-popup.active .service-software .service-cards__item:nth-child(5) {
          transform: translate(-220%, -110%); }
        .service-popup.active .service-software .service-cards__item:nth-child(6) {
          transform: translate(-45%, -135%); }
        .service-popup.active .service-software .service-cards__item:nth-child(7) {
          transform: translate(120%, -110%); } }
    .service-popup.active .service-marketing {
      transform: none; }
      @media (min-width: 1200px) {
        .service-popup.active .service-marketing .service-cards__item:nth-child(1) {
          transform: translate(85%, -355%); }
          .service-popup.active .service-marketing .service-cards__item:nth-child(1) .service::before {
            top: 101%;
            left: 79%;
            width: 62px;
            transform: rotate(225deg); }
        .service-popup.active .service-marketing .service-cards__item:nth-child(2) {
          transform: translate(-100%, -320%); }
          .service-popup.active .service-marketing .service-cards__item:nth-child(2) .service::before {
            top: 94%;
            left: 97%;
            width: 412px;
            transform: rotate(198deg); }
        .service-popup.active .service-marketing .service-cards__item:nth-child(3) {
          transform: translate(-30%, -224%); }
          .service-popup.active .service-marketing .service-cards__item:nth-child(3) .service::before {
            top: 58%;
            left: 102%;
            width: 122px;
            transform: rotate(183deg); }
        .service-popup.active .service-marketing .service-cards__item:nth-child(4) {
          transform: translate(-40%, -107%); }
          .service-popup.active .service-marketing .service-cards__item:nth-child(4) .service::before {
            top: 3%;
            left: 102%;
            width: 222px;
            transform: rotate(154deg); } }
    .service-popup.active .service-crypto {
      transform: none; }
      @media (min-width: 1200px) {
        .service-popup.active .service-crypto .service-cards__item:nth-child(1) {
          transform: translate(95%, -325%); }
          .service-popup.active .service-crypto .service-cards__item:nth-child(1) .service::before {
            top: 102%;
            left: 80%;
            width: 62px;
            transform: rotate(228deg); }
        .service-popup.active .service-crypto .service-cards__item:nth-child(2) {
          transform: translate(-100%, -340%); }
          .service-popup.active .service-crypto .service-cards__item:nth-child(2) .service::before {
            top: 130%;
            left: 86%;
            width: 442px;
            transform: rotate(207deg); }
        .service-popup.active .service-crypto .service-cards__item:nth-child(3) {
          transform: translate(-40%, -200%); }
          .service-popup.active .service-crypto .service-cards__item:nth-child(3) .service::before {
            top: 65%;
            left: 100%;
            width: 232px;
            transform: rotate(186deg); }
        .service-popup.active .service-crypto .service-cards__item:nth-child(4) {
          transform: translate(40%, -100%); }
          .service-popup.active .service-crypto .service-cards__item:nth-child(4) .service::before {
            top: 12%;
            left: 95%;
            width: 42px;
            transform: rotate(155deg); } }
    .service-popup.active .service-management {
      transform: none; }
      @media (min-width: 1200px) {
        .service-popup.active .service-management .service-cards__item:nth-child(1) {
          transform: translate(0, -360%); }
          .service-popup.active .service-management .service-cards__item:nth-child(1) .service::before {
            top: 92%;
            left: auto;
            right: 100%;
            width: 172px;
            transform: rotate(326deg); }
        .service-popup.active .service-management .service-cards__item:nth-child(2) {
          transform: translate(130%, -300%); }
          .service-popup.active .service-management .service-cards__item:nth-child(2) .service::before {
            top: 69%;
            left: auto;
            right: 105%;
            width: 482px;
            transform: rotate(350deg); }
        .service-popup.active .service-management .service-cards__item:nth-child(3) {
          transform: translate(-2%, -215%); }
          .service-popup.active .service-management .service-cards__item:nth-child(3) .service::before {
            top: 50%;
            left: auto;
            right: 105%;
            width: 122px;
            transform: rotate(4deg); }
        .service-popup.active .service-management .service-cards__item:nth-child(4) {
          transform: translate(-135%, -100%); }
          .service-popup.active .service-management .service-cards__item:nth-child(4) .service::before {
            top: -8%;
            left: 1%;
            width: 42px;
            transform: rotate(45deg); }
        .service-popup.active .service-management .service-cards__item:nth-child(5) {
          transform: translate(100%, -110%); }
          .service-popup.active .service-management .service-cards__item:nth-child(5) .service::before {
            top: -2%;
            left: auto;
            right: 100%;
            width: 482px;
            transform: rotate(15deg); } }
      @media (min-width: 1440px) {
        .service-popup.active .service-management .service-cards__item:nth-child(4) {
          transform: translate(-85%, -100%); } }
    .service-popup.active .service-other {
      transform: none; }
      @media (min-width: 1200px) {
        .service-popup.active .service-other .service-cards__item:nth-child(1) {
          transform: translate(90%, -325%); }
          .service-popup.active .service-other .service-cards__item:nth-child(1) .service::before {
            top: 50%;
            left: auto;
            right: 105%;
            width: 172px;
            transform: rotate(2deg); }
        .service-popup.active .service-other .service-cards__item:nth-child(2) {
          transform: translate(150%, -170%); }
          .service-popup.active .service-other .service-cards__item:nth-child(2) .service::before {
            top: -12%;
            left: auto;
            right: 90%;
            width: 442px;
            transform: rotate(25deg); } }
  .service-popup__scroll {
    width: 100%;
    max-height: calc(100vh - 6rem);
    padding: 0 1rem 1rem 2rem;
    overflow: hidden;
    overflow-y: auto;
    max-width: 1300px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .service-popup__scroll {
        padding: 0 2rem 0 3rem;
        max-height: 100vh; } }
    @media (min-width: 1200px) {
      .service-popup__scroll {
        padding: 4rem 2rem 2rem 3rem; } }
  .service-popup__wrap {
    display: flex;
    justify-content: space-between;
    align-items: start;
    position: relative; }
  .service-popup__btn {
    display: block;
    flex: none;
    order: 3;
    min-width: 3rem; }
    @media (min-width: 1200px) {
      .service-popup__btn {
        order: 2; } }
  .service-popup__close {
    font-size: 1rem;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    font-weight: 700;
    transition: all 0.3s ease;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .service-popup__close {
        border-radius: 50%;
        overflow: hidden;
        font-size: 0.8rem;
        width: 8rem;
        height: 8rem; } }
    @media (min-width: 1440px) {
      .service-popup__close {
        font-size: 1rem;
        width: 11rem;
        height: 11rem; } }
  @media (max-width: 767px) {
    .service-popup__get {
      position: fixed;
      bottom: 2rem;
      left: 2rem;
      right: 2rem; } }
  .service-popup__body {
    margin: 0 -3rem;
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .service-popup__body {
        margin: 0 -8rem; } }
    @media (min-width: 1200px) {
      .service-popup__body {
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 57.8rem; } }
    @media (min-width: 1440px) {
      .service-popup__body {
        min-height: 75.2rem; } }
  .service-popup__bg {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 80%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%); }

.service-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2rem -0.8rem -1.2rem; }
  @media (min-width: 768px) {
    .service-cards {
      margin: 6.9rem -2.5rem -1.2rem; } }
  @media (min-width: 1200px) {
    .service-cards {
      margin: 0; } }
  .service-cards__item {
    opacity: 0;
    display: flex;
    justify-content: center;
    padding: 0 0.8rem;
    margin-bottom: 1.2rem;
    transition: all 3s ease;
    transform: translate(0, 0);
    width: 50%; }
    @media (min-width: 768px) {
      .service-cards__item {
        padding: 0 2.5rem;
        width: calc(100%/3); } }
    @media (min-width: 1200px) {
      .service-cards__item {
        position: absolute;
        padding: 0;
        width: fit-content !important;
        margin: 0; } }
    @media (min-width: 768px) {
      .service-cards__item--left {
        width: 50%;
        justify-content: flex-start; } }
    @media (min-width: 768px) {
      .service-cards__item--right {
        width: 50%;
        justify-content: flex-end; } }
    .service-cards__item:first-child {
      transform: translate(50%, -130%); }
      @media (min-width: 768px) {
        .service-cards__item:first-child {
          transform: translate(100%, -180%); } }
      .service-cards__item:first-child .service::before {
        top: -30px;
        left: 50%;
        width: 54px;
        transform: rotate(110deg); }
        @media (min-width: 768px) {
          .service-cards__item:first-child .service::before {
            top: -50px;
            left: 70%;
            width: 140px;
            transform: rotate(125deg); } }
    .service-cards__item:nth-child(2) {
      transform: translate(-50%, -130%); }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(2) {
          transform: translate(0, -180%); } }
      .service-cards__item:nth-child(2) .service::before {
        top: -30px;
        right: 50%;
        width: 54px;
        transform: rotate(70deg); }
        @media (min-width: 768px) {
          .service-cards__item:nth-child(2) .service::before {
            top: -35px;
            transform: rotate(90deg);
            right: 35%; } }
    .service-cards__item:nth-child(3) {
      transform: translate(50%, -260%); }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(3) {
          transform: translate(-100%, -180%); } }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(3) .service::before {
          top: -65px;
          left: -28%;
          width: 140px;
          transform: rotate(58deg); } }
    .service-cards__item:nth-child(4) {
      transform: translate(-50%, -260%); }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(4) {
          transform: translate(30%, -300%); } }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(4) .service::before {
          top: -140px;
          left: -8%;
          width: 270px;
          transform: rotate(100deg); } }
    .service-cards__item:nth-child(5) {
      transform: translate(50%, -360%); }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(5) {
          transform: translate(-30%, -300%); } }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(5) .service::before {
          top: -140px;
          left: -30%;
          width: 270px;
          transform: rotate(80deg); } }
    .service-cards__item:nth-child(6) {
      transform: translate(-50%, -360%); }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(6) {
          transform: translate(70%, -400%); } }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(6) .service::before {
          top: -25px;
          transform: rotate(110deg);
          left: 77%;
          width: 30px; } }
    .service-cards__item:nth-child(7) {
      transform: translate(50%, -460%); }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(7) {
          transform: translate(-70%, -400%); } }
      @media (min-width: 768px) {
        .service-cards__item:nth-child(7) .service::before {
          top: -35px;
          transform: rotate(75deg);
          left: 20%;
          width: 35px; } }

.service {
  position: relative; }
  .service::before {
    content: "";
    position: absolute;
    height: 1px;
    display: block;
    z-index: -1;
    transition: opacity 3s ease;
    opacity: 0; }
  .service__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 2rem 2.6rem; }
    @media (min-width: 768px) {
      .service__wrap {
        width: 19.5rem;
        height: 19.1rem; } }
    @media (min-width: 1200px) {
      .service__wrap {
        width: 15rem;
        height: 15rem; } }
    @media (min-width: 1440px) {
      .service__wrap {
        width: 21.6rem;
        height: 21.2rem;
        padding: 2rem 4.6rem; } }
  .service__title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    max-width: 11.2rem; }
    @media (min-width: 768px) {
      .service__title {
        font-size: 1.2rem; } }
    @media (min-width: 1200px) {
      .service__title {
        font-size: 1rem; } }
    @media (min-width: 1440px) {
      .service__title {
        font-size: 1.4rem;
        max-width: 12.9rem; } }
    @media (min-width: 1440px) {
      .service__title--big {
        max-width: 15.9rem;
        margin: 0 -2rem; } }

@media (min-width: 1200px) {
  .service-software .service-item {
    margin: 2.5rem 24rem auto auto; } }

@media (min-width: 1200px) {
  .service-software .service-cards__item {
    transform: translate(110%, -340%); } }

@media (min-width: 1440px) {
  .service-software .service-cards__item {
    transform: translate(150%, -340%); } }

@media (min-width: 1200px) {
  .service-marketing .service-item {
    margin: 21rem 0 auto auto; } }

@media (min-width: 1200px) {
  .service-marketing .service-cards__item {
    transform: translate(260%, -240%); } }

@media (min-width: 1440px) {
  .service-marketing .service-cards__item {
    transform: translate(260%, -240%); } }

@media (min-width: 1200px) {
  .service-crypto .service-item {
    margin: auto 0 3rem auto; } }

@media (min-width: 1200px) {
  .service-crypto .service-cards__item {
    transform: translate(260%, -240%); } }

@media (min-width: 1440px) {
  .service-crypto .service-cards__item {
    transform: translate(260%, -240%); } }

@media (min-width: 1200px) {
  .service-commerce .service-item {
    margin: auto auto 3rem 0; } }

@media (min-width: 1200px) {
  .service-commerce .service-cards__item {
    transform: translate(-300%, -180%); } }

@media (min-width: 1200px) {
  .service-management .service-item {
    margin: auto auto auto 0; } }

@media (min-width: 1200px) {
  .service-management .service-cards__item {
    transform: translate(-315%, -265%); } }

@media (min-width: 1200px) {
  .service-other .service-item {
    margin: 0 auto auto 15.8rem; } }

@media (min-width: 1200px) {
  .service-other .service-cards__item {
    transform: translate(-130%, -320%); } }

.calc-site {
  margin-top: 25px;
  position: relative;
  height: auto;
  max-height: 439px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .calc-site {
      margin-top: 40px; } }
  @media (min-width: 1200px) {
    .calc-site {
      margin-top: 0; } }

.scrollbar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  height: 80%;
  width: 3px;
  z-index: 2;
  overflow-y: auto; }
  .scrollbar__item {
    height: 150%;
    width: 100%;
    display: block; }

.scroll-wrap::-webkit-scrollbar {
  width: 2px;
  background-color: #767171; }

.scroll-wrap::-webkit-scrollbar-thumb {
  background-color: #c339fd;
  border-radius: 1px; }

.scroll-none::-webkit-scrollbar {
  width: 0px;
  background-color: #767171; }

.scroll-none::-webkit-scrollbar-thumb {
  background-color: #c339fd;
  border-radius: 1px; }

.calc-examp {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  height: auto;
  max-height: 439px;
  border-radius: 20px;
  overflow: hidden;
  overflow-y: auto;
  cursor: pointer;
  position: relative; }
  .calc-examp__wrap {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 20px;
    display: flex;
    overflow: hidden; }
  .calc-examp__img {
    max-width: 100%;
    display: none; }
    .calc-examp__img.active {
      display: block; }
    .calc-examp__img img {
      width: 100%;
      object-fit: cover;
      display: block; }
  .calc-examp__icon {
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: 15px;
    right: 15px; }
    .calc-examp__icon img {
      display: block;
      width: 100%;
      height: 100%; }

/*# sourceMappingURL=styles.min.css.map */