@charset "UTF-8";
@font-face {
  font-family: "oswald";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("oswald"), url("../themes/erp/assets/fonts/Oswald-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "oswald";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("oswald"), url("../themes/erp/assets/fonts/Oswald-Light.woff2") format("woff2");
}
@font-face {
  font-family: "oswald";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("oswald"), url("../themes/erp/assets/fonts/Oswald-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("montserrat"), url("../themes/erp/assets/fonts/Montserrat-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("montserrat"), url("../themes/erp/assets/fonts/Montserrat-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("montserrat"), url("../themes/erp/assets/fonts/Montserrat-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("montserrat"), url("../themes/erp/assets/fonts/Montserrat-Regular.woff2") format("woff2");
}
input, textarea {
  outline: none;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "montserrat", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  min-width: 320px;
  position: relative;
  overflow-x: hidden;
  font-weight: normal;
  color: #0D0D0D;
  margin: 0;
  padding: 0;
  width: 100%;
}
button {
  font-family: "montserrat", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
a {
  text-decoration: none;
  color: currentColor;
}
a:active {
  outline: none;
}
p {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
img {
  width: 100%;
  height: 100%;
}
* {
  box-sizing: border-box;
}
.h1 {
  font-family: "oswald", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 500;
  font-size: 130px;
  line-height: 140px;
  text-transform: uppercase;
}
@media screen and (max-width: 1400px) {
  .h1 {
    font-size: 90px;
    line-height: 100px;
  }
}
@media screen and (max-width: 576px) {
  .h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
.h2 {
  font-family: "oswald", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 500;
  font-size: 60px;
  line-height: 70px;
  text-transform: uppercase;
}
@media screen and (max-width: 1400px) {
  .h2 {
    font-size: 40px;
    line-height: 76px;
  }
}
@media screen and (max-width: 992px) {
  .h2 {
    font-size: 30px;
    line-height: 32px;
  }
}
.h3 {
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
}
@media screen and (max-width: 1400px) {
  .h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
.h3.light {
  font-weight: 400;
}
.h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
@media screen and (max-width: 576px) {
  .h4 {
    font-size: 18px;
    line-height: 20px;
  }
}
.h4.light {
  font-weight: 400;
}
.h4.bold {
  font-weight: 700;
}
.h5, p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.h5.bold, p.bold {
  font-weight: 500;
}
.h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #B7B5BE;
}
::-webkit-scrollbar-thumb {
  background: #624070;
}
::-moz-scrollbar-button:decrement, ::-moz-scrollbar-button:increment, ::-webkit-scrollbar-button:decrement, ::-webkit-scrollbar-button:increment {
  width: 0px;
}
::selection {
  background-color: #B7B5BE;
}
.no-scroll {
  overflow-y: hidden;
}
.hidden {
  display: none;
}
.pt-120 {
  padding-top: 120px;
}
@media screen and (max-width: 1400px) {
  .pt-120 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 576px) {
  .pt-120 {
    padding-top: 60px;
  }
}
.pb-120 {
  padding-bottom: 120px;
}
@media screen and (max-width: 1400px) {
  .pb-120 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 576px) {
  .pb-120 {
    padding-bottom: 60px;
  }
}
.container {
  max-width: calc(1300px + (80px * 2));
  width: 100%;
  margin: 0 auto;
  padding: 0 80px;
}
@media screen and (max-width: 1300px) {
  .container {
    max-width: calc(915px + (80px * 2));
  }
}
@media screen and (max-width: 992px) {
  .container {
    max-width: calc(700px + (20px * 2));
    padding: 0 20px;
  }
}
@media screen and (max-width: 576px) {
  .container {
    max-width: 100%;
    padding: 0 15px;
  }
}
.button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 70px;
  background: transparent;
  border: 1px solid #302034;
  box-shadow: 0px 11px 30px rgba(193, 122, 205, 0.54);
  padding: 25px 35px;
  color: white;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .button {
    padding: 20px 30px;
    min-height: 60px;
    font-size: 16px;
    line-height: 20px;
  }
}
.button::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #302034;
  z-index: 5;
}
.button::before {
  position: absolute;
  content: "";
  margin-right: 50%;
  margin-top: 60px;
  width: 333px;
  height: 207px;
  filter: blur(20px);
  background: radial-gradient(34.78% 43.62% at 49.83% 49.81%, rgba(100, 154, 235, 0.6) 0%, rgba(120, 78, 138, 0.6) 51.26%, rgba(243, 108, 255, 0) 100%);
  z-index: 6;
  transition: 0.3s;
}
.button:hover::before {
  margin-left: 50%;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: 60px;
}
.button:active {
  box-shadow: none;
}
.button__text {
  position: relative;
  z-index: 6;
}
.button__text:not(:last-child) {
  margin-right: 20px;
}
.button:disabled, .button.disabled {
  background: rgba(183, 181, 190, 0.4);
  border: 1px solid #B7B5BE;
  color: #B7B5BE;
  box-shadow: none;
  cursor: not-allowed;
}
.button:disabled::after, .button:disabled::before, .button.disabled::after, .button.disabled::before {
  display: none;
}
.button:disabled path, .button.disabled path {
  stroke: #B7B5BE;
}
.button__svg {
  position: relative;
  z-index: 8;
}
.button--line {
  border: 1px solid white;
  background: transparent;
  box-shadow: none;
  transition: 0.2s;
}
.button--line path {
  transition: 0.2s;
}
.button--line:hover {
  border: 1px solid #A56BC0;
  color: #A56BC0;
}
.button--line:hover path {
  stroke: #A56BC0;
}
.button--line::after, .button--line::before {
  display: none;
}
.button--line:disabled, .button--line.disabled {
  background: rgba(183, 181, 190, 0.4);
  border: 1px solid #B7B5BE;
}
.button--line:disabled:hover, .button--line.disabled:hover {
  border: 1px solid #B7B5BE;
  color: #B7B5BE;
}
.button--line:disabled:hover path, .button--line.disabled:hover path {
  stroke: #B7B5BE;
}
.link {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-decoration-line: underline;
  color: #A56BC0;
  transition: 0.2s;
}
.link:hover {
  color: #624070;
}
.link.dark {
  color: white;
}
.link.dark:hover {
  color: #A56BC0;
}
.link:disabled, .link.disabled {
  color: #B7B5BE;
  cursor: not-allowed;
}
.input {
  padding: 18px 24px;
  border: 1px solid rgba(182, 182, 182, 0.46);
  border-bottom: 3px solid #0D0D0D;
  border-radius: 3px 3px 0px 0px;
  border-radius: 3px;
  height: 70px;
  background: transparent;
  color: #0D0D0D;
  font-size: 20px;
  line-height: 24px;
  transition: 0.2s;
}
@media screen and (max-width: 992px) {
  .input {
    height: 60px;
    font-size: 16px;
    line-height: 20px;
  }
}
.input:hover {
  border-bottom-color: #A56BC0;
}
.input:active + .label__text, .input:focus + .label__text, .input.input--active + .label__text {
  top: 0;
  opacity: 1;
}
.input:disabled, .input.disabled {
  border: 1px solid rgba(182, 182, 182, 0.46);
  border-bottom: 3px solid #B7B5BE;
  background: rgba(183, 181, 190, 0.4);
  cursor: not-allowed;
}
.input:disabled::placeholder, .input.disabled::placeholder {
  color: #e2e1e5;
}
.input:disabled + .label__text, .input.disabled + .label__text {
  display: none;
}
.input.error {
  border-bottom-color: #E72352;
}
.input.error + * + .valid-error {
  bottom: 0;
}
.valid-error {
  position: absolute;
  bottom: 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #E72352;
  transition: 0.2s;
}
.label {
  position: relative;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 24px;
  padding-bottom: 22px;
}
.label__text {
  position: absolute;
  top: 14px;
  opacity: 0;
  transition: 0.2s;
}
.label--textarea {
  width: 100%;
}
.label--textarea textarea {
  width: 100% !important;
  min-height: 100px;
}
.nice-select {
  display: flex;
  align-items: center;
  height: 60px;
  padding-left: 24px;
  border: 1px solid rgba(182, 182, 182, 0.46);
  border-bottom: 3px solid #0D0D0D;
  border-radius: 3px 3px 0px 0px;
  font-size: 20px;
  line-height: 24px;
  float: none;
}
.nice-select:hover {
  border-bottom-color: #A56BC0;
}
.nice-select.open {
  border-color: rgba(182, 182, 182, 0.46);
  border-bottom-color: #0D0D0D;
}
.nice-select .list {
  background: white;
  border: 1px solid rgba(182, 182, 182, 0.46);
  border-radius: 0px;
  box-shadow: none;
}
.nice-select .option {
  display: flex;
  align-items: center;
  height: 70px;
  padding-left: 24px;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background: #F6F4FC;
}
.nice-select::after {
  border-bottom: 2px solid #0D0D0D;
  border-right: 2px solid #0D0D0D;
  height: 12px;
  margin-top: -10px;
  right: 26px;
  width: 12px;
}
.checkbox {
  position: relative;
  cursor: pointer;
}
.checkbox__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.checkbox__input + .checkbox__box {
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.checkbox__input + .checkbox__box::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid rgba(182, 182, 182, 0.46);
  border-radius: 3px;
  margin-right: 10px;
  background: rgba(246, 244, 252, 0.17);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.checkbox__input:checked + .checkbox__box::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20001 4.85185L5.20001 9L11.6 1' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A");
}
.checkbox__input:checked + .checkbox__box.dark::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20001 4.85185L5.20001 9L11.6 1' stroke='black' stroke-width='3'/%3E%3C/svg%3E%0A");
}
.form__text, .form__conf {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: none;
}
.opacity {
  position: absolute;
  opacity: 0;
  height: 1px;
  width: 1px;
}
.bg-animation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../themes/erp/assets/images/chum.png);
  animation-iteration-count: infinite;
  animation-name: bg;
  animation-duration: 0.2s;
  animation-timing-function: steps(2, end);
  mix-blend-mode: overlay;
  opacity: 0.5;
  z-index: 2;
}
@keyframes bg {
  from {
    background-position: bottom;
  }
  to {
    background-position: top;
  }
}
.animation {
  animation-iteration-count: infinite;
}
.animation--dur-3 {
  animation-duration: 3s;
}
.animation--dur-2-5 {
  animation-duration: 2.5s;
}
a small {
  opacity: 1 !important;
}
@keyframes anim1 {
  0% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes anim2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
.header {
  position: fixed;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 7px 11px rgba(183, 146, 190, 0.15);
  padding: 22px 0;
  z-index: 20;
}
.header .container {
  max-width: none;
  max-width: calc(1730px + (40px * 2));
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1300px) {
  .header .container {
    max-width: calc(920px + (40px * 2));
    padding: 0 40px;
  }
}
@media screen and (max-width: 992px) {
  .header .container {
    max-width: calc(700px + (20px * 2));
    padding: 0 20px;
  }
}
@media screen and (max-width: 576px) {
  .header .container {
    max-width: 100%;
    padding: 0 15px;
  }
}
.header__burger {
  width: 29px;
  height: 22px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 992px) {
  .header__burger {
    display: block;
  }
}
.header__burger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #3B0D5F;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.header__burger span:nth-child(1) {
  top: 0;
}
.header__burger span:nth-child(2) {
  top: calc(50% - 1px);
}
.header__burger span:nth-child(3) {
  top: calc(100% - 2px);
}
.header__burger.open span:nth-child(1) {
  top: calc(50% - 2px);
  transform: rotate(45deg);
}
.header__burger.open span:nth-child(2) {
  opacity: 0;
  left: -24px;
}
.header__burger.open span:nth-child(3) {
  top: calc(50% - 2px);
  transform: rotate(-45deg);
}
.header__left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .header__left {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media screen and (max-width: 992px) {
  .header__left {
    margin-right: auto;
    margin-left: 30px;
  }
}
@media screen and (max-width: 576px) {
  .header__left {
    margin-right: 0;
    margin-left: auto;
  }
}
.header__logo {
  width: 245px;
  height: 33px;
  margin-right: 40px;
}
@media screen and (max-width: 1600px) {
  .header__logo {
    width: 187px;
    height: 25px;
  }
}
@media screen and (max-width: 1400px) {
  .header__logo {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .header__logo {
    margin-bottom: 0;
  }
}
.header__soclinks {
  display: flex;
  margin: 0 20px;
}
@media screen and (max-width: 1300px) {
  .header__soclinks {
    flex-direction: column;
  }
}
@media screen and (max-width: 992px) {
  .header__soclinks {
    flex-direction: row;
  }
}
@media screen and (max-width: 576px) {
  .header__soclinks {
    display: none;
  }
}
.header__soclink {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header__soclink span {
  margin-left: 8px;
  font-weight: 500;
  transition: 0.2s;
}
@media screen and (max-width: 1600px) {
  .header__soclink span {
    font-size: 14px;
    line-height: 20px;
  }
}
.header__soclink svg {
  margin-left: 8px;
}
.header__soclink:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 1300px) {
  .header__soclink:not(:last-child) {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 992px) {
  .header__soclink:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.header__soclink .telega {
  width: 38px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='19' r='19' fill='url(%23paint0_linear_169_716)'/%3E%3Cpath d='M27.0887 12.34L24.2215 26.1601C24.0052 27.1354 23.4411 27.3782 22.6394 26.9187L18.2707 23.6284L16.1627 25.7005C15.9295 25.939 15.7344 26.1384 15.2848 26.1384L15.5986 21.5909L23.6956 14.113C24.0476 13.7923 23.6192 13.6145 23.1484 13.9353L13.1386 20.3771L8.82927 18.9986C7.89191 18.6995 7.87495 18.0406 9.02438 17.5811L25.8799 10.9441C26.6603 10.645 27.3432 11.1219 27.0887 12.34Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_169_716' x1='30.1765' y1='-4.47059' x2='15.0882' y2='38' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-color='%23705675'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  transition: 0.2s;
}
@media screen and (max-width: 1600px) {
  .header__soclink .telega {
    width: 24px;
    height: 24px;
  }
}
.header__soclink .adres {
  width: 38px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='39' viewBox='0 0 32 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 38.5C16 38.5 32 25.402 32 16.3643C32 7.32653 24.8366 0 16 0C7.16344 0 0 7.32653 0 16.3643C0 25.402 16 38.5 16 38.5ZM16.0001 18.9625C18.2911 18.9625 20.1483 17.1054 20.1483 14.8144C20.1483 12.5234 18.2911 10.6662 16.0001 10.6662C13.7092 10.6662 11.852 12.5234 11.852 14.8144C11.852 17.1054 13.7092 18.9625 16.0001 18.9625Z' fill='url(%23paint0_linear_169_708)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_169_708' x1='17.5219' y1='0.6505' x2='-1.09291' y2='41.4318' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-color='%23B087B7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  transition: 0.2s;
}
@media screen and (max-width: 1600px) {
  .header__soclink .adres {
    width: 24px;
    height: 24px;
  }
}
.header__soclink .adres + * + svg path {
  transition: 0.2s;
}
.header__soclink:hover span {
  color: #A56BC0;
}
.header__soclink:hover .telega {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 38C29.4934 38 38 29.4934 38 19C38 8.50659 29.4934 0 19 0C8.50659 0 0 8.50659 0 19C0 29.4934 8.50659 38 19 38ZM24.2215 26.1601L27.0887 12.34C27.3432 11.1219 26.6603 10.645 25.8799 10.9441L9.02435 17.5811C7.87492 18.0406 7.89188 18.6995 8.82924 18.9986L13.1386 20.3771L23.1484 13.9353C23.6192 13.6145 24.0476 13.7923 23.6955 14.113L15.5986 21.591L15.2847 26.1384C15.7343 26.1384 15.9294 25.939 16.1627 25.7005L18.2707 23.6284L22.6394 26.9187C23.441 27.3782 24.0051 27.1354 24.2215 26.1601Z' fill='%23A56BC0'/%3E%3C/svg%3E%0A");
}
.header__soclink:hover .adres {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='39' viewBox='0 0 32 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 38.5C16 38.5 32 25.402 32 16.3643C32 7.32653 24.8366 0 16 0C7.16344 0 0 7.32653 0 16.3643C0 25.402 16 38.5 16 38.5ZM16.0001 18.9625C18.2911 18.9625 20.1483 17.1054 20.1483 14.8144C20.1483 12.5234 18.2911 10.6662 16.0001 10.6662C13.7092 10.6662 11.852 12.5234 11.852 14.8144C11.852 17.1054 13.7092 18.9625 16.0001 18.9625Z' fill='%23A56BC0'/%3E%3C/svg%3E%0A");
}
.header__soclink:hover .adres + * + svg path {
  stroke: #A56BC0;
}
.header__contacts {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  .header__contacts {
    display: none;
  }
}
.header__tel {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
@media screen and (max-width: 1600px) {
  .header__tel {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1600px) {
  .header__mail {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 992px) {
  .header-menu {
    position: fixed;
    top: 69px;
    left: 0;
    bottom: 0;
    width: 320px;
    background: #F6F4FC;
    transform: translateX(-110%);
    padding: 40px 15px;
    z-index: 50;
    transition: 0.2s;
  }
}
@media screen and (max-width: 576px) {
  .header-menu {
    width: 100%;
  }
}
.header-menu.active {
  transform: translateX(0);
  overflow-y: auto;
}
@media screen and (max-width: 992px) {
  .header-menu__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }
}
.header-menu__link {
  font-weight: 500;
  transition: 0.2s;
}
@media screen and (max-width: 1600px) {
  .header-menu__link {
    font-size: 14px;
    line-height: 20px;
  }
}
.header-menu__link:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 992px) {
  .header-menu__link:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.header-menu__link:hover {
  color: #A56BC0;
}
.header-menu .header__soclinks, .header-menu .header__contacts {
  display: none;
}
@media screen and (max-width: 992px) {
  .header-menu .header__soclinks, .header-menu .header__contacts {
    display: flex;
  }
}
@media screen and (max-width: 992px) {
  .header-menu .header__soclinks {
    flex-direction: column;
    margin: 0;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  .header-menu .header__soclink:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.top-link {
  position: fixed;
  left: 2%;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  width: 35px;
  height: 250px;
  z-index: 40;
}
@media screen and (max-width: 992px) {
  .top-link {
    display: none;
  }
}
.top-link__item {
  padding: 5px 0;
}
.top-link__item:before {
  content: "";
  display: block;
  background: #908A97;
  border-radius: 2px;
  height: 5px;
  width: 14px;
  transition: 0.2s;
}
.top-link__item.active:before {
  width: 100%;
  background: #A56BC0;
}
.footer {
  padding: 54px 0;
  background: #251927;
  color: white;
}
.footer__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 576px) {
  .footer__content {
    flex-direction: column;
    align-items: center;
  }
}
.footer__links {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  order: 1;
}
@media screen and (max-width: 1400px) {
  .footer__links {
    order: 2;
  }
}
@media screen and (max-width: 576px) {
  .footer__links {
    order: 1;
    margin-bottom: 40px;
    align-items: center;
  }
}
.footer .social__list {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.footer .social__item {
  width: 25px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.footer .social__item:not(:last-child) {
  margin-right: 18px;
}
.footer .social__item path {
  transition: 0.2s;
}
.footer .social__item:hover path {
  fill: #624070;
}
.footer .nav-bar__list {
  display: flex;
  align-items: flex-start;
  margin-bottom: 60px;
}
@media screen and (max-width: 1400px) {
  .footer .nav-bar__list {
    margin-bottom: 40px;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 576px) {
  .footer .nav-bar__list {
    flex-direction: column;
    align-items: center;
  }
}
.footer .nav-bar__item {
  margin-right: 40px;
}
@media screen and (max-width: 1400px) {
  .footer .nav-bar__item {
    margin-right: 20px;
  }
  .footer .nav-bar__item:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .footer .nav-bar__item {
    font-size: 14px;
    margin-right: 10px;
  }
  .footer .nav-bar__item:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .footer .nav-bar__item {
    margin-right: 0;
    font-size: 16px;
  }
  .footer .nav-bar__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.footer .nav-bar__link {
  transition: 0.2s;
}
.footer .nav-bar__link:hover {
  color: #A56BC0;
}
.footer .nav-bar__link:disabled, .footer .nav-bar__link.disabled {
  color: #B7B5BE;
  cursor: not-allowed;
}
.footer__bottom {
  width: 100%;
  order: 2;
}
@media screen and (max-width: 1400px) {
  .footer__bottom {
    order: 1;
    width: auto;
  }
}
@media screen and (max-width: 576px) {
  .footer__bottom {
    order: 2;
  }
}
.footer__bottom .link {
  font-weight: 400;
}
.footer .copyright {
  margin-top: 20px;
}
.cookie {
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 100%;
  transform: translateX(-50%);
  padding: 35px;
  background: rgba(84, 40, 118, 0.6);
  z-index: 100;
  color: white;
}
.cookie__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  width: 770px;
}
.cookie__text .link {
  font-size: 16px;
  line-height: 20px;
}
.cookie__text .link:hover {
  color: #ffffff99 !important;
}
@media screen and (max-width: 1300px) {
  .cookie__text {
    font-size: 16px;
    width: 800px;
  }
}
@media screen and (max-width: 1025px) {
  .cookie__text {
    width: 650px;
  }
}
@media screen and (max-width: 780px) {
  .cookie__text {
    width: 100%;
  }
}
.cookie__content {
  width: 84%;
  margin: auto;
}
@media screen and (max-width: 1600px) {
  .cookie__content {
    width: 90%;
  }
}
@media screen and (max-width: 992px) {
  .cookie__content {
    width: 100%;
  }
}
.cookie__close {
  position: absolute;
  top: 45px;
  right: 10%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: white;
  cursor: pointer;
}
@media screen and (max-width: 1500px) {
  .cookie__close {
    right: 5%;
  }
}
@media screen and (max-width: 780px) {
  .cookie__close {
    right: 2%;
    top: 10px;
  }
}
.cookie__close path {
  transition: 0.5s;
}
.cookie__close:hover path {
  stroke: #ffffff99;
}
@media screen and (max-width: 780px) {
  .cookie {
    padding-top: 35px;
  }
}
.cookie.show {
  display: flex;
}
.fancybox__content > .carousel__button.is-close {
  top: 20px;
  right: 20px;
  border: 1px solid #757575;
  border-radius: 0;
  background: rgba(46, 33, 54, 0.1);
}
@media screen and (max-width: 992px) {
  .fancybox__content > .carousel__button.is-close {
    top: 15px;
    right: 15px;
  }
}
.carousel__button svg {
  stroke-width: 1px;
  stroke: #3B0D5F;
  filter: none;
}
.modal-adres {
  position: relative;
  min-width: 624px;
  padding: 60px 22px 60px 70px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .modal-adres {
    width: 95%;
    min-width: auto;
  }
}
@media screen and (max-width: 576px) {
  .modal-adres {
    padding: 60px 15px;
  }
}
.modal-adres:before {
  content: "";
  position: absolute;
  left: 50px;
  top: 0;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(30px);
  width: 1247px;
  height: 998px;
  z-index: -1;
}
.modal-adres__title {
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .modal-adres__title {
    margin-bottom: 30px;
  }
}
.modal-adres__item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .modal-adres__item:not(:last-child) {
    margin-bottom: 30px;
  }
}
.modal-adres__contact {
  display: flex;
  align-items: center;
}
.modal-adres__contact:not(:last-child) {
  margin-bottom: 20px;
}
.modal-adres__contact svg {
  flex: 0 0 auto;
  margin-right: 18px;
}
.modal-adres__contact .link {
  font-weight: 700;
  text-decoration-line: none;
}
.modal-adres__city {
  font-weight: 600;
  margin-bottom: 20px;
}
.modal-adres__wrap {
  overflow-y: auto;
}
.modal-adres__list {
  margin-right: 20px;
}
.fancybox__content > .carousel__button.is-close {
  top: 20px;
  right: 20px;
  border: 1px solid #757575;
  border-radius: 0;
}
@media screen and (max-width: 992px) {
  .fancybox__content > .carousel__button.is-close {
    top: 15px;
    right: 15px;
  }
}
.carousel__button svg {
  stroke-width: 1px;
  stroke: #3B0D5F;
  filter: none;
}
.modal-project {
  padding: 0;
  max-width: 859px;
}
@media screen and (max-width: 992px) {
  .modal-project {
    max-width: 98%;
  }
}
.modal-project .carousel__button svg {
  stroke-width: 1px;
  stroke: white;
  filter: none;
}
.modal-project__top {
  position: relative;
  min-height: 260px;
  background: linear-gradient(163.96deg, #404870 -3.3%, #251927 58.97%);
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .modal-project__top {
    min-height: 200px;
  }
}
.modal-project__top img {
  position: absolute;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
.modal-project__top::before {
  content: "";
  position: absolute;
  left: -260px;
  top: -50px;
  width: 1341px;
  height: 1121px;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(48px);
  z-index: 0;
}
.modal-project__wrap {
  padding: 40px 35px 70px 66px;
}
@media screen and (max-width: 992px) {
  .modal-project__wrap {
    padding: 30px 5px 50px 20px;
  }
}
.modal-project__wrap-scroll {
  overflow: auto;
  padding-right: 20px;
}
@media screen and (max-width: 992px) {
  .modal-project__wrap-scroll {
    padding-right: 5px;
  }
}
.modal-project__title {
  max-width: 460px;
  font-family: "oswald", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 40px;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .modal-project__title {
    margin-bottom: 20px;
  }
}
.modal-project__content:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .modal-project__content:not(:last-child) {
    margin-bottom: 20px;
  }
}
.modal-project__content p, .modal-project__content h4, .modal-project__content h5, .modal-project__content h6, .modal-project__content .h4, .modal-project__content .h5, .modal-project__content .h6 {
  max-width: 725px;
}
.modal-project__content p:last-child, .modal-project__content h4:last-child, .modal-project__content h5:last-child, .modal-project__content h6:last-child, .modal-project__content .h4:last-child, .modal-project__content .h5:last-child, .modal-project__content .h6:last-child {
  margin-bottom: 0;
}
.modal-project__content p {
  margin-bottom: 20px;
}
.modal-project__content h4, .modal-project__content .h4, .modal-project__content h5, .modal-project__content .h5 {
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .modal-project__content h4, .modal-project__content .h4, .modal-project__content h5, .modal-project__content .h5 {
    margin-bottom: 15px;
  }
}
.modal-project__content ul:not(:last-child), .modal-project__content ol:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .modal-project__content ul:not(:last-child), .modal-project__content ol:not(:last-child) {
    margin-bottom: 15px;
  }
}
.modal-project__content li {
  max-width: 900px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
@media screen and (max-width: 992px) {
  .modal-project__content li {
    margin-bottom: 15px;
  }
}
.modal-project__content li:last-child {
  margin-bottom: 0;
}
.modal-project__content ul > li:before {
  content: "•";
  position: absolute;
  font-size: 48px;
  top: -5px;
  left: 0;
  color: #A56BC0;
}
.modal-project__content ol {
  counter-reset: num;
}
.modal-project__content ol > li {
  padding: 0;
}
.modal-project__content ol > li p:first-child {
  padding-left: 30px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.modal-project__content ol > li:before {
  content: counter(num) ".";
  counter-increment: num;
  position: absolute;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  top: -3px;
  left: 0;
  color: #A56BC0;
}
.modal-project__content-title {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #A56BC0;
  margin-bottom: 10px;
}
.modal-form {
  position: relative;
  max-width: 624px;
  padding: 61px 58px 61px 78px;
}
.modal-form__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.modal-form__bg:before {
  content: "";
  position: absolute;
  left: 50px;
  top: 61px;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(60px);
  width: 1247px;
  height: 998px;
}
.modal-form__title {
  font-family: "Oswald";
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.modal-form .stages__checkbox {
  margin-bottom: 20px;
}
.modal-form .button {
  margin: auto;
}
.modal-sucsess {
  position: relative;
  min-width: 624px;
  padding: 60px 22px 60px 70px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.modal-sucsess:before {
  content: "";
  position: absolute;
  left: 50px;
  top: 0;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(60px);
  width: 1247px;
  height: 998px;
  z-index: -1;
}
.modal-sucsess__anomation {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.modal-sucsess__anomation-bg {
  position: absolute;
  width: 278px;
  height: 305px;
  bottom: 0;
  left: 0;
}
.modal-sucsess__anomation-item1 {
  position: absolute;
  width: 11px;
  height: 6px;
  bottom: 210px;
  left: 50px;
  animation-name: anim1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.modal-sucsess__anomation-item2 {
  position: absolute;
  width: 88px;
  height: 51px;
  bottom: 82px;
  left: 88px;
  animation-name: anim2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.modal-sucsess__title {
  font-family: "oswald", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 500;
  padding: 70px 0;
  max-width: 310px;
  text-align: center;
  z-index: 1;
}
.top {
  position: relative;
  height: 1039px;
}
@media screen and (max-width: 1600px) {
  .top {
    height: 804px;
  }
}
@media screen and (max-width: 576px) {
  .top {
    height: 1000px;
  }
}
.top .container {
  position: relative;
  height: 100%;
  z-index: 10;
}
.top-animation {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 576px) {
  .top-animation {
    overflow: hidden;
  }
}
.top-animation .bg-animation {
  width: 1442px;
  height: 995px;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: 5;
  opacity: 0.8;
}
@media screen and (max-width: 1600px) {
  .top-animation .bg-animation {
    width: 937px;
    height: 658px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation .bg-animation {
    width: 675px;
    height: 466px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation .bg-animation {
    width: 488px;
    height: 334px;
    bottom: 50px;
    right: -30px;
  }
}
.top-animation img {
  position: absolute;
}
.top-animation__bg {
  width: 1442px;
  height: 995px;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 1600px) {
  .top-animation__bg {
    width: 937px;
    height: 658px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__bg {
    width: 675px;
    height: 466px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__bg {
    width: 488px;
    height: 334px;
    bottom: 50px;
    right: -30px;
  }
}
.top-animation__item1 {
  width: 326px;
  height: 188px;
  right: 355px;
  top: 205px;
  animation-name: anim1;
  animation-duration: 3s;
}
@media screen and (max-width: 1600px) {
  .top-animation__item1 {
    width: 194px;
    height: 112px;
    right: 241px;
    top: 263px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__item1 {
    width: 137px;
    height: 79px;
    right: 173px;
    top: 420px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__item1 {
    width: 107px;
    height: 59px;
    right: 91px;
    top: 671px;
  }
}
.top-animation__item2 {
  width: 524px;
  height: 302px;
  top: 474px;
  right: 13px;
  z-index: 2;
  animation-name: anim2;
  animation-duration: 3s;
}
@media screen and (max-width: 1600px) {
  .top-animation__item2 {
    width: 311px;
    height: 179px;
    top: 470px;
    right: 35px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__item2 {
    width: 220px;
    height: 127px;
    top: 570px;
    right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__item2 {
    width: 164px;
    height: 91px;
    top: 777px;
    right: -25px;
  }
}
.top-animation__item3 {
  width: 746px;
  height: 430px;
  right: 160px;
  top: 450px;
  z-index: 1;
  animation-name: anim1;
  animation-duration: 3s;
}
@media screen and (max-width: 1600px) {
  .top-animation__item3 {
    width: 443px;
    height: 256px;
    right: 130px;
    top: 440px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__item3 {
    width: 314px;
    height: 181px;
    right: 94px;
    top: 540px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__item3 {
    width: 245px;
    height: 141px;
    right: 26px;
    top: 750px;
  }
}
.top-animation__item4 {
  width: 157px;
  height: 99px;
  top: 640px;
  right: 780px;
  z-index: 1;
  animation-name: anim2;
  animation-duration: 3s;
}
@media screen and (max-width: 1600px) {
  .top-animation__item4 {
    width: 81px;
    height: 46px;
    top: 563px;
    right: 515px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__item4 {
    width: 57px;
    height: 33px;
    top: 633px;
    right: 368px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__item4 {
    width: 47px;
    height: 23px;
    top: 823px;
    right: 235px;
  }
}
.top-animation__item5 {
  width: 136px;
  height: 78px;
  top: 845px;
  right: 422px;
  z-index: 1;
  animation-name: anim1;
  animation-duration: 3s;
  animation-delay: 0.2s;
}
@media screen and (max-width: 1600px) {
  .top-animation__item5 {
    width: 93px;
    height: 54px;
    top: 685px;
    right: 292px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__item5 {
    width: 66px;
    height: 38px;
    top: 714px;
    right: 205px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__item5 {
    top: 883px;
    right: 98px;
  }
}
.top-animation__item6 {
  width: 136px;
  height: 78px;
  top: 845px;
  right: 510px;
  z-index: 1;
  animation-name: anim1;
  animation-duration: 3s;
  animation-delay: 0.4s;
}
@media screen and (max-width: 1600px) {
  .top-animation__item6 {
    width: 93px;
    height: 54px;
    top: 671px;
    right: 332px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__item6 {
    width: 66px;
    height: 38px;
    top: 703px;
    right: 237px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__item6 {
    top: 873px;
    right: 124px;
  }
}
.top-animation__item7 {
  width: 20px;
  height: 12px;
  top: 150px;
  right: 237px;
  z-index: 1;
  animation-name: anim2;
  animation-duration: 2s;
}
@media screen and (max-width: 1600px) {
  .top-animation__item7 {
    width: 12px;
    height: 7px;
    top: 216px;
    right: 154px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__item7 {
    width: 8px;
    height: 5px;
    top: 386px;
    right: 111px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__item7 {
    top: 649px;
    right: 50px;
  }
}
.top-animation__item8 {
  width: 20px;
  height: 12px;
  top: 947px;
  right: 899px;
  z-index: 1;
  animation-name: anim1;
  animation-duration: 2s;
}
@media screen and (max-width: 1600px) {
  .top-animation__item8 {
    width: 12px;
    height: 7px;
    top: 744px;
    right: 585px;
  }
}
@media screen and (max-width: 992px) {
  .top-animation__item8 {
    width: 8px;
    height: 5px;
    top: 761px;
    right: 422px;
  }
}
@media screen and (max-width: 576px) {
  .top-animation__item8 {
    top: 917px;
    right: 273px;
  }
}
.top-content {
  display: flex;
  flex-direction: column;
  padding-top: 200px;
  padding-bottom: 30px;
  height: 100%;
}
@media screen and (max-width: 1600px) {
  .top-content {
    padding-top: 185px;
  }
}
@media screen and (max-width: 992px) {
  .top-content {
    padding-top: 140px;
    background: linear-gradient(90deg, #FFFFFF 40%, rgba(255, 255, 255, 0) 97.41%);
  }
}
@media screen and (max-width: 576px) {
  .top-content {
    padding-top: 110px;
    background: none;
  }
}
.top-content__title {
  width: 525px;
  height: 244px;
}
@media screen and (max-width: 1600px) {
  .top-content__title {
    width: 370px;
    height: 171px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 992px) {
  .top-content__title {
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 576px) {
  .top-content__title {
    width: 250px;
    height: 116px;
    margin: 0 auto -20px auto;
  }
}
.top-content__sub-title {
  max-width: 398px;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1600px) {
  .top-content__sub-title {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 576px) {
  .top-content__sub-title {
    text-align: center;
    margin-bottom: 30px;
    max-width: none;
  }
}
.top-content__text {
  max-width: 271px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 576px) {
  .top-content__text {
    text-align: center;
    max-width: none;
  }
}
.top-content__form-wrap {
  max-width: 480px;
}
@media screen and (max-width: 1600px) {
  .top-content__form-wrap {
    max-width: 385px;
  }
}
@media screen and (max-width: 576px) {
  .top-content__form-wrap {
    max-width: none;
  }
}
.top-content__form {
  display: flex;
  align-items: center;
  max-width: 480px;
  margin-top: 10px;
}
@media screen and (max-width: 576px) {
  .top-content__form {
    flex-direction: column;
  }
}
.top-content__form .label {
  flex: 1 0 auto;
}
@media screen and (max-width: 576px) {
  .top-content__form .label {
    width: 100%;
  }
}
.top-content__form .button {
  padding: 21px 18px;
}
@media screen and (max-width: 992px) {
  .top-content__form .button {
    padding: 17px 18px;
  }
}
@media screen and (max-width: 576px) {
  .top-content__form .button {
    width: 100%;
  }
}
.top-content__form .button__text {
  display: none;
}
@media screen and (max-width: 576px) {
  .top-content__form .button__text {
    display: block;
  }
}
.top-content__sub-text {
  margin-top: 80px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
@media screen and (max-width: 1600px) {
  .top-content__sub-text {
    margin-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  .top-content__sub-text {
    max-width: 284px;
  }
}
@media screen and (max-width: 576px) {
  .top-content__sub-text {
    max-width: none;
    margin-top: auto;
  }
}
.top-content__sub-text span {
  font-size: 30px;
  line-height: 37px;
}
.top-content .stages__checkbox {
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 576px) {
  .top-content .stages__checkbox {
    margin-top: 30px;
  }
}
.questions {
  padding: 100px 0;
}
@media screen and (max-width: 992px) {
  .questions {
    padding: 80px 0;
  }
}
@media screen and (max-width: 576px) {
  .questions {
    padding: 60px 0;
  }
}
.questions__title {
  margin-bottom: 60px;
}
@media screen and (max-width: 1300px) {
  .questions__title {
    margin-bottom: 40px;
  }
}
.questions__text {
  margin-top: 40px;
}
@media screen and (max-width: 1030px) {
  .questions__text {
    max-width: 520px;
  }
}
@media screen and (max-width: 576px) {
  .questions__text {
    max-width: 400px;
  }
}
@media screen and (max-width: 340px) {
  .questions__text {
    max-width: 280px;
  }
}
.questions .contacts__phone {
  display: block;
  margin-top: 20px;
}
.accordion {
  margin-bottom: 20px;
}
.accordion:last-child {
  margin-bottom: 30px;
}
.accordion__text {
  z-index: 2;
  text-align: start;
  margin-right: 20px;
  width: calc(100% - 40px);
}
.accordion__row {
  width: auto;
  z-index: 2;
  transition: transform 0.2s;
}
.accordion__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
  padding: 30px 40px;
  border: none;
  background: #F6F4FC;
  color: #0D0D0D;
  transition: 0.2s;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .accordion__button {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 992px) {
  .accordion__button {
    padding: 20px 20px;
  }
}
@media screen and (max-width: 576px) {
  .accordion__button {
    padding: 16px 16px;
  }
}
.accordion__button.active {
  color: white;
  background: linear-gradient(101.18deg, #251927 41.75%, #3F2D50 65.65%);
}
.accordion__button.active path {
  stroke: white;
}
.accordion__button.active .accordion__row {
  transform: rotateX(180deg);
  transition: transform 0.2s;
}
.accordion__button:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(101.18deg, #251927 41.75%, #3F2D50 65.65%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s;
}
.accordion__button path {
  transition: 0.2s;
}
.accordion__button:hover {
  color: white;
}
.accordion__button:hover path {
  stroke: white;
}
.accordion__button:hover:after {
  opacity: 1;
}
.accordion__panel {
  display: none;
  color: white;
  background: linear-gradient(101.18deg, #251927 41.75%, #3F2D50 65.65%);
  padding: 10px 40px 40px 40px;
}
.accordion__panel p, .accordion__panel h4, .accordion__panel h5, .accordion__panel h6, .accordion__panel .h4, .accordion__panel .h5, .accordion__panel .h6 {
  max-width: 725px;
}
.accordion__panel p:last-child, .accordion__panel h4:last-child, .accordion__panel h5:last-child, .accordion__panel h6:last-child, .accordion__panel .h4:last-child, .accordion__panel .h5:last-child, .accordion__panel .h6:last-child {
  margin-bottom: 0;
}
.accordion__panel p {
  margin-bottom: 20px;
}
.accordion__panel h4, .accordion__panel .h4, .accordion__panel h5, .accordion__panel .h5 {
  font-weight: 700;
  margin-bottom: 30px;
}
.accordion__panel ul:not(:last-child), .accordion__panel ol:not(:last-child) {
  margin-bottom: 30px;
}
.accordion__panel li {
  max-width: 900px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
.accordion__panel li:last-child {
  margin-bottom: 0;
}
.accordion__panel ul > li:before {
  content: "•";
  position: absolute;
  font-size: 48px;
  top: -5px;
  left: 0;
  color: #A56BC0;
}
.accordion__panel ol {
  counter-reset: num;
}
.accordion__panel ol > li {
  padding: 0;
}
.accordion__panel ol > li p:first-child {
  padding-left: 30px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.accordion__panel ol > li:before {
  content: counter(num) ".";
  counter-increment: num;
  position: absolute;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  top: -3px;
  left: 0;
  color: #A56BC0;
}
.contacts {
  position: relative;
  background: radial-gradient(92.88% 122.69% at 21.33% 1.74%, #F0ECF9 0%, rgba(255, 255, 255, 0.540829) 37.5%, rgba(255, 255, 255, 0) 100%);
}
.contacts__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 800px;
  width: calc(50% - 150px);
}
@media screen and (max-width: 1400px) {
  .contacts__content {
    height: 600px;
    width: calc(50% - 80px);
  }
}
@media screen and (max-width: 992px) {
  .contacts__content {
    width: 100%;
    height: auto;
    padding-top: 80px;
  }
}
.contacts__graph {
  margin-top: 20px;
}
@media screen and (max-width: 992px) {
  .contacts__graph {
    padding-bottom: 80px;
  }
}
.contacts__map {
  width: 50vw;
  height: 800px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1400px) {
  .contacts__map {
    height: 600px;
  }
}
@media screen and (max-width: 992px) {
  .contacts__map {
    width: 100vw;
    position: relative;
    margin-left: calc(((100vw - 100%)/2)*(-1));
  }
}
@media screen and (max-width: 767px) {
  .contacts__map {
    height: 500px;
  }
}
@media screen and (max-width: 576px) {
  .contacts__map {
    height: 400px;
  }
}
@media screen and (max-width: 400px) {
  .contacts__map {
    height: 350px;
  }
}
.contacts__select {
  width: 100%;
  max-width: 420px;
}
.contacts__select .nice-select {
  width: 100%;
  margin-bottom: 40px;
}
.contacts__select .nice-select.open .list {
  width: 100%;
}
.contacts__title {
  margin-bottom: 40px;
}
.contacts__link {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.contacts__link:last-child {
  margin-bottom: 40px;
}
.contacts__link svg {
  margin-right: 20px;
}
.contacts__phone {
  color: #A56BC0;
  transition: 0.2s;
}
.contacts__phone:hover {
  color: #624070;
}
.contacts__list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.development-animation {
  position: absolute;
  width: 985px;
  height: 471px;
  bottom: 0;
  z-index: 1;
}
.development-animation img {
  position: absolute;
}
.development-animation__line {
  bottom: 0;
}
@media screen and (max-width: 1400px) {
  .development-animation__line {
    width: 728px;
    height: 402px;
  }
}
@media screen and (max-width: 992px) {
  .development-animation__line {
    width: 737px;
    height: 380px;
  }
}
@media screen and (max-width: 576px) {
  .development-animation__line {
    width: 518px;
    height: 249px;
    left: -50px;
  }
}
.development-animation__item {
  position: absolute;
  width: 93px;
  height: 160px;
  top: 430px;
  left: 340px;
  z-index: 0;
}
@media screen and (max-width: 1400px) {
  .development-animation__item {
    width: 53px;
    height: 100px;
    top: 380px;
    left: 240px;
  }
}
@media screen and (max-width: 992px) {
  .development-animation__item {
    display: none;
  }
}
.development-animation__sm-box {
  top: 298px;
  left: 606px;
  width: 104px;
  height: 60px;
  animation-name: anim1;
}
@media screen and (max-width: 1400px) {
  .development-animation__sm-box {
    top: 330px;
    left: 452px;
    width: 75px;
    height: 43px;
  }
}
@media screen and (max-width: 992px) {
  .development-animation__sm-box {
    top: 332px;
    left: 455px;
    width: 75px;
    height: 43px;
  }
}
@media screen and (max-width: 576px) {
  .development-animation__sm-box {
    width: 53px;
    height: 30px;
    top: 377px;
    left: 271px;
  }
}
.development-animation__big-box {
  top: 30px;
  left: 144px;
  width: 269px;
  height: 156px;
  animation-name: anim2;
}
@media screen and (max-width: 1400px) {
  .development-animation__big-box {
    top: 122px;
    left: 111px;
    width: 183px;
    height: 106px;
  }
}
@media screen and (max-width: 992px) {
  .development-animation__big-box {
    top: 132px;
    left: 111px;
    width: 183px;
    height: 106px;
  }
}
@media screen and (max-width: 576px) {
  .development-animation__big-box {
    width: 130px;
    height: 75px;
    top: 242px;
    left: 28px;
  }
}
.development {
  position: relative;
  color: white;
  background: linear-gradient(144.17deg, #120C14 14.63%, #583F5D 93.88%), linear-gradient(251.05deg, rgba(0, 0, 0, 0.7) 71.04%, rgba(0, 0, 0, 0) 108.01%);
  overflow: hidden;
}
.development::before {
  content: "";
  position: absolute;
  left: -260px;
  top: 127px;
  width: 1308px;
  height: 1010px;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(60px);
  z-index: 1;
}
@media screen and (max-width: 1400px) {
  .development::before {
    left: -150px;
    top: 287px;
    width: 971px;
    height: 750px;
  }
}
@media screen and (max-width: 992px) {
  .development::before {
    left: -180px;
    top: 427px;
    width: 765px;
    height: 672px;
  }
}
.development::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 494px;
  height: 462px;
  background: url(../themes/erp/assets/images/development/line-top.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
}
@media screen and (max-width: 1400px) {
  .development::after {
    width: 728px;
    height: 402px;
  }
}
@media screen and (max-width: 992px) {
  .development::after {
    width: 588px;
    height: 322px;
  }
}
@media screen and (max-width: 576px) {
  .development::after {
    top: -40px;
    width: 558px;
    height: 192px;
  }
}
.development .container {
  position: relative;
  z-index: 5;
}
.development__title {
  margin-bottom: 10px;
}
.development__text {
  max-width: 527px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1400px) {
  .development__text {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 992px) {
  .development__text {
    max-width: 420px;
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 576px) {
  .development__text {
    margin-bottom: 40px;
  }
}
.development__list {
  max-width: 50%;
  margin-left: auto;
}
@media screen and (max-width: 1400px) {
  .development__list {
    max-width: 65%;
  }
}
@media screen and (max-width: 992px) {
  .development__list {
    max-width: none;
    margin-bottom: 200px;
  }
}
@media screen and (max-width: 576px) {
  .development__list {
    margin-left: 0;
  }
}
.development__item {
  display: flex;
  align-items: center;
  max-width: 330px;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  opacity: 0;
  transform: translate(0px, 50px);
}
@media screen and (max-width: 576px) {
  .development__item {
    max-width: 100%;
  }
}
.development__item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 1400px) {
  .development__item:not(:last-child) {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 576px) {
  .development__item:not(:last-child) {
    margin-bottom: 30px;
  }
}
.development__item:nth-child(2n) {
  margin-left: auto;
}
@media screen and (max-width: 576px) {
  .development__item:nth-child(2n) {
    margin-left: 0;
  }
}
.development__svg {
  height: 70px;
  width: 31px;
  flex: 0 0 auto;
  margin-right: 23px;
}
.development__svg svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.price {
  position: relative;
}
.price::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 489px;
  height: 471px;
  background: url(../themes/erp/assets/images/price/line.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .price::after {
    width: 383px;
    height: 403px;
  }
}
@media screen and (max-width: 992px) {
  .price::after {
    width: 373px;
    height: 359px;
  }
}
@media screen and (max-width: 576px) {
  .price::after {
    display: none;
  }
}
.price__title {
  margin-bottom: 10px;
}
.price__sub-title {
  margin-bottom: 60px;
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .price__sub-title {
    margin-bottom: 40px;
  }
}
.price__wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1400px) {
  .price__wrap {
    flex-direction: column;
  }
}
.price__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 310px;
}
@media screen and (max-width: 1400px) {
  .price__left {
    width: 100%;
    margin-bottom: 40px;
  }
}
.price__text {
  margin-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .price__text {
    margin-bottom: 40px;
  }
}
.price__text p {
  font-weight: 500;
}
.price__text p:not(:last-child) {
  margin-bottom: 20px;
}
.price__right {
  width: calc((274px + 20px) * 3);
  margin-left: 50px;
}
@media screen and (max-width: 1400px) {
  .price__right {
    width: 100%;
    margin-left: 0;
  }
}
.price__bottom-text {
  max-width: 704px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 992px) {
  .price__bottom-text {
    max-width: 500px;
  }
}
.price .link {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-decoration-line: underline;
}
@media screen and (max-width: 576px) {
  .price .button {
    width: 100%;
  }
}
.price-cards {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
  .price-cards {
    margin-top: -10px;
    margin-left: 0;
  }
}
.price-cards__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% / 3 - 20px);
  min-height: 216px;
  margin-top: 30px;
  margin-left: 20px;
  background: #F6F4FC;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .price-cards__item {
    width: calc(100% / 2 - 20px);
  }
}
@media screen and (max-width: 576px) {
  .price-cards__item {
    width: 100%;
    min-height: 159px;
    margin-left: 0;
    margin-top: 10px;
  }
}
.price-cards__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
@media screen and (max-width: 576px) {
  .price-cards__title {
    font-size: 18px;
    line-height: 22px;
  }
}
.price-cards__labels {
  position: relative;
  padding-top: 22px;
  margin-top: 30px;
}
@media screen and (max-width: 576px) {
  .price-cards__labels {
    padding-top: 12px;
    margin-top: 20px;
  }
}
.price-cards__labels::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='129' height='12' viewBox='0 0 129 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6H117' stroke='%23E1D1ED' stroke-width='2'/%3E%3Ccircle cx='123' cy='6' r='5.25' stroke='%23E1D1ED' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  width: 129px;
  height: 12px;
  top: 0;
  left: -20px;
}
.price-cards__label:not(:last-child) {
  margin-bottom: 20px;
}
.price-cards__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #A56BC0;
  margin-bottom: 9px;
}
.price-cards__value {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
@media screen and (max-width: 576px) {
  .price-cards__value {
    font-size: 18px;
    line-height: 22px;
  }
}
.advantages {
  position: relative;
  display: flex;
  justify-content: center;
  color: white;
  background: linear-gradient(0deg, #251927, #251927), linear-gradient(250.05deg, rgba(0, 0, 0, 0.7) 64.22%, rgba(0, 0, 0, 0) 121.51%);
  overflow: hidden;
}
.advantages::before {
  content: "";
  position: absolute;
  top: 383px;
  width: 2950px;
  height: 1161px;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(60px);
  z-index: 0;
}
@media screen and (max-width: 1400px) {
  .advantages::before {
    width: 1840px;
    height: 961px;
    top: 344px;
  }
}
@media screen and (max-width: 992px) {
  .advantages::before {
    width: 1366px;
    height: 1549px;
    top: 603px;
  }
}
@media screen and (max-width: 576px) {
  .advantages::before {
    width: 150%;
    height: 1488px;
    top: 623px;
  }
}
.advantages .container {
  position: relative;
  z-index: 5;
}
.advantages__title {
  margin-bottom: 10px;
}
.advantages__sub-title {
  margin-bottom: 70px;
}
@media screen and (max-width: 1400px) {
  .advantages__sub-title {
    margin-bottom: 40px;
  }
}
.advantages__wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .advantages__wrap {
    flex-direction: column;
  }
}
.advantages__card {
  width: calc(100% / 3 - 120px);
}
@media screen and (max-width: 1400px) {
  .advantages__card {
    width: calc(100% / 3 - 60px);
  }
}
@media screen and (max-width: 992px) {
  .advantages__card {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .advantages__card:not(:last-child) {
    margin-bottom: 60px;
  }
}
.advantages__img {
  position: relative;
  width: 298px;
  height: 178px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1400px) {
  .advantages__img {
    width: 211px;
    height: 134px;
  }
}
.advantages__img img {
  position: absolute;
}
.advantages__img-bg {
  z-index: 0;
}
.advantages__img-anim {
  z-index: 1;
}
.advantages__img-anim--1 {
  width: 193px;
  height: 111px;
  left: 49px;
  top: -5px;
  animation-name: anim1;
  animation-duration: 3s;
}
@media screen and (max-width: 1400px) {
  .advantages__img-anim--1 {
    width: 136px;
    height: 78px;
    left: 34px;
    top: -2px;
  }
}
.advantages__img-anim--2 {
  width: 248px;
  height: 143px;
  left: 1px;
  top: -5px;
  animation-name: anim1;
  animation-duration: 3s;
  animation-delay: 0.4s;
}
@media screen and (max-width: 1400px) {
  .advantages__img-anim--2 {
    width: 174px;
    height: 101px;
    left: 1px;
    top: -1px;
  }
}
.advantages__img-anim--3 {
  width: 245px;
  height: 141px;
  left: 1px;
  top: -5px;
  animation-name: anim1;
  animation-duration: 3s;
  animation-delay: 0.8s;
}
@media screen and (max-width: 1400px) {
  .advantages__img-anim--3 {
    width: 173px;
    height: 100px;
    left: 2px;
    top: -4px;
  }
}
.advantages__card-title {
  max-width: 120px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1400px) {
  .advantages__card-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  .advantages__card-title {
    max-width: 577px;
  }
}
.advantages__text {
  max-width: 309px;
}
@media screen and (max-width: 992px) {
  .advantages__text {
    max-width: 577px;
  }
}
.advantages__text p {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.advantages__text p:not(:last-child) {
  margin-bottom: 20px;
}
.advantages .button {
  max-width: 260px;
  margin: auto;
}
@media screen and (max-width: 576px) {
  .advantages .button {
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 992px) {
  .projects .swiper-slide {
    height: auto;
  }
}
.projects__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 1075px;
  width: 50%;
  padding-right: 130px;
}
@media screen and (max-width: 1400px) {
  .projects__content {
    min-height: 764px;
  }
}
@media screen and (max-width: 992px) {
  .projects__content {
    width: 100%;
    min-height: auto;
    padding-right: 0;
  }
}
.projects__title {
  position: relative;
  margin-bottom: 60px;
  padding-right: 130px;
}
@media screen and (max-width: 1400px) {
  .projects__title {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  .projects__title {
    max-width: 320px;
  }
}
@media screen and (max-width: 576px) {
  .projects__title {
    max-width: 250px;
    margin-bottom: 30px;
    padding-right: 30px;
  }
}
.projects__title::before {
  content: "";
  position: absolute;
  width: 78px;
  height: 135px;
  right: 0;
  background-image: url(../themes/erp/assets/images/projects/item.png);
  background-size: contain;
}
@media screen and (max-width: 1400px) {
  .projects__title::before {
    width: 58px;
    height: 99px;
  }
}
@media screen and (max-width: 576px) {
  .projects__title::before {
    top: 10px;
    width: 32px;
    height: 55px;
  }
}
.projects__card-img {
  display: none;
}
@media screen and (max-width: 992px) {
  .projects__card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    height: 585px;
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .projects__card-img {
    height: 314px;
  }
}
.projects__card-img::before {
  content: "";
  position: absolute;
  width: 811px;
  height: 517px;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(37px);
  z-index: 0;
}
@media screen and (max-width: 576px) {
  .projects__card-img::before {
    width: 409px;
    height: 314px;
  }
}
.projects__card-img img {
  position: relative;
  object-fit: contain;
  object-position: center;
  z-index: 1;
}
.projects__text {
  max-width: 381px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1400px) {
  .projects__text {
    font-size: 18px;
    line-height: 22px;
  }
}
.projects__sub-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #A56BC0;
  margin-bottom: 10px;
}
.projects__sub-text {
  max-width: 401px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1400px) {
  .projects__sub-text {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  .projects__sub-text {
    max-width: none;
  }
}
.projects__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  flex: 0 0 50%;
  background: linear-gradient(163.96deg, #404870 -3.3%, #251927 58.97%);
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .projects__img {
    display: none;
  }
}
.projects__img img {
  position: absolute;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
.projects__img::before {
  content: "";
  position: absolute;
  left: -260px;
  top: -50px;
  width: 1341px;
  height: 1121px;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(48px);
  z-index: 0;
}
@media screen and (max-width: 576px) {
  .projects .button {
    width: 100%;
  }
}
.projects__buttons {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 44px;
  width: 100px;
  margin-top: 50px;
}
@media screen and (max-width: 576px) {
  .projects__buttons {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
}
.projects__buttons .swiper-button-next, .projects__buttons .swiper-button-prev {
  position: static;
  right: auto;
  left: auto;
  color: #0D0D0D;
}
.projects__buttons .swiper-button-next:after, .projects__buttons .swiper-button-prev:after {
  font-size: 25px;
}
.automation {
  position: relative;
  background: linear-gradient(0deg, #251927, #251927), linear-gradient(250.05deg, rgba(0, 0, 0, 0.7) 64.22%, rgba(0, 0, 0, 0) 121.51%);
  display: flex;
  justify-content: center;
  color: white;
  overflow: hidden;
}
.automation::before {
  content: "";
  position: absolute;
  top: 514px;
  width: 2950px;
  height: 1161px;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(60px);
  z-index: 0;
}
@media screen and (max-width: 1400px) {
  .automation::before {
    top: 400px;
    width: 1813px;
    height: 1172px;
  }
}
@media screen and (max-width: 992px) {
  .automation::before {
    width: 1352px;
    height: 1561px;
    top: 537px;
  }
}
@media screen and (max-width: 576px) {
  .automation::before {
    width: 491px;
    height: 1863px;
    top: 636px;
  }
}
.automation .container {
  position: relative;
  z-index: 5;
}
.automation__title {
  max-width: 446px;
  margin-bottom: 100px;
}
@media screen and (max-width: 576px) {
  .automation__title {
    margin-bottom: 50px;
  }
}
.automation__wrap {
  display: flex;
  height: 500px;
  margin-bottom: 40px;
  margin-left: -50px;
  margin-top: -60px;
}
@media screen and (max-width: 1400px) {
  .automation__wrap {
    flex-wrap: wrap;
    height: auto;
  }
}
@media screen and (max-width: 992px) {
  .automation__wrap {
    flex-direction: column;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .automation__wrap {
    margin-top: -40px;
  }
}
.automation__card {
  width: calc(100% / 4 - 50px);
  margin-left: 50px;
  margin-top: 60px;
  opacity: 0;
  transform: translate(0px, 50px);
}
@media screen and (max-width: 1400px) {
  .automation__card {
    width: calc(100% / 2 - 50px - 100px);
  }
}
@media screen and (max-width: 992px) {
  .automation__card {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .automation__card {
    margin-top: 40px;
  }
}
.automation__card:nth-child(2n) {
  margin-top: auto;
}
@media screen and (max-width: 1400px) {
  .automation__card:nth-child(2n) {
    margin-top: 60px;
  }
}
@media screen and (max-width: 576px) {
  .automation__card:nth-child(2n) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1400px) {
  .automation__card:nth-child(3) {
    margin-left: auto;
  }
}
.automation__img {
  width: 160px;
  height: 124px;
  margin-left: -20px;
}
.automation__card-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
  .automation__card-title {
    font-size: 18px;
    line-height: 22px;
  }
}
.automation .button {
  max-width: 260px;
  margin: auto;
}
@media screen and (max-width: 576px) {
  .automation .button {
    width: 100%;
    max-width: none;
  }
}
.stages {
  position: relative;
  background: linear-gradient(0deg, #251927, #251927), linear-gradient(250.05deg, rgba(0, 0, 0, 0.7) 64.22%, rgba(0, 0, 0, 0) 121.51%);
  display: flex;
  justify-content: center;
  color: white;
  overflow: hidden;
}
.stages::before {
  content: "";
  position: absolute;
  top: 105px;
  right: 341px;
  width: 1957px;
  height: 1823px;
  background: radial-gradient(42.01% 42.01% at 50% 50%, rgba(100, 154, 235, 0.4) 0%, rgba(243, 108, 255, 0) 100%);
  filter: blur(60px);
  z-index: 0;
}
@media screen and (max-width: 1400px) {
  .stages::before {
    width: 1330px;
    height: 1280px;
    top: 525px;
    right: 241px;
  }
}
@media screen and (max-width: 992px) {
  .stages::before {
    width: 977px;
    height: 1089px;
    top: 375px;
    right: -19px;
  }
}
@media screen and (max-width: 576px) {
  .stages::before {
    width: 560px;
    height: 693px;
    top: 105px;
    right: -29px;
  }
}
.stages .container {
  position: relative;
  z-index: 5;
}
.stages__title {
  margin-bottom: 10px;
}
.stages__sub-title {
  margin-bottom: 60px;
}
.stages__wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 1400px) {
  .stages__wrap {
    flex-direction: column;
  }
}
.stages__card {
  width: calc(100% / 2 - 50px);
}
@media screen and (max-width: 1400px) {
  .stages__card {
    width: 60%;
  }
}
@media screen and (max-width: 992px) {
  .stages__card {
    width: 80%;
  }
}
@media screen and (max-width: 576px) {
  .stages__card {
    display: flex;
    width: 100%;
  }
}
@media screen and (max-width: 1400px) {
  .stages__card:nth-child(2) {
    margin-left: auto;
    margin-top: 40px;
  }
}
.stages__img {
  position: relative;
  height: 318px;
  width: 349px;
  margin-top: 30px;
}
@media screen and (max-width: 576px) {
  .stages__img {
    display: none;
  }
}
.stages__img img {
  position: absolute;
}
.stages__img-bg1 {
  width: 350px;
  height: 284px;
}
.stages__img-bg2 {
  width: 343px;
  height: 321px;
}
.stages__img-item1 {
  width: 15px;
  height: 10px;
  top: 16px;
  left: 46px;
  animation-name: anim1;
}
.stages__img-item2 {
  width: 105px;
  height: 61px;
  top: 120px;
  left: 64px;
  animation-name: anim1;
}
.stages__img-item3 {
  width: 142px;
  height: 82px;
  top: 150px;
  left: 112px;
  animation-name: anim2;
  animation-delay: 0.2s;
}
.stages__list {
  position: relative;
}
@media screen and (max-width: 576px) {
  .stages__list {
    margin-left: 34px;
  }
}
.stages__item {
  position: absolute;
}
@media screen and (max-width: 576px) {
  .stages__item {
    position: relative;
    top: 0 !important;
    left: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  .stages__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .stages__item:before {
    content: "•";
    position: absolute;
    font-size: 48px;
    top: -5px;
    left: -22px;
    color: #A56BC0;
  }
}
.stages__item--1 {
  max-width: 148px;
  top: -15px;
  left: 95px;
}
@media screen and (max-width: 576px) {
  .stages__item--1 {
    max-width: none;
  }
}
.stages__item--2 {
  max-width: 170px;
  top: 135px;
  left: 365px;
}
@media screen and (max-width: 576px) {
  .stages__item--2 {
    max-width: none;
  }
}
.stages__item--3 {
  max-width: 211px;
  top: 215px;
  left: 365px;
}
@media screen and (max-width: 576px) {
  .stages__item--3 {
    max-width: none;
  }
}
.stages__item--4 {
  max-width: 295px;
  top: -10px;
  left: 100px;
}
@media screen and (max-width: 576px) {
  .stages__item--4 {
    max-width: none;
  }
}
.stages__item--5 {
  top: 90px;
  left: 230px;
}
.stages__item--6 {
  top: 185px;
  left: 355px;
}
.stages__item--7 {
  top: 255px;
  left: 355px;
}
.stages__text {
  max-width: 475px;
  margin-bottom: 20px;
}
.stages__form {
  margin-top: 60px;
}
.stages__inputs {
  max-width: 1029px;
  display: flex;
  margin-left: -20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
  .stages__inputs {
    flex-direction: column;
    margin-left: 0;
  }
}
.stages__inputs .label {
  width: calc(100% / 2 - 20px);
  margin-left: 20px;
}
@media screen and (max-width: 576px) {
  .stages__inputs .label {
    width: 100%;
    margin-left: 0;
  }
}
.stages__inputs .label input {
  background: rgba(246, 244, 252, 0.17);
  border: 1px solid rgba(182, 182, 182, 0.46);
  border-bottom: 4px solid #FFFFFF;
  color: white;
}
.stages__inputs .label input::placeholder {
  color: white;
}
.stages__inputs .label input:hover {
  border-bottom-color: #A56BC0;
}
.stages__checkbox {
  display: flex;
  font-weight: 400;
  max-width: 698px;
  margin-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .stages__checkbox {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .stages .button {
    width: 100%;
  }
}