@charset "UTF-8";
@import url(/assets/toastify-js/src/toastify-55a5b8a20450c776838e244f7f925c468ed9f8298fc0acb91a21c501e1041981.css);
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
  --textColor: #05021E;
  --mainFont: "Inter", sans-serif; }

.fixed body {
  overflow: hidden; }

body {
  position: relative;
  font-family: var(--mainFont);
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 160%;
  color: var(--textColor);
  background: #FAFAFA;
  min-width: 320px;
  overflow-x: hidden; }

.hidden {
  display: none; }

.main-wrapper {
  min-height: 100vh;
  position: relative; }

[class*=__container] {
  max-width: 1220px;
  width: 100%;
  margin: auto;
  padding: 0 10px; }

.block-desc {
  text-align: left;
  font-size: 36px;
  font-weight: bold;
  line-height: 1; }

.block-title {
  text-align: left;
  font-size: 36px;
  font-weight: bold;
  color: #4632d9; }

h1 {
  font-size: 64px;
  line-height: normal;
  font-weight: 700; }

h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: normal; }

h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 160%; }

h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 115%; }

h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 115%; }

.section-title {
  text-align: center;
  margin-bottom: 40px; }

.section-title span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #4531E7; }

.section-desc {
  color: #05021E;
  opacity: 0.7;
  text-align: center; }

.button {
  position: relative;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  padding: 13px 24px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  background: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 0; }

.button::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.55);
  transition: all 0.12s linear;
  opacity: 0;
  z-index: -1; }

.button:hover::after {
  transition: all 0.12s linear;
  opacity: 1; }

.button.button-orange {
  position: relative;
  background: linear-gradient(81deg, #ff8800 0%, #ffb700 100%);
  z-index: 0; }

.button.button-orange::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%), linear-gradient(81deg, #F80 0%, #FFB700 100%);
  transition: all 0.12s linear;
  opacity: 0;
  z-index: -1; }

.button.button-orange:hover::after {
  transition: all 0.12s linear;
  opacity: 1; }

.button.button-accent {
  background: #9371ec;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 70px;
  min-height: 74px; }

.button-blue {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #612de3;
  border: 1px solid #612de3;
  padding: 15px 61px; }

.button-blue:hover {
  position: relative;
  border-color: transparent;
  color: #fff;
  background: linear-gradient(81deg, #ff8800 0%, #ffb700 100%);
  z-index: 0;
  transition: all 0.12s linear; }

p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; }

span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; }

header ul li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; }

a.link {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; }

.button-radio {
  position: relative;
  display: flex;
  align-items: center; }

.button-radio > input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0; }

.button-radio > span {
  position: relative;
  width: 100%;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  border-radius: 10px;
  overflow: hidden;
  z-index: 0;
  min-height: 54px;
  background: linear-gradient(81deg, #A752E0 0%, #F042BC 100%); }

.button-radio > span::after {
  position: absolute;
  content: "";
  inset: 50% 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  z-index: -1;
  border-radius: 8px;
  transition: background 0.12s linear; }

.button-radio > span:hover {
  color: #fff;
  cursor: pointer; }

.button-radio > span:hover::after {
  background: transparent;
  transition: background 0.12s linear; }

.button-radio > input[type=radio]:checked + span::after {
  background: transparent; }

.button-radio > input[type=radio]:checked + span {
  color: #fff; }

input[type=text],
input[type=tel],
input[type=email],
input[type=password] {
  outline: none;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  padding: 0 0 10px 0; }

input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder {
  color: #fff;
  opacity: 0.8;
  -moz-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear; }

input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder {
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.12s linear; }

input[type=text]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear; }

input[type=text]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=password]:focus::placeholder {
  opacity: 0;
  transition: opacity 0.12s linear; }

@keyframes displayAnim {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* custom select */
.custom-select {
  position: relative;
  min-width: 160px; }

.custom-select .select-selected {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  color: #1F1F1F;
  line-height: 19px;
  padding: 15px;
  width: 100%;
  max-width: 100%;
  min-width: 300px;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 10px;
  background: linear-gradient(81deg, #A752E0 0%, #F042BC 100%);
  justify-content: center;
  color: #fff;
  z-index: 100;
  position: relative; }

.custom-select select {
  display: none; }

.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  width: 14px;
  height: 8px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNyA3TDEzIDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translate(0, -50%) rotate(0deg);
  transition: all 0.12s linear; }

.select-selected.select-arrow-active:after {
  transform: translate(0, -50%) rotate(180deg);
  transition: all 0.12s linear; }

.select-items div,
.select-selected {
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #1F1F1F;
  text-align: center;
  padding: 18px; }

.select-items div:first-child {
  padding-top: 26px; }

.select-items div:not(:last-child) {
  border-bottom: 1px solid rgba(5, 2, 30, 0.5); }

.select-items {
  position: absolute;
  background-color: #fff;
  left: 0;
  transform: translate(0px, -10px);
  right: 0;
  z-index: 99;
  min-width: 300px;
  padding: 0;
  /* box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15); */
  border-radius: 0 0 10px 10px;
  border: 1px solid #05021E; }

.select-items._bottom {
  top: auto;
  bottom: calc(100% + 14px); }

.select-items._left {
  right: 0;
  left: auto; }

.select-hide {
  display: none; }

/*  */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 34px; }
  h2 {
    font-size: 26px; }
  h3 {
    font-size: 22px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 20px; }
  .section-title {
    margin-bottom: 30px; }
  p {
    font-size: 18px; }
  span {
    font-size: 16px;
    font-weight: 500; }
  a.link {
    font-size: 16px; } }

@media screen and (max-width: 691px) {
  .block-desc {
    text-align: center;
    font-size: 24px; }
  .block-title {
    text-align: center;
    font-size: 24px; } }

@media screen and (max-width: 480px) {
  h1 {
    font-size: 32px; }
  h2 {
    font-size: 23px; }
  h3 {
    font-size: 20px; }
  h4 {
    font-size: 18px; }
  h5 {
    font-size: 18px; }
  .section-desc {
    color: #05021E;
    opacity: 0.7;
    text-align: left; }
  .button {
    font-weight: 300;
    font-size: 16px; }
  .section-title {
    text-align: left;
    margin-bottom: 30px; }
  p {
    font-size: 16px; }
  span {
    font-size: 10px;
    font-weight: 500; }
  a.link {
    font-size: 10px; } }

header {
  position: absolute;
  width: 100%;
  z-index: 1000; }

.burger {
  display: none; }

.close-menu {
  display: none; }

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

.logo {
  width: 175px;
  height: 42px; }

.main-menu ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 45px; }
  .main-menu ul li a {
    text-decoration-color: transparent;
    color: #fff;
    text-underline-offset: 5px;
    transition: text-decoration-color .12s linear; }
    .main-menu ul li a:hover {
      text-decoration-color: inherit;
      transition: text-decoration-color .12s linear; }

@media screen and (max-width: 1100px) {
  .burger {
    position: relative;
    display: block;
    padding: 0;
    width: 18px;
    height: 14px;
    outline: none;
    background: transparent; }
    .burger span {
      position: absolute;
      display: block;
      width: 100%;
      height: 2px;
      border-radius: 2px;
      background: #fff;
      top: 50%;
      left: 0;
      transform: translate(0, -50%);
      transition: all .12s ease; }
    .burger::after, .burger::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 2px;
      background: #fff;
      left: 0;
      transition: all .12s ease; }
    .burger::before {
      top: 0; }
    .burger::after {
      bottom: 0; }
    .burger.open::before {
      top: auto;
      transform: translate(0, -50%) rotate(-45deg);
      transition: all .12s ease; }
    .burger.open::after {
      bottom: auto;
      transform: translate(0, -50%) rotate(45deg);
      transition: all .12s ease; }
    .burger.open span {
      left: 100%;
      opacity: 0;
      visibility: hidden;
      transition: all .12s ease; }
  .header__container {
    padding: 24px 20px; }
  .main-menu {
    position: fixed;
    background: linear-gradient(165deg, #4531E7 8.74%, #9126D9 177.77%), #FFF;
    right: -100%;
    opacity: 0;
    top: 76px;
    height: 100vh;
    max-width: 100%;
    width: 100%;
    padding: 0px;
    transition: all 0.12s linear;
    z-index: 1000; }
    .main-menu ul {
      flex-direction: column;
      gap: 20px;
      align-items: center;
      padding: 30px; }
      .main-menu ul li a {
        text-decoration-color: transparent;
        color: #fff;
        text-underline-offset: 5px;
        transition: text-decoration-color 0.12s linear;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; }
    .main-menu .close-menu {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0;
      background: none;
      width: 24px;
      height: 24px; }
      .main-menu .close-menu svg {
        opacity: .5; }
    .main-menu.open {
      right: 0%;
      opacity: 1;
      transition: all .12s linear; }
  .logo {
    width: 122px;
    height: 27px; } }

.start {
  position: relative;
  height: 728px;
  z-index: 10;
  background: url(/assets/homebg-f5386d231675d777a9ab3dd8a8a533c04b1769181306f4dfd6080bf1c19e132f.png) no-repeat;
  background-position: 50% 0;
  margin-bottom: 47px;
  overflow: hidden; }
  .start h1 {
    color: #fff;
    max-width: 884px;
    margin-bottom: 15px; }
  .start p {
    color: #fff;
    max-width: 594px;
    margin-bottom: 30px; }

.start__container {
  padding-top: 184px; }
  .start__container > div {
    display: flex;
    align-items: center;
    gap: 30px; }

@media screen and (max-width: 1100px) {
  .start__container {
    padding-top: 105px; }
    .start__container > div {
      gap: 25px; } }

@media screen and (max-width: 768px) {
  .start {
    background-position: 50% 0;
    background-size: cover;
    margin-bottom: 20px; }
    .start h1 {
      color: #fff;
      max-width: 884px;
      margin-bottom: 15px; }
    .start p {
      color: #fff;
      max-width: 594px;
      margin-bottom: 30px; }
  .start__container > div {
    flex-direction: column;
    align-items: flex-start; }
    .start__container > div a.button {
      max-width: 300px;
      width: 100%; } }

@media screen and (max-width: 480px) {
  .start__container > div a.button {
    max-width: initial; } }

@media screen and (max-width: 380px) {
  .start {
    height: 780px;
    background-color: #4531E7; } }

.auditory {
  margin-bottom: 120px; }

.auditory-cardlist {
  display: flex;
  align-items: stretch;
  gap: 33px; }

.auditory-card {
  position: relative;
  max-width: 378px;
  width: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px 27px 30px 30px;
  overflow: hidden;
  z-index: 0; }
  .auditory-card h5 {
    color: #fff;
    margin-bottom: 10px; }
  .auditory-card span {
    color: #fff;
    font-weight: 200;
    opacity: .8; }
  .auditory-card:nth-child(1) {
    background: linear-gradient(165deg, #4531E7 8.74%, #9126D9 177.77%); }
    .auditory-card:nth-child(1) .auditory-card__pattern {
      right: 8px;
      top: -5px; }
  .auditory-card:nth-child(2) {
    background: linear-gradient(81deg, #6952E0 0%, #A752E0 100%), linear-gradient(165deg, #4531E7 8.74%, #9126D9 177.77%); }
    .auditory-card:nth-child(2) .auditory-card__pattern {
      width: 130px;
      height: 130px;
      right: -12px;
      top: -12px;
      mix-blend-mode: lighten;
      transform: rotate(71.329deg); }
  .auditory-card:nth-child(3) {
    background: linear-gradient(81deg, #A752E0 0%, #F042BC 100%), linear-gradient(165deg, #4531E7 8.74%, #9126D9 177.77%); }
    .auditory-card:nth-child(3) .auditory-card__pattern {
      width: 120px;
      height: 120px;
      right: -8px;
      top: -8px;
      mix-blend-mode: lighten;
      transform: rotate(71.329deg); }

.auditory-card__pattern {
  position: absolute;
  z-index: -1; }

.auditory-card__icon {
  margin-bottom: 15px; }

@media screen and (max-width: 768px) {
  .auditory {
    margin-bottom: 90px; }
  .auditory-cardlist {
    gap: 15px;
    flex-wrap: wrap; }
  .auditory-card {
    max-width: initial; } }

@media screen and (max-width: 480px) {
  .auditory-card span {
    font-size: 16px; } }

.aboutproducts {
  margin-bottom: 120px; }

.aboutdrum-box {
  max-width: 720px;
  max-height: 820px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: calc(158px / 2) 0; }

.aboutdrum {
  position: relative;
  width: 658px;
  height: 658px;
  border-radius: 658px;
  border: 1px solid #4531E7; }

.circle {
  background: #fafafa;
  width: 158px;
  height: 158px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  box-shadow: 0px 0px 0px 40px #fafafa; }
  .circle h5 {
    color: #4531E7; }
  .circle::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 158px;
    height: 158px;
    z-index: -1;
    border-radius: 50%;
    filter: drop-shadow(0px 6px 12px rgba(28, 39, 49, 0.05)); }

#cr1.circle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%); }

#cr2.circle {
  position: absolute;
  top: 12%;
  right: 0%;
  transform: translate(18%, 0%); }

#cr3.circle {
  position: absolute;
  top: 64%;
  right: 0%;
  transform: translate(16%, 0%); }

#cr4.circle {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%); }

#cr5.circle {
  position: absolute;
  top: 64%;
  left: 0%;
  transform: translate(-20%, 0%); }

#cr6.circle {
  position: absolute;
  top: 12%;
  left: 0%;
  transform: translate(-18%, 0%); }

.logo-circle {
  position: absolute;
  inset: 50% 50%;
  width: 165px;
  height: 165px;
  transform: translate(-50%, -50%); }

@media screen and (max-width: 1100px) {
  .aboutproducts {
    margin-bottom: 90px; } }

@media screen and (max-width: 768px) {
  .aboutdrum {
    width: 450px;
    height: 450px; }
    .aboutdrum .logo-circle {
      width: 130px;
      height: 130px; }
  .circle {
    width: 120px;
    height: 120px;
    box-shadow: 0px 0px 0px 25px #fafafa; }
    .circle h5 {
      font-size: 16px; }
    .circle::after {
      width: 120px;
      height: 120px; } }

@media screen and (max-width: 480px) {
  .aboutdrum {
    width: 300px;
    height: 340px;
    border: none; }
    .aboutdrum .logo-circle {
      width: 70px;
      height: 70px; }
  .aboutdrum-box {
    padding: 0; }
  .circle {
    width: 80px;
    height: 80px;
    box-shadow: none; }
    .circle h5 {
      font-size: 10px; }
    .circle::after {
      width: 80px;
      height: 80px; }
  #cr1.circle {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%); }
  #cr2.circle {
    top: 18%;
    right: 5%;
    transform: translate(18%, 0%); }
  #cr3.circle {
    top: 58%;
    right: 5%;
    transform: translate(16%, 0%); }
  #cr4.circle {
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%); }
  #cr5.circle {
    top: 58%;
    left: 5%;
    transform: translate(-20%, 0%); }
  #cr6.circle {
    top: 18%;
    left: 5%;
    transform: translate(-18%, 0%); } }

.possibilities {
  margin-bottom: 120px; }

.possibilities-info {
  display: flex;
  align-items: center; }

.possibilities-col.pcol-left {
  text-align: right; }

.possibilities-col.pcol-right {
  text-align: left; }

.possibilities-item h5 {
  color: #4531E7;
  margin-bottom: 5px; }

.possibilities-item span {
  color: #05021E;
  opacity: 0.8; }

.possibilities-item:not(:last-child) {
  margin-bottom: 30px; }

.possibilities-thumb {
  max-width: 716px;
  width: 100%;
  box-shadow: 0px 84px 150px 0px rgba(5, 2, 30, 0.09);
  margin: 0 30px; }

@media screen and (max-width: 1100px) {
  .possibilities {
    margin-bottom: 90px; } }

@media screen and (max-width: 768px) {
  .possibilities-info {
    flex-direction: column;
    align-items: flex-start; }
  .possibilities-col.pcol-left {
    text-align: left;
    order: 2;
    margin-bottom: 30px; }
  .possibilities-col.pcol-right {
    text-align: left;
    order: 3; }
  .possibilities-item span {
    display: block; }
  .possibilities-thumb {
    order: 1;
    margin: 0 0 30px 0; } }

@media screen and (max-width: 480px) {
  .possibilities-item span {
    font-size: 16px; } }

.why {
  margin-bottom: 120px;
  overflow: unset; }

.why .fullcont {
  position: sticky;
  top: 0; }

.why-slider {
  margin-top: 40px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  overflow: hidden; }

.why-wrapper {
  padding-left: 19.999999999%;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform; }

.why-item {
  width: 375px;
  height: auto;
  box-shadow: 0px 25px 40px -10px rgba(28, 39, 49, 0.08);
  border-radius: 10px;
  background: #fff;
  padding: 30px 62px 45px 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: none;
  margin-right: 33px; }

.why-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  margin-bottom: 15px;
  background: linear-gradient(165deg, #4531E7 8.74%, #9126D9 177.77%);
  overflow: hidden; }

.why-item__iext {
  text-align: center;
  color: #05021E;
  opacity: .5; }

@media screen and (max-width: 1100px) {
  .why {
    margin-bottom: 90px; }
  .why-slider {
    margin-bottom: -50px; }
  .why-wrapper {
    padding: 0 0 50px 10px;
    overflow-x: auto; }
  .why-item:last-child {
    margin-right: 10px; } }

@media screen and (max-width: 480px) {
  .why-item__iext {
    font-size: 16px; }
  .why-box {
    width: 100%; } }

.process {
  position: relative;
  border-radius: 10px;
  background: linear-gradient(81deg, #1A62FF 0%, #0041CC 100%);
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 120px;
  overflow: hidden;
  z-index: 0;
  transition: all .12s linear; }
  .process .section-desc {
    color: #fff; }
  .process .section-title {
    color: #fff; }
    .process .section-title span {
      color: #FFAA00; }
  .process .process-scrollbg {
    background: linear-gradient(81deg, #fafafa 0%, #fafafa 100%) 0% 0%/auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
    transition: all .12s linear;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0; }
  .process::after {
    position: absolute;
    content: '';
    right: -90px;
    top: -50px;
    width: 330px;
    height: 330px;
    background: url(/assets/patterns/pattern-2-0fbadabeb3b48249b777a1727d899feefa4f87413695712a44ffb5f511ebbacf.png) no-repeat;
    transform: rotate(99deg);
    mix-blend-mode: lighten; }
  .process::before {
    position: absolute;
    content: '';
    left: -70px;
    bottom: 20px;
    width: 320px;
    height: 320px;
    background: url(/assets/patterns/pattern-1-a6bdca957ed29d75fab3b57f44d206185918a0290020180dfc5700425ffd92b7.png) no-repeat;
    background-size: cover;
    transform: rotate(71deg);
    mix-blend-mode: lighten; }

.process-box {
  max-width: 720px;
  width: 100%;
  margin: auto; }

.process-list {
  display: flex;
  flex-direction: column; }

.process-item {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #fff;
  width: 100%; }
  .process-item h4 {
    margin-bottom: 10px; }
  .process-item span {
    opacity: .8; }
  .process-item:nth-child(odd) {
    align-items: flex-end;
    text-align: right;
    max-width: 311px; }
    .process-item:nth-child(odd)::after {
      position: absolute;
      content: '';
      right: -54px;
      top: 0;
      width: 24px;
      height: 24px;
      background: url(/assets/anchor-01ed6db96b671bac26de4aca668519d2b2c4457ebe7153a3c0b08ea37aaa4905.svg) no-repeat;
      background-size: cover;
      background-position: 50% 50%; }
    .process-item:nth-child(odd)::before {
      position: absolute;
      content: '';
      right: -42px;
      top: 20px;
      width: 1px;
      height: 100%;
      background: #ffffff; }
  .process-item:nth-child(even) {
    margin: 0 0 0 auto;
    max-width: 325px; }
    .process-item:nth-child(even)::after {
      position: absolute;
      content: '';
      left: -54px;
      top: 0;
      width: 24px;
      height: 24px;
      background: url(/assets/anchor-01ed6db96b671bac26de4aca668519d2b2c4457ebe7153a3c0b08ea37aaa4905.svg) no-repeat;
      background-size: cover;
      background-position: 50% 50%; }
    .process-item:nth-child(even):nth-child(even)::before {
      position: absolute;
      content: "";
      left: -43px;
      top: 20px;
      width: 1px;
      height: 100%;
      background: #fff; }
    .process-item:nth-child(even):nth-child(even):last-child::before {
      display: none; }
  .process-item:nth-child(1) {
    padding-bottom: 59px; }
  .process-item:nth-child(2) {
    padding-bottom: 83px; }
  .process-item:nth-child(3) {
    padding-bottom: 68px; }
  .process-item:nth-child(4) {
    padding-bottom: 64px; }
  .process-item:nth-child(5) {
    padding-bottom: 32px; }
  .process-item:nth-child(6) {
    padding-bottom: 54px; }
  .process-item:nth-child(7) {
    padding-bottom: 49px; }

@media screen and (max-width: 740px) {
  .process-item {
    padding-left: 39px;
    max-width: initial; }
    .process-item:nth-child(odd) {
      align-items: flex-start;
      text-align: left;
      max-width: initial; }
    .process-item:nth-child(even) {
      margin: 0;
      max-width: initial; }
    .process-item:nth-child(odd)::before {
      right: auto;
      left: 12px; }
    .process-item:nth-child(odd)::after {
      right: auto;
      left: 0;
      top: 0; }
    .process-item:nth-child(even)::after {
      left: 0; }
    .process-item:nth-child(even):nth-child(even)::before {
      position: absolute;
      content: "";
      left: 12px;
      top: 20px;
      width: 1px;
      height: 100%;
      background: #fff; }
    .process-item:nth-child(1), .process-item:nth-child(2), .process-item:nth-child(3), .process-item:nth-child(4), .process-item:nth-child(5), .process-item:nth-child(6), .process-item:nth-child(7) {
      padding-bottom: 45px; } }

@media screen and (max-width: 480px) {
  .process {
    border-radius: 0; }
    .process.process::after {
      right: -32px;
      top: -23px;
      width: 120px;
      height: 120px;
      background-size: cover; }
    .process::before {
      left: -74px;
      bottom: -31px;
      width: 150px;
      height: 150px;
      background-size: cover; }
  .process-item span {
    font-size: 16px; } }

.delegation {
  margin-bottom: 120px; }
  .delegation .section-title {
    margin-bottom: 15px; }

.delegation__container > p {
  max-width: 594px;
  width: 100%;
  margin: auto;
  text-align: center; }

.delegation-box {
  margin-top: 30px; }

.delegation-box__option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 33px;
  margin-bottom: 50px; }
  .delegation-box__option .button-radio {
    max-width: 308px;
    width: 100%; }

.delegation-box__content {
  position: relative;
  padding: 0 84px;
  display: flex; }

.delegation-box__page {
  position: relative;
  width: 100%; }

.delegation-box__page[data-page] {
  display: none;
  animation: displayAnim .7s ease; }

.delegation-box__page.page-select[data-page] {
  display: block;
  animation: displayAnim .7s ease; }

.delegation-box__image {
  position: relative; }

.delegation-select {
  display: none; }

.delegation-image-thumbs {
  max-width: 394px;
  width: 100%;
  max-height: 385px;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0; }

#delegation-image-main {
  position: relative;
  max-width: 762px;
  max-height: 536px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0px 84px 150px 0px rgba(5, 2, 30, 0.09);
  z-index: 0;
  margin-right: 50px; }

#delegation-image-second {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0px 1px 15px 0px rgba(5, 2, 30, 0.35); }

#delegation-image-adds {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 35px;
  box-shadow: 0px 1px 15px 0px rgba(5, 2, 30, 0.35);
  border-radius: 26px;
  overflow: hidden; }

@media screen and (max-width: 1100px) {
  .delegation {
    margin-bottom: 90px; } }

@media screen and (max-width: 768px) {
  .delegation-box__content {
    padding: 0 84px 0 0; }
  .delegation-image-thumbs {
    width: 52%;
    right: -84px; }
  #delegation-image-second,
  #delegation-image-adds {
    border-radius: 0;
    width: 45%; } }

@media screen and (max-width: 580px) {
  .delegation-box__option .button-radio {
    display: none; }
  .delegation-select {
    display: block;
    width: 100%; } }

@media screen and (max-width: 480px) {
  .delegation__container > p {
    margin: 0;
    text-align: left; }
  .delegation-box__content {
    padding: 0 27px 0 0; }
  .delegation-image-thumbs {
    right: -31px; } }

.format {
  margin-bottom: 120px; }

.format-list {
  display: flex;
  counter-reset: count;
  margin-bottom: 40px; }

.format-item {
  position: relative;
  flex: 0 1 auto;
  min-width: 212px;
  counter-increment: count; }
  .format-item:not(:last-child) {
    padding-right: 40px; }
  .format-item > span strong {
    font-weight: 400;
    color: #4531E7; }
  .format-item::after {
    position: absolute;
    content: "";
    right: 0;
    top: 15.5px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #fff 45%, #05021E 0);
    background-size: 27px 2px;
    background-repeat: repeat-x;
    z-index: -1;
    opacity: .1; }

.format-item__count {
  position: relative;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  border: 2px solid #4531E7;
  margin-bottom: 17px;
  background: #fafafa; }
  .format-item__count::before {
    position: absolute;
    content: counter(count);
    width: 100%;
    height: 100%;
    text-align: center;
    color: #4531E7;
    font-size: 16px;
    font-weight: 600; }

.format-opt {
  display: flex;
  justify-content: center; }
  .format-opt .button {
    max-width: 300px;
    width: 100%; }

@media screen and (max-width: 1100px) {
  .format {
    margin-bottom: 90px; }
  .format-list {
    flex-direction: column;
    margin-bottom: 30px; }
  .format-item {
    display: flex;
    align-items: flex-start;
    overflow: hidden; }
    .format-item:not(:last-child) {
      padding-right: 0;
      padding-bottom: 30px; }
    .format-item:last-child::after {
      display: none; }
    .format-item__count {
      flex-shrink: 0;
      margin-right: 15px;
      margin-bottom: 0; }
    .format-item::after {
      right: auto;
      left: 15.5px;
      top: 15.5px;
      width: 100%;
      height: 2px;
      background-size: 20px 2px;
      transform-origin: 0 0;
      transform: rotate(90deg); } }

@media screen and (max-width: 480px) {
  .format-item span {
    font-size: 16px; }
  .format-opt .button {
    max-width: inherit; } }

footer {
  position: relative;
  background: linear-gradient(165deg, #4531E7 8.74%, #9126D9 177.77%);
  padding: 60px 0 30px 0;
  overflow: hidden;
  z-index: 0; }
  footer::after {
    position: absolute;
    content: "";
    right: -27px;
    top: -69px;
    width: 224px;
    height: 224px;
    transform: rotate(75.41deg);
    background: url(/assets/patterns/pattern-1-a6bdca957ed29d75fab3b57f44d206185918a0290020180dfc5700425ffd92b7.png) no-repeat;
    background-size: contain;
    mix-blend-mode: lighten;
    z-index: -1; }
  footer::before {
    position: absolute;
    content: "";
    left: -123px;
    top: 146px;
    width: 220px;
    height: 220px;
    transform: rotate(99.44deg);
    background: url(/assets/patterns/pattern-2-0fbadabeb3b48249b777a1727d899feefa4f87413695712a44ffb5f511ebbacf.png) no-repeat;
    background-size: contain;
    mix-blend-mode: lighten;
    z-index: -1; }

.footer-title-mobile {
  display: none; }

.footer-top {
  display: flex;
  gap: 46px;
  margin-bottom: 98px; }

.footer-hint {
  max-width: 365px;
  width: 100%;
  color: #fff; }
  .footer-hint h3 {
    margin-bottom: 15px; }
  .footer-hint p {
    opacity: .8;
    font-weight: 300; }

.footer-title {
  color: #fff;
  max-width: 495px; }

.footer-middle {
  margin-bottom: 80px; }

form.footer-callback {
  display: flex;
  flex-direction: column;
  gap: 30px; }

.form-inputs-inner {
  display: flex;
  gap: 10px;
  width: 100%;
  align-items: end; }

.form-inputs-row {
  display: flex;
  align-items: center;
  max-width: 840px;
  width: 100%;
  justify-content: space-between; }
  .form-inputs-row input:not([type='checkbox']),
  .form-inputs-row input:not([type='radio']) {
    max-width: 240px;
    width: 100%; }

.form-inputs-policy {
  display: flex;
  gap: 25px; }

.form-inputs-policy-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer; }
  .form-inputs-policy-label span {
    font-size: 12px;
    line-height: 15px;
    color: #fff; }
  .form-inputs-policy-label a {
    text-decoration: underline;
    color: #fff; }
    .form-inputs-policy-label a:hover {
      color: #fff;
      text-decoration: none; }

.form-inputs-policy-mark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1.5px solid #fff;
  border-radius: 6px;
  flex-shrink: 0; }

.form-inputs-policy-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  overflow: hidden; }
  .form-inputs-policy-checkbox[type='checkbox'] + .form-inputs-policy-mark::after {
    content: '';
    border-radius: 6px;
    opacity: 0;
    transform: scale(0.8);
    transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease; }
  .form-inputs-policy-checkbox[type='checkbox']:checked + .form-inputs-policy-mark {
    border: none; }
  .form-inputs-policy-checkbox[type='checkbox']:checked + .form-inputs-policy-mark::after {
    width: 100%;
    height: 100%;
    background-image: url(/assets/icons/check-f38d004ae9e285a0034cb6cbeeb230ad4bf5bb3243d8ae4612096804d364d002.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    background-color: #FFAA00;
    opacity: 1;
    transform: scale(1); }

.form-inputs-error-message {
  color: red;
  font-size: 14px;
  margin-top: 10px; }
  .form-inputs-error-message.hidden {
    display: none; }

.form-inputs-opt button[type='submit'] {
  min-width: 300px; }

.footer-bottom {
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 40px;
  gap: 30px; }

.footer-logo {
  width: 175px;
  height: 42px;
  flex-shrink: 0; }

.foote-menu ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 5px 30px;
  font-size: 16px;
  flex-wrap: wrap; }
  .foote-menu ul li a {
    text-decoration-color: transparent;
    color: #fff;
    text-underline-offset: 5px;
    transition: text-decoration-color .12s linear; }
    .foote-menu ul li a:hover {
      text-decoration-color: inherit;
      transition: text-decoration-color .12s linear; }

@media screen and (max-width: 768px) {
  .form-inputs-row {
    align-items: flex-start;
    gap: 30px; }
  .form-inputs-policy {
    flex-direction: column; }
  .form-inputs-inner {
    flex-direction: column;
    gap: 30px; }
  .form-inputs-opt {
    width: 100%; }
  .form-inputs-opt button[type=submit] {
    width: 100%;
    max-width: initial; }
  .footer-middle {
    margin-bottom: 45px; } }

@media screen and (max-width: 480px) {
  footer::before,
  footer::after {
    display: none; }
  .footer-top {
    flex-direction: column;
    margin-bottom: 30px;
    gap: 15px; }
  .footer-hint h3 {
    opacity: .5; }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start; }
  .foote-menu ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px; }
  .footer-hint h3 {
    margin-bottom: 0; }
  form.footer-callback {
    flex-direction: column;
    align-items: stretch;
    gap: 30px; }
  .form-inputs-row {
    align-items: flex-start;
    gap: 30px;
    flex-direction: column; }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start; }
  .footer-bottom {
    gap: 30px; }
  .footer-title-mobile {
    display: block;
    margin-bottom: 20px; }
  .footer-title {
    display: none; }
  .form-inputs-row input:not([type=checkbox]),
  .form-inputs-row input:not([type=radio]) {
    max-width: 100%; } }

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75; }

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height); }

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite; }

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none; }

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1); }

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite; }

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1,150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -124; } }

.f-throwOutUp {
  animation: .175s ease-out both f-throwOutUp; }

.f-throwOutDown {
  animation: .175s ease-out both f-throwOutDown; }

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, -150px, 0);
    opacity: 0; } }

@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, 150px, 0);
    opacity: 0; } }

.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease-out 0.1s both f-zoomInUp; }

.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown; }

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0; }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0; } }

.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
  z-index: 2; }

.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
  z-index: 1; }

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

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

.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2; }

.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1; }

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes f-fadeSlowOut {
  100% {
    opacity: 0; } }

.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2; }

.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
  z-index: 2; }

@keyframes f-fadeFastIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@keyframes f-fadeFastOut {
  100% {
    opacity: 0; } }

.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2; }

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s)*.5) linear 0.1s both f-crossfadeOut;
  z-index: 1; }

@keyframes f-crossfadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes f-crossfadeOut {
  100% {
    opacity: 0; } }

.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; }

.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; }

.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; }

.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; }

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%); } }

@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%); } }

.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2; }

.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2; }

.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1; }

.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1; }

@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0; } }

@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0; } }

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65; }

.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition); }

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg); } }

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg); }

.f-button:focus:not(:focus-visible) {
  outline: none; }

.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); }

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity .15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none; }

.f-button[disabled] {
  cursor: default; }

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity); }

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1; }

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%); }

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos); }

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos); }

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos); }

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos); }

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%); }

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos); }

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos); }

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg); }

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto; }

html.with-fancybox body {
  touch-action: none; }

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none; }

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain; }

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

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity; }

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip; }

.fancybox__viewport {
  width: 100%;
  height: 100%; }

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab; }

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing; }

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%; }

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden; }

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px; }

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
  overflow: hidden; }

.fancybox__slide.has-image {
  overflow: hidden; }

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
  overflow: visible; }

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto; }

.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20; }

.is-loading .fancybox__content {
  opacity: 0; }

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab; }

.can-zoom_in .fancybox__content {
  cursor: zoom-in; }

.can-zoom_out .fancybox__content {
  cursor: zoom-out; }

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing; }

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
  cursor: auto; }

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden; }

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%; }

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
  visibility: hidden; }

.is-animating .fancybox__content, .is-dragging .fancybox__content {
  filter: blur(0px);
  will-change: transform,width,height; }

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible; }

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden; }

.is-compact .fancybox__caption {
  padding-bottom: 0; }

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40; }

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: .75; }

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden; }

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden; }

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1; }

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative; }

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all .25s ease; }

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5); }

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px; }

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px; }

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1); }

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1; }

.is-idle .fancybox__nav {
  animation: .15s ease-out both f-fadeOut; }

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: .15s ease-out both f-fadeOut; }

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer; }

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none; }

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none; }

.fancybox__container:not([aria-hidden]) {
  opacity: 0; }

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  animation: .25s ease .1s backwards f-fadeIn; }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: .35s ease backwards f-fadeIn; }

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  animation: .15s ease forwards f-fadeOut; }

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: .35s ease forwards f-fadeOut; }

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible; }

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
  width: 100%;
  height: 100%; }

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%; }

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%; }

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff; }

.has-map .fancybox__content {
  background: #e5e3df; }

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0); }

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0; }

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1; }

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px; }

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  perspective: 1000px;
  transform: translateZ(0); }

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1; }

.f-thumbs .f-spinner svg {
  display: none; }

.f-thumbs.is-vertical {
  height: 100%; }

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden; }

.f-thumbs__track {
  display: flex;
  will-change: transform; }

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  min-width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer; }

.f-thumbs__slide.is-loading img {
  opacity: 0; }

.is-classic .f-thumbs__viewport {
  height: 100%; }

.is-modern .f-thumbs__track {
  width: -moz-max-content;
  width: max-content; }

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--left, 0)*1px);
  width: calc(100% - var(--width, 0)*1px);
  cursor: pointer; }

.is-modern .f-thumbs__slide {
  --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none; }

.is-modern .f-thumbs__slide > * {
  -webkit-clip-path: var(--clip-path);
          clip-path: var(--clip-path); }

.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within {
  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); }

.is-modern.in-touch .f-thumbs__slide {
  filter: none; }

.is-modern.is-resting .f-thumbs__slide {
  transition: all .33s ease; }

.is-modern.is-resting .f-thumbs__slide > * {
  transition: all .33s ease; }

.f-thumbs__slide__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity .2s ease; }

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity); }

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none; }

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity); }

.is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity); }

.is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn .2s ease-out;
  z-index: 10; }

.f-thumbs__slide__img {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover; }

.f-thumbs.is-horizontal .f-thumbs__track {
  margin: 0 auto;
  padding: 8px 0 12px 0; }

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0; }

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0 8px; }

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0; }

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); }

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1; }

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); }

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1; }

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); }

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap); }

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0; }

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px; }

.fancybox__thumbs.is-masked {
  max-height: 0px !important; }

.is-closing .fancybox__thumbs {
  transition: none !important; }

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20; }

.fancybox__toolbar :focus-visible {
  z-index: 1; }

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: .15s ease-out both f-fadeOut; }

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start; }

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0; }

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap; }

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.fancybox__infobar span {
  padding: 0 5px; }

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg); }

[data-fancybox-toggle-slideshow] {
  position: relative; }

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: .3; }

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex; }

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none; }

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none; }

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex; }

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex; }

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none; }

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none; }

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none; }

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex; }

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex; }

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none; }

.fancybox__container {
  max-width: 100%; }

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.35); }

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 0; }

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 24px;
  --f-button-height: 24px;
  --f-button-border-radius: 0;
  --f-button-color: #CED2DA;
  --f-button-hover-color: #CED2DA;
  --f-button-svg-width: 14px;
  --f-button-svg-height: 14px;
  position: absolute;
  top: 35px;
  right: 38px;
  opacity: 1; }

.f-button svg {
  width: 21px;
  height: 21px;
  stroke-width: 2px;
  filter: none; }

.modal {
  position: relative;
  max-width: 900px;
  width: 100%;
  border-radius: 15px;
  height: auto;
  overflow-y: auto;
  overflow: hidden;
  padding: 0;
  z-index: 0; }
  .modal .form-inputs-policy {
    flex-direction: column; }
  .modal .form-inputs-policy-label span {
    color: #05021E; }
  .modal .form-inputs-policy-label a {
    color: #05021E; }
    .modal .form-inputs-policy-label a:hover {
      color: #05021E; }
  .modal .form-inputs-policy-mark {
    border: 1.5px solid #CED2DA; }
  .modal input[type=text],
  .modal input[type=tel],
  .modal input[type=email],
  .modal input[type=password],
  .modal textarea {
    outline: none;
    background: none;
    border-radius: 8px;
    border: 1px solid #CED2DA;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #637083;
    padding: 16px 32px;
    width: 100%; }
  .modal input[type=text]::-moz-placeholder, .modal input[type=tel]::-moz-placeholder, .modal input[type=email]::-moz-placeholder, .modal input[type=password]::-moz-placeholder, .modal textarea::-moz-placeholder {
    color: #637083;
    -moz-transition: opacity 0.12s linear;
    transition: opacity 0.12s linear; }
  .modal input[type=text]::placeholder,
  .modal input[type=tel]::placeholder,
  .modal input[type=email]::placeholder,
  .modal input[type=password]::placeholder,
  .modal textarea::placeholder {
    color: #637083;
    transition: opacity 0.12s linear; }
  .modal textarea {
    max-width: 431px;
    height: 70px;
    max-height: 83px; }
  .modal textarea {
    overflow: auto; }
  .modal input[type=text]:focus::-moz-placeholder, .modal input[type=tel]:focus::-moz-placeholder, .modal input[type=email]:focus::-moz-placeholder, .modal input[type=password]:focus::-moz-placeholder, .modal textarea:focus::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.12s linear;
    transition: opacity 0.12s linear; }
  .modal input[type=text]:focus::placeholder,
  .modal input[type=tel]:focus::placeholder,
  .modal input[type=email]:focus::placeholder,
  .modal input[type=password]:focus::placeholder,
  .modal textarea:focus::placeholder {
    opacity: 0;
    transition: opacity 0.12s linear; }
  .modal form {
    margin-top: 30px; }

.modal-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%; }

.modal-side {
  position: relative;
  max-width: 260px;
  width: 100%;
  height: 100%;
  background: linear-gradient(165deg, #4531E7 8.74%, #9126D9 177.77%);
  z-index: 0;
  overflow: hidden; }
  .modal-side::before {
    position: absolute;
    content: '';
    left: -210px;
    top: -120px;
    width: 400px;
    height: 400px;
    background: url(/assets/patterns/pattern-1-a6bdca957ed29d75fab3b57f44d206185918a0290020180dfc5700425ffd92b7.png) no-repeat;
    background-size: contain;
    mix-blend-mode: plus-lighter;
    transform: rotate(40.546deg);
    z-index: -1; }
  .modal-side::after {
    position: absolute;
    content: '';
    left: 4px;
    bottom: -165px;
    width: 490px;
    height: 498px;
    background: url(/assets/patterns/pattern-1-a6bdca957ed29d75fab3b57f44d206185918a0290020180dfc5700425ffd92b7.png) no-repeat;
    background-size: contain;
    mix-blend-mode: plus-lighter;
    transform: rotate(71.224deg);
    z-index: -1; }

.modal-inner {
  padding: 10px 102px 10px 107px; }

.modal-title {
  margin-bottom: 10px;
  color: #05021E; }
  .modal-title > span {
    font-weight: inherit;
    font-size: inherit;
    color: #4531E7; }
  .modal-title br {
    display: none; }

.modal-desc {
  font-size: 15px; }

.modal-col {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  width: 100%;
  gap: 25px; }
  .modal-col > button {
    width: 100%; }
  .modal-col > span {
    text-align: center;
    max-width: 225px;
    margin: auto;
    font-size: 12px; }
    .modal-col > span a {
      color: inherit; }

#captcha-container {
  min-height: 80px !important;
  height: auto !important;
  display: flex;
  align-items: center; }

@media screen and (max-width: 768px) {
  .modal {
    height: auto; }
    .modal form {
      margin-top: 20px; }
    .modal .form-inputs-policy-label span {
      font-size: 10px;
      line-height: 12px; }
    .modal input[type=text],
    .modal input[type=tel],
    .modal input[type=email],
    .modal input[type=password],
    .modal textarea {
      font-size: 12px;
      padding: 10px; }
  .modal-side {
    display: none; }
  .modal-inner {
    padding: 36px 23px;
    width: 100%; }
  .modal-title {
    margin-bottom: 10px;
    text-align: center; }
    .modal-title br {
      display: inherit; }
  .modal-desc {
    font-size: 8px !important;
    text-align: center;
    font-weight: 400;
    line-height: 160%; }
  .modal-col {
    gap: 15px; }
    .modal-col > span {
      font-size: 10px; }
    .modal-col > button {
      background: linear-gradient(81deg, #F80 0%, #FFB700 100%);
      min-height: 44px; }
  .fancybox__container.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-width: 15px;
    --f-button-height: 15px;
    --f-button-svg-width: 15px;
    --f-button-svg-height: 15px;
    top: 22px;
    right: 25px;
    background: none; }
  .f-button svg {
    width: 15px;
    height: 15px;
    stroke: #CED2DA; } }

.clients-block {
  padding: 140px 0 115px 0; }

.clients-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  grid-auto-rows: 182px;
  margin-bottom: 110px; }

.client-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4dff3;
  margin: -1px -1px 0 0; }
  .client-item picture {
    display: flex;
    max-width: 294px;
    max-height: 100%; }
  .client-item img {
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.clients-block__opts {
  display: flex;
  justify-content: center; }

@media screen and (max-width: 1100px) {
  .clients-block {
    padding: 40px 0 50px 0; }
  .clients-list {
    margin-bottom: 50px; } }

.page-head {
  position: relative;
  background: #582ee4;
  padding: 150px 0 55px 0;
  z-index: 0;
  overflow: hidden; }
  .page-head::after {
    position: absolute;
    content: "";
    background: url(/assets/patterns/pattern-1-a6bdca957ed29d75fab3b57f44d206185918a0290020180dfc5700425ffd92b7.png) no-repeat;
    width: 470px;
    height: 470px;
    transform: rotate(45deg);
    top: -296px;
    right: -150px;
    mix-blend-mode: lighten;
    z-index: -1; }

.breadcrumbs {
  margin-bottom: 50px; }

.breadcrumb {
  text-decoration: none;
  color: #fff;
  font-size: 15px; }
  .breadcrumb:not(:last-child)::after {
    display: inline-block;
    content: '/';
    margin: 0 15px; }
  .breadcrumb:last-child {
    color: #c1aeff; }

.page-title {
  color: #fff;
  font-size: 42px;
  font-weight: bold; }

@media screen and (max-width: 1100px) {
  .page-head {
    padding: 85px 0 35px 0; }
  .breadcrumbs {
    margin-bottom: 20px; } }

@media screen and (max-width: 768px) {
  .page-head {
    padding: 85px 0 25px 0; }
  .page-head::after {
    display: none; }
  .page-title {
    font-size: 32px; }
  .breadcrumbs {
    margin-bottom: 5px; } }

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0; }

img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0; }

body {
  min-height: 100vh; }

button {
  border: none;
  outline: none; }

input,
button,
textarea,
select {
  font: inherit; }

html,
body {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased; }

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

button {
  outline: none;
  border: none;
  cursor: pointer; }

figure {
  margin: 0;
  padding: 0;
  display: block; }

.cookies {
  position: fixed;
  bottom: 10px;
  left: 90px;
  right: 30px;
  z-index: 100;
  overflow: hidden;
  width: 100%;
  max-width: 630px; }
  .cookies.show {
    overflow: visible; }
  .cookies.show .cookies-content {
    transform: translateY(0);
    opacity: 1; }
  .cookies.hide .cookies-content {
    transform: translateY(100%);
    opacity: 0; }
  @media (max-width: 767px) {
    .cookies {
      left: 20px;
      right: 20px; } }
.cookies-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  background: linear-gradient(165.02deg, #4531E7 8.74%, #9126D9 177.77%);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease; }

.cookies-title {
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  font-weight: 700;
  max-width: 80%; }
  @media (max-width: 767px) {
    .cookies-title {
      max-width: 100%; } }
.cookies-text {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  color: #fff;
  opacity: 0.5; }
  .cookies-text a {
    color: #fff;
    text-decoration: underline; }
    .cookies-text a:hover {
      text-decoration: none; }

.cookies-button {
  max-width: 180px;
  background-color: #fff;
  color: #4531E7;
  padding: 8px 15px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  margin-top: 10px;
  border: 0;
  transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease; }

.cookies-button:hover,
.cookies-button:focus-visible {
  background-color: transparent;
  color: #fff; }

.cookies-button:active {
  opacity: 0.7; }

.func {
  background-image: url(/assets/logofull-5eb341725174cd9df37254d28b044c1126bff4f79cb20260ef358e5b9d69e9fb.png);
  background-repeat: no-repeat;
  background-position: right 220px center;
  background-size: 663px 612px;
  margin-bottom: 120px; }

.func-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 42px;
  margin-top: 55px;
  max-width: 640px; }

.func-card {
  display: flex;
  align-items: center;
  gap: 20px 42px; }

.func-card__icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  flex-shrink: 0;
  box-shadow: 0px 17px 39px 0px rgba(34, 91, 255, 0.07); }

.func-card__title {
  font-size: 20px;
  font-weight: bold;
  color: #09061e; }

.func-card__desc {
  font-size: 16px;
  color: #9491a4;
  line-height: 150%; }

@media screen and (max-width: 1100px) {
  .func {
    background-image: none;
    margin-bottom: 75px; } }

@media screen and (max-width: 580px) {
  .func-card {
    flex-direction: column;
    text-align: center;
    width: 100%; } }

/*@import "home/default.css";*/
:root {
  --textColor: #05021E;
  --mainFont: "Inter", sans-serif; }

.fixed body {
  overflow: hidden; }

body {
  position: relative;
  font-family: var(--mainFont);
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 160%;
  color: var(--textColor);
  background: #FAFAFA;
  min-width: 320px;
  overflow-x: hidden; }

.hidden {
  display: none; }

.main-wrapper {
  min-height: 100vh;
  position: relative; }

[class*=__container] {
  max-width: 1220px;
  width: 100%;
  margin: auto;
  /*padding: 0 10px;*/ }

.block-desc {
  text-align: left;
  font-size: 36px;
  font-weight: bold;
  line-height: 1; }

.block-title {
  text-align: left;
  font-size: 36px;
  font-weight: bold;
  color: #4632d9; }

h1 {
  font-size: 64px;
  line-height: normal;
  font-weight: 700; }

h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: normal; }

h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 160%; }

h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 115%; }

h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 115%; }

.section-title {
  text-align: center;
  margin-bottom: 40px; }

.section-title span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #4531E7; }

.section-desc {
  color: #05021E;
  opacity: 0.7;
  text-align: center; }

.button {
  position: relative;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  padding: 13px 24px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  background: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 0; }

.button::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.55);
  transition: all 0.12s linear;
  opacity: 0;
  z-index: -1; }

.button:hover::after {
  transition: all 0.12s linear;
  opacity: 1; }

.button.button-orange {
  position: relative;
  background: linear-gradient(81deg, #ff8800 0%, #ffb700 100%);
  z-index: 0; }

.button.button-orange::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%), linear-gradient(81deg, #F80 0%, #FFB700 100%);
  transition: all 0.12s linear;
  opacity: 0;
  z-index: -1; }

.button.button-orange:hover::after {
  transition: all 0.12s linear;
  opacity: 1; }

.button-blue {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #612de3;
  border: 1px solid #612de3;
  padding: 15px 61px; }

.button-blue:hover {
  position: relative;
  border-color: transparent;
  color: #fff;
  background: linear-gradient(81deg, #ff8800 0%, #ffb700 100%);
  z-index: 0;
  transition: all 0.12s linear; }

p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; }

span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; }

header ul li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; }

a.link {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; }

.button-radio {
  position: relative;
  display: flex;
  align-items: center; }

.button-radio > input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0; }

.button-radio > span {
  position: relative;
  width: 100%;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  border-radius: 10px;
  overflow: hidden;
  z-index: 0;
  min-height: 54px;
  background: linear-gradient(81deg, #A752E0 0%, #F042BC 100%); }

.button-radio > span::after {
  position: absolute;
  content: "";
  inset: 50% 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  z-index: -1;
  border-radius: 8px;
  transition: background 0.12s linear; }

.button-radio > span:hover {
  color: #fff;
  cursor: pointer; }

.button-radio > span:hover::after {
  background: transparent;
  transition: background 0.12s linear; }

.button-radio > input[type=radio]:checked + span::after {
  background: transparent; }

.button-radio > input[type=radio]:checked + span {
  color: #fff; }

input[type=text],
input[type=tel],
input[type=email],
input[type=password] {
  outline: none;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  padding: 0 0 10px 0; }

input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder {
  color: #fff;
  opacity: 0.8;
  -moz-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear; }

input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder {
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.12s linear; }

input[type=text]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear; }

input[type=text]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=password]:focus::placeholder {
  opacity: 0;
  transition: opacity 0.12s linear; }

@keyframes displayAnim {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* custom select */
.custom-select {
  position: relative;
  min-width: 160px; }

.custom-select .select-selected {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  color: #1F1F1F;
  line-height: 19px;
  padding: 15px;
  width: 100%;
  max-width: 100%;
  min-width: 300px;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 10px;
  background: linear-gradient(81deg, #A752E0 0%, #F042BC 100%);
  justify-content: center;
  color: #fff;
  z-index: 100;
  position: relative; }

.custom-select select {
  display: none; }

.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  width: 14px;
  height: 8px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNyA3TDEzIDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translate(0, -50%) rotate(0deg);
  transition: all 0.12s linear; }

.select-selected.select-arrow-active:after {
  transform: translate(0, -50%) rotate(180deg);
  transition: all 0.12s linear; }

.select-items div,
.select-selected {
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #1F1F1F;
  text-align: center;
  padding: 18px; }

.select-items div:first-child {
  padding-top: 26px; }

.select-items div:not(:last-child) {
  border-bottom: 1px solid rgba(5, 2, 30, 0.5); }

.select-items {
  position: absolute;
  background-color: #fff;
  left: 0;
  transform: translate(0px, -10px);
  right: 0;
  z-index: 99;
  min-width: 300px;
  padding: 0;
  /* box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15); */
  border-radius: 0 0 10px 10px;
  border: 1px solid #05021E; }

.select-items._bottom {
  top: auto;
  bottom: calc(100% + 14px); }

.select-items._left {
  right: 0;
  left: auto; }

.select-hide {
  display: none; }

/*  */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 34px; }
  h2 {
    font-size: 26px; }
  h3 {
    font-size: 22px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 20px; }
  .section-title {
    margin-bottom: 30px; }
  p {
    font-size: 18px; }
  span {
    font-size: 16px;
    font-weight: 500; }
  a.link {
    font-size: 16px; } }

@media screen and (max-width: 691px) {
  .block-desc {
    text-align: center;
    font-size: 24px; }
  .block-title {
    text-align: center;
    font-size: 24px; } }

@media screen and (max-width: 480px) {
  h1 {
    font-size: 32px; }
  h2 {
    font-size: 23px; }
  h3 {
    font-size: 20px; }
  h4 {
    font-size: 18px; }
  h5 {
    font-size: 18px; }
  .section-desc {
    color: #05021E;
    opacity: 0.7;
    text-align: left; }
  .button {
    font-weight: 300;
    font-size: 16px; }
  .section-title {
    text-align: left;
    margin-bottom: 30px; }
  p {
    font-size: 16px; }
  span {
    font-size: 10px;
    font-weight: 500; }
  a.link {
    font-size: 10px; } }

.sysprice {
  margin-bottom: 155px; }

.sysprice-list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 68px; }

.sysprice-card {
  position: relative;
  z-index: 0;
  flex: 1 320px;
  box-shadow: 0px 32px 46px 0px rgba(34, 91, 255, 0.11);
  border-radius: 20px;
  background: #fff;
  padding: 34px 10px 60px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden; }

.sysprice-card .button-blue {
  margin-top: auto; }

.sysprice-card::after, .sysprice-card::before {
  position: absolute;
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: all 0.12s linear; }

.sysprice-card:nth-child(1)::after {
  background: url(/assets/patterns/pattern-2-0fbadabeb3b48249b777a1727d899feefa4f87413695712a44ffb5f511ebbacf.png) no-repeat;
  width: 330px;
  height: 330px;
  left: -26px;
  top: -279px;
  z-index: -1;
  mix-blend-mode: screen; }

.sysprice-card:nth-child(1)::before {
  background: url(/assets/patterns/pattern-1-a6bdca957ed29d75fab3b57f44d206185918a0290020180dfc5700425ffd92b7.png) no-repeat;
  width: 410px;
  height: 410px;
  right: -90px;
  bottom: -223px;
  mix-blend-mode: screen;
  z-index: -1; }

.sysprice-card:nth-child(2)::after {
  background: url(/assets/patterns/pattern-3-297f93f443165c3506846d02d775df9ec364d2fd5198b9a24b74793c553ec9d6.png) no-repeat;
  width: 110px;
  height: 110px;
  left: -30px;
  top: -22px;
  z-index: -1;
  mix-blend-mode: screen; }

.sysprice-card:nth-child(2)::before {
  background: url(/assets/patterns/pattern-2-0fbadabeb3b48249b777a1727d899feefa4f87413695712a44ffb5f511ebbacf.png) no-repeat;
  width: 330px;
  height: 330px;
  right: -164px;
  bottom: -75px;
  z-index: -1;
  mix-blend-mode: screen; }

.sysprice-card:nth-child(3)::after {
  background: url(/assets/patterns/pattern-1-a6bdca957ed29d75fab3b57f44d206185918a0290020180dfc5700425ffd92b7.png) no-repeat;
  width: 370px;
  height: 370px;
  left: -241px;
  top: 62px;
  z-index: -1;
  mix-blend-mode: screen;
  background-size: contain; }

.sysprice-card:nth-child(3)::before {
  background: url(/assets/patterns/pattern-3-297f93f443165c3506846d02d775df9ec364d2fd5198b9a24b74793c553ec9d6.png) no-repeat;
  width: 110px;
  height: 110px;
  right: -59px;
  top: 162px;
  z-index: -1;
  mix-blend-mode: screen; }

.sysprice-card:hover {
  background: #4632d9;
  color: #fff;
  cursor: pointer; }

.sysprice-card:hover::after, .sysprice-card:hover::before {
  opacity: 1;
  visibility: visible;
  transition: all 0.12s linear; }

.sysprice-card:hover .sysprice-card__price {
  color: #fff; }

.sysprice-card:hover .sysprice-card__mounth {
  color: #fff; }

.sysprice-card:hover .sysprice-card__desc {
  color: #a493ee; }

.sysprice-card:hover .sysprice-card__icon {
  background: #2f1db1; }

.sysprice-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 25px;
  background: #4632d9;
  margin-bottom: 40px; }

.sysprice-card__price {
  font-size: 50px;
  font-weight: bold;
  color: #343244;
  margin-bottom: 45px;
  line-height: 1; }

.sysprice-card__mounth {
  color: #612de3;
  font-size: 50px;
  font-weight: 900;
  margin-bottom: 40px; }

.sysprice-card__desc {
  font-size: 18px;
  font-weight: 500;
  color: #612de3;
  margin-bottom: 35px;
  max-width: 70%;
  margin: 0 auto 35px auto; }

@media screen and (max-width: 1100px) {
  .sysprice {
    margin-bottom: 75px; } }

@media screen and (max-width: 691px) {
  .sysprice-list {
    margin-top: 40px; }
  .sysprice-card {
    background: #4632d9;
    color: #fff;
    cursor: pointer; }
  .sysprice-card::after, .sysprice-card::before {
    opacity: 1;
    visibility: visible;
    transition: all 0.12s linear; }
  .sysprice-card .sysprice-card__price {
    color: #fff; }
  .sysprice-card .sysprice-card__mounth {
    color: #fff; }
  .sysprice-card .sysprice-card__desc {
    color: #a493ee; }
  .sysprice-card .sysprice-card__icon {
    background: #2f1db1; } }

.error, .danger {
  background: none;
  background-color: #ae0044 !important; }

@font-face {
  font-family: "svgfont";
  src: url(/../../fonts/svgfont.eot);
  src: url(/../../fonts/svgfont.eot?#iefix) format("eot"), url(/../../fonts/svgfont.woff) format("woff"), url(/../../fonts/svgfont.woff2) format("woff2"), url(/../../fonts/svgfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

.if, [class^="i-icon-"], [class*=" i-icon-"] {
  font-family: "svgfont";
  font-style: normal;
  font-weight: normal;
  text-rendering: auto;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.if, [class^="i-icon-"], [class*=" i-icon-"] {
  display: inline-block; }

.if-admin-calendar:before {
  content: ""; }

.if-admin-exit:before {
  content: ""; }

.if-admin-help:before {
  content: ""; }

.if-admin-home:before {
  content: ""; }

.if-admin-page:before {
  content: ""; }

.if-admin-settings:before {
  content: ""; }

.if-admin-user:before {
  content: ""; }

.if-alert-circle:before {
  content: ""; }

.if-angle-left:before {
  content: ""; }

.if-angle-right:before {
  content: ""; }

.if-award:before {
  content: ""; }

.if-calendar:before {
  content: ""; }

.if-check:before {
  content: ""; }

.if-close:before {
  content: ""; }

.if-download:before {
  content: ""; }

.if-edit:before {
  content: ""; }

.if-file-plus:before {
  content: ""; }

.if-gift:before {
  content: ""; }

.if-heart-outline:before {
  content: ""; }

.if-heart:before {
  content: ""; }

.if-map-pin:before {
  content: ""; }

.if-plus-circle:before {
  content: ""; }

.if-plus:before {
  content: ""; }

.if-refresh:before {
  content: ""; }

.if-sliders:before {
  content: ""; }

.if-users:before {
  content: ""; }

.home-page {
  padding-top: 75.8px;
  background: #4531E7; }
  .home-page-title {
    padding-top: 10px;
    color: white; }

.exception span {
  color: white; }

.container {
  width: 100%;
  max-width: 1255px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto; }

.documents-list {
  border-bottom: 1px solid #dbdbdb; }

.documents-block {
  padding-top: 60px;
  padding-bottom: 50px; }
  .documents-block-download {
    margin-top: 40px;
    gap: 48px;
    text-align: center;
    margin-bottom: 20px; }
  .documents-block__left {
    display: flex; }
  .documents-block-item {
    border-radius: 10px;
    display: flex;
    padding: 32px 34px;
    margin-bottom: 24px;
    text-decoration: none;
    justify-content: space-between; }
    .documents-block-item-icon img {
      vertical-align: middle;
      border-style: none;
      margin-right: 16px;
      max-width: 30px; }
    .documents-block-item-text {
      color: #637083;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 1; }
    .documents-block-item-name {
      color: #4030c1; }
      .documents-block-item-name:hover {
        color: #ffaa00; }
    .documents-block-item:hover {
      background: #ffffff;
      box-shadow: 0 25px 40px -10px rgba(28, 39, 49, 0.08); }

.documents--container {
  max-width: 1220px;
  width: 100%;
  margin: auto; }

.button.button-primary {
  font-family: "Inter", sans-serif;
  background-color: #4531e7;
  padding: 16px 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  gap: 10px; }

.button.button-primary .button-text {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700; }

@media (max-width: 991px) {
  .documents-block-item-name {
    font-size: 12px; }
  .documents-block-item-text {
    font-size: 12px; } }

@media (max-width: 767px) {
  .documents-block-item-text {
    display: none; } }

@media (max-width: 596px) {
  .documents-block-item-name {
    word-break: break-all; }
  .documents-block-item {
    justify-content: space-between;
    padding: 10px; } }

@media (max-width: 482px) {
  .documents-block-item-icon {
    margin-right: 15px; } }