html {
  width: 100%;
  height: 100%;
}

html,
body {
  scrollbar-gutter: stable;
}

body {
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-family: "Rubik", sans-serif;
  background-color: var(--color-background);
  color: var(--color-primary);
  -webkit-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1), background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1), background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  overflow-x: hidden;
  font-weight: 400;
  line-height: 140%;
}

.app {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.container {
  width: 100%;
  max-width: 1232px;
  padding: 0 16px;
  margin: 0 auto;
}

.scroll-disabled {
  overflow-y: hidden;
}

section {
  padding: 48px 0;
}

main {
  position: relative;
  z-index: 1;
}

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

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 12px;
  padding-left: 24px;
  counter-reset: item;
}
ol ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding-left: 24px;
}
ol ul li {
  list-style: disc;
}
ol ul li:first-child {
  margin-top: 12px;
}
ol p {
  display: block;
  margin-top: 12px;
}

ol > li {
  display: block;
}

ol > li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}

ol > li > ol {
  counter-reset: item;
}

h1,
.h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 768px) {
  h1,
  .h1 {
    font-size: 32px;
  }
}

h2,
.h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 768px) {
  h2,
  .h2 {
    font-size: 28px;
  }
}

h3,
.h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 768px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}

a {
  color: var(--color-primary);
  -webkit-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
a:hover {
  color: var(--color-accent);
}

.subtext {
  font-size: 14px;
  color: var(--color-secondary);
  line-height: 120%;
}

footer .content {
  border-top: 1px solid var(--color-muted);
  padding: 48px 0;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -ms-grid-columns: 1fr 24px auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto 24px auto 24px auto;
      grid-template-areas: "a b" "c c" "d e";
}
@media (max-width: 575px) {
  footer .content {
        grid-template-areas: "a" "b" "c" "d" "e";
  }
}
footer .content .area-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
}
footer .content .area-b {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: b;
}
footer .content .area-c {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (max-width: 575px) {
  footer .content .area-c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
footer .content .area-d {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: d;
}
footer .content .area-e {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: e;
  text-align: end;
}
@media (max-width: 575px) {
  footer .content .area-e {
    text-align: start;
  }
}

header {
  padding: 24px 0;
}
header.active .panel .wrap .action .theme-toggle {
  opacity: 1;
  visibility: visible;
}
header.active .dropdown {
  opacity: 1;
  visibility: visible;
}
header.active .dropdown .dropdown-content .menu .menu-elem {
  -webkit-animation: fadeInUp 0.9s ease forwards;
          animation: fadeInUp 0.9s ease forwards;
}
header.active .dropdown .dropdown-content .social,
header.active .dropdown .dropdown-content .action {
  -webkit-animation: fadeInDw 0.9s ease forwards;
          animation: fadeInDw 0.9s ease forwards;
}
header .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
@media (max-width: 575px) {
  header .panel .phone {
    display: none;
  }
}
header .panel .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
header .panel .wrap .action {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  z-index: 101;
}
header .panel .wrap .action .theme-toggle {
  opacity: 0;
  visibility: hidden;
}
header .dropdown {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: block;
  background-color: var(--color-background);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  padding: 90px 0 48px;
}
header .dropdown .dropdown-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
  overflow-y: auto;
  height: calc(100dvh - 90px - 48px);
}
@media (max-width: 575px) {
  header .dropdown .dropdown-content {
    gap: 24px;
  }
}
header .dropdown .dropdown-content nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
header .dropdown .dropdown-content .social,
header .dropdown .dropdown-content .action {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
  opacity: 0;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  will-change: opacity;
}
header .dropdown .dropdown-content .menu {
  -webkit-columns: 3 384px;
  -moz-columns: 3 384px;
  columns: 3 384px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
header .dropdown .dropdown-content .menu .menu-elem {
  margin: 0 0 12px 0;
  -webkit-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
  opacity: 0;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  will-change: opacity, transform;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInDw {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDw {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.typing {
  position: relative;
  height: 33px;
}
.typing .typing-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.typing .typing-area .typing-cursor {
  display: inline-block;
  width: 2px;
  height: 24px;
  background-color: var(--color-primary);
  margin-left: 4px;
  -webkit-animation: blink 1s infinite;
          animation: blink 1s infinite;
}
.typing .typing-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: -1;
  visibility: hidden;
}

@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-v1 .swiper-wrapper .swiper-slide {
  color: var(--color-primary);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 1200px) {
  .swiper-v1 .swiper-wrapper .swiper-slide:hover .name {
    color: var(--color-accent);
  }
  .swiper-v1 .swiper-wrapper .swiper-slide:hover .image-wrap img {
    -webkit-transform: scale(1.14);
            transform: scale(1.14);
  }
}
.swiper-v1 .swiper-wrapper .swiper-slide .image-wrap {
  width: 100%;
  height: 348px;
  border-radius: 12px;
  overflow: hidden;
}
.swiper-v1 .swiper-wrapper .swiper-slide .image-wrap img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-transition-duration: 0.48s;
          transition-duration: 0.48s;
}
.swiper-v1 .swiper-wrapper .swiper-slide .info {
  margin-top: 12px;
}
.swiper-v1 .swiper-wrapper .swiper-slide .info .name {
  -webkit-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.swiper-v1 .swiper-wrapper .swiper-slide .info .subtext {
  margin-top: 4px;
}

.swiper-v2 .swiper-wrapper .swiper-slide {
  padding: 24px;
  border-radius: 12px;
  background-color: var(--color-muted);
  color: var(--color-primary);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.swiper-v2 .swiper-wrapper .swiper-slide .person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.swiper-v2 .swiper-wrapper .swiper-slide .person .image-wrap {
  width: 78px;
  height: 78px;
  border-radius: 12px;
  overflow: hidden;
}
.swiper-v2 .swiper-wrapper .swiper-slide .person .info {
  margin-top: 12px;
}
.swiper-v2 .swiper-wrapper .swiper-slide .person .info .subtext {
  margin-top: 4px;
}

.swiper-v3 .swiper-wrapper .swiper-slide {
  color: var(--color-primary);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.swiper-v3 .swiper-wrapper .swiper-slide .image-wrap {
  width: 100%;
  height: 696px;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .swiper-v3 .swiper-wrapper .swiper-slide .image-wrap {
    height: 492px;
  }
}
@media (max-width: 575px) {
  .swiper-v3 .swiper-wrapper .swiper-slide .image-wrap {
    height: 348px;
  }
}

.swiper-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (max-width: 992px) {
  .swiper-navigation {
    display: none;
  }
}

.swiper-scrollbar {
  position: initial !important;
  width: 100% !important;
  margin-top: 48px;
  background-color: var(--color-muted);
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--color-accent);
  cursor: pointer;
}

[data-theme=dark] .modal {
  background-color: rgba(26, 26, 26, 0.96);
}
[data-theme=dark] .modal .modal-content {
  border: 1px solid var(--color-secondary);
}

[data-theme=light] .modal {
  background-color: rgba(26, 26, 26, 0.48);
}

.modal {
  position: fixed;
  padding: 16px;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.modal.show {
  opacity: 1;
  visibility: visible;
  z-index: 110;
}
.modal.show .modal-content {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.modal.hide {
  opacity: 0;
  visibility: hidden;
}
.modal .modal-content {
  width: 100%;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  max-width: 480px;
  padding: 24px 24px 48px;
  background-color: var(--color-background);
  border-radius: 12px;
  opacity: 0;
  -webkit-transform: translate3d(0, 5%, 0);
          transform: translate3d(0, 5%, 0);
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.modal .modal-content .modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 12px;
}

.form {
  position: relative;
  overflow: hidden;
}
.form .form-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.form .form-content .form-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.form .form-content .form-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
@media (max-width: 768px) {
  .form .form-content .form-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form .form-content .form-action .subtext {
  color: var(--color-secondary);
}
.form .form-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.form .form-status .icon {
  width: 48px;
  height: 48px;
}
.form .form-status .icon.icon-success {
  background: var(--color-success);
}
.form.success .form-content {
  opacity: 0;
  visibility: hidden;
}
.form.success .form-status {
  opacity: 1;
  visibility: visible;
}

.advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
@media (max-width: 768px) {
  .advantages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.advantages .advantages-elem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 24px;
  border-radius: 12px;
  background-color: var(--color-muted);
  gap: 12px;
}
.advantages .advantages-elem span {
  display: block;
  min-height: 32px;
}

.keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  position: relative;
  color: var(--color-secondary);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.keywords .keywords-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.keywords .keywords-line .keywords-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  gap: 12px;
}
.keywords .keywords-line .keywords-list li:nth-child(4n) {
  color: var(--color-primary);
}

.icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--color-primary);
  -webkit-transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.icon-arrow-up {
  -webkit-mask-image: url("./media/svg-array.svg#icon-arrow-up");
          mask-image: url("./media/svg-array.svg#icon-arrow-up");
}
.icon-arrow-left {
  -webkit-mask-image: url("./media/svg-array.svg#icon-arrow-left");
          mask-image: url("./media/svg-array.svg#icon-arrow-left");
}
.icon-arrow-right {
  -webkit-mask-image: url("./media/svg-array.svg#icon-arrow-right");
          mask-image: url("./media/svg-array.svg#icon-arrow-right");
}
.icon-arrow-action {
  -webkit-mask-image: url("./media/svg-array.svg#icon-arrow-action");
          mask-image: url("./media/svg-array.svg#icon-arrow-action");
}
.icon-whatsapp {
  -webkit-mask-image: url("./media/svg-array.svg#icon-whatsapp");
          mask-image: url("./media/svg-array.svg#icon-whatsapp");
}
.icon-instagram {
  -webkit-mask-image: url("./media/svg-array.svg#icon-instagram");
          mask-image: url("./media/svg-array.svg#icon-instagram");
}
.icon-telegram {
  -webkit-mask-image: url("./media/svg-array.svg#icon-telegram");
          mask-image: url("./media/svg-array.svg#icon-telegram");
}
.icon-moon {
  -webkit-mask-image: url("./media/svg-array.svg#icon-moon");
          mask-image: url("./media/svg-array.svg#icon-moon");
}
.icon-sun {
  -webkit-mask-image: url("./media/svg-array.svg#icon-sun");
          mask-image: url("./media/svg-array.svg#icon-sun");
}
.icon-close {
  -webkit-mask-image: url("./media/svg-array.svg#icon-close");
          mask-image: url("./media/svg-array.svg#icon-close");
}
.icon-burger {
  -webkit-mask-image: url("./media/svg-array.svg#icon-burger");
          mask-image: url("./media/svg-array.svg#icon-burger");
}
.icon-dev {
  -webkit-mask-image: url("./media/svg-array.svg#icon-dev");
          mask-image: url("./media/svg-array.svg#icon-dev");
}
.icon-question {
  -webkit-mask-image: url("./media/svg-array.svg#icon-question");
          mask-image: url("./media/svg-array.svg#icon-question");
}
.icon-minus {
  -webkit-mask-image: url("./media/svg-array.svg#icon-minus");
          mask-image: url("./media/svg-array.svg#icon-minus");
}
.icon-plus {
  -webkit-mask-image: url("./media/svg-array.svg#icon-plus");
          mask-image: url("./media/svg-array.svg#icon-plus");
}
.icon-success {
  -webkit-mask-image: url("./media/svg-array.svg#icon-success");
          mask-image: url("./media/svg-array.svg#icon-success");
}
.icon-arrow-back {
  -webkit-mask-image: url("./media/svg-array.svg#icon-arrow-back");
          mask-image: url("./media/svg-array.svg#icon-arrow-back");
}

.form-group {
  position: relative;
}
.form-group .form-label {
  display: inline-block;
  margin-bottom: 8px;
}
.form-group .form-control {
  all: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  border-radius: 12px;
  color: var(--color-primary);
  min-height: 48px;
  width: 100%;
  padding: 0 24px;
  background-color: var(--color-muted);
  -webkit-transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.form-group .form-control:hover, .form-group .form-control:focus {
  background-color: var(--color-tertiary);
}
.form-group .form-control::-webkit-input-placeholder {
  color: var(--color-secondary);
  -webkit-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  font-size: inherit;
}
.form-group .form-control::-moz-placeholder {
  color: var(--color-secondary);
  -moz-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  font-size: inherit;
}
.form-group .form-control:-ms-input-placeholder {
  color: var(--color-secondary);
  -ms-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  font-size: inherit;
}
.form-group .form-control::-ms-input-placeholder {
  color: var(--color-secondary);
  -ms-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  font-size: inherit;
}
.form-group .form-control::placeholder {
  color: var(--color-secondary);
  -webkit-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  font-size: inherit;
}
.form-group .text-error {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: calc(100% + 4px);
  font-size: 12px;
  color: var(--color-danger);
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.form-group.error .form-control {
  background-color: var(--color-muted);
  color: var(--color-danger);
}
.form-group.error .form-control::-webkit-input-placeholder {
  color: var(--color-danger);
}
.form-group.error .form-control::-moz-placeholder {
  color: var(--color-danger);
}
.form-group.error .form-control:-ms-input-placeholder {
  color: var(--color-danger);
}
.form-group.error .form-control::-ms-input-placeholder {
  color: var(--color-danger);
}
.form-group.error .form-control::placeholder {
  color: var(--color-danger);
}
.form-group.error .text-error {
  visibility: visible;
  opacity: 1;
}

.btn {
  all: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 12px;
  border-radius: 12px;
  -webkit-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1), background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1), background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.btn:disabled {
  background-color: var(--color-tertiary);
  color: var(--color-secondary);
}
.btn:disabled .icon {
  background-color: var(--color-secondary);
}
@media (min-width: 1200px) {
  .btn:hover .btn-text span, .btn.active .btn-text span {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
    opacity: 0;
  }
  .btn:hover .btn-text:after, .btn.active .btn-text:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.btn .btn-text {
  position: relative;
}
.btn .btn-text span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: inline-block;
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.btn .btn-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: inherit;
  -webkit-transform: translate3d(0, 25%, 0);
          transform: translate3d(0, 25%, 0);
  opacity: 0;
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.btn-accent {
  background-color: var(--color-accent);
  color: #ffffff;
}
.btn-accent .icon {
  background-color: #ffffff;
}
.btn-light {
  background-color: var(--color-muted);
  color: var(--color-primary);
}
.btn-light .icon {
  background-color: var(--color-primary);
}
@media (min-width: 1200px) {
  .btn-light:hover:not(:disabled):not(.active) {
    background-color: var(--color-tertiary);
    color: var(--color-accent);
  }
  .btn-light:hover:not(:disabled):not(.active) .icon {
    background-color: var(--color-accent);
  }
  .btn-light.active {
    background-color: var(--color-tertiary);
    color: var(--color-accent);
  }
  .btn-light.active .icon {
    background-color: var(--color-accent);
  }
}
@media (min-width: 1200px) {
  .btn:hover .icon-arrow-action {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
}
.btn-icons .icons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
}
.btn-icons .icons .icon {
  position: absolute;
}
.btn-icons .icons .icon:first-child {
  scale: 1;
  opacity: 1;
}
.btn-icons .icons .icon:last-child {
  scale: 0;
  opacity: 0;
}
.btn-icons.change .icons .icon:first-child {
  scale: 0;
  opacity: 0;
}
.btn-icons.change .icons .icon:last-child {
  scale: 1;
  opacity: 1;
}
.btn-circle {
  padding: 0;
  width: 42px;
  height: 42px;
  min-height: initial;
  border-radius: 50%;
}
.btn.btn-reset {
  all: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn.btn-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  width: 100%;
  cursor: pointer;
  -webkit-transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  position: relative;
}
@media (max-width: 1200px) {
  .btn.btn-accordion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.btn.btn-accordion .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding: 24px;
}
.btn.btn-accordion .sticker {
  margin: 0 24px 0 0;
}
@media (max-width: 1200px) {
  .btn.btn-accordion .sticker {
    display: none;
  }
}
@media (min-width: 1200px) {
  .btn.btn-accordion:hover, .btn.btn-accordion.active, .btn.btn-accordion.change {
    color: var(--color-accent);
  }
  .btn.btn-accordion:hover :not(.sticker) .icon, .btn.btn-accordion.active :not(.sticker) .icon, .btn.btn-accordion.change :not(.sticker) .icon {
    background-color: var(--color-accent);
  }
}
.btn.btn-up {
  position: fixed;
  top: 0;
  z-index: 98;
  padding: 12px;
  cursor: pointer;
  background-color: var(--color-accent);
  border-radius: 0 0 12px 12px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), background-color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.btn.btn-up.show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.btn.btn-up .wrap {
  position: relative;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn.btn-up .wrap .icon {
  position: absolute;
}
.btn.btn-up .wrap .icon:first-child {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.btn.btn-up .wrap .icon:last-child {
  -webkit-transform: translate3d(0, 25%, 0);
          transform: translate3d(0, 25%, 0);
  opacity: 0;
}
.btn.btn-up .icon {
  background-color: #ffffff;
}
@media (min-width: 1200px) {
  .btn.btn-up:hover .icon:first-child {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
    opacity: 0;
  }
  .btn.btn-up:hover .icon:last-child {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.btn-tab {
  padding: 4px 12px;
  min-height: auto;
}
.btn-tab.active {
  background-color: var(--color-accent);
  color: #ffffff;
}

.link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: var(--color-primary);
}
@media (min-width: 1200px) {
  .link:hover {
    color: var(--color-primary);
  }
  .link:hover .link-text span {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
    opacity: 0;
  }
  .link:hover .link-text:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .link:hover .icon.icon-arrow-back {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
}
.link .link-text {
  position: relative;
}
.link .link-text span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: inline-block;
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.link .link-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: inherit;
  -webkit-transform: translate3d(0, 25%, 0);
          transform: translate3d(0, 25%, 0);
  opacity: 0;
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), transform 0.24s cubic-bezier(0.76, 0, 0.24, 1), color 0.24s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.link .icon {
  color: var(--color-primary);
}

.cursor {
  width: 10px;
  height: 10px;
  background-color: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s;
  transition: opacity 0.2s, -webkit-transform 0.1s;
  transition: transform 0.1s, opacity 0.2s;
  transition: transform 0.1s, opacity 0.2s, -webkit-transform 0.1s;
  opacity: 1;
  z-index: 120;
}
@media (max-width: 1200px) {
  .cursor {
    display: none;
  }
}

.blurred-circle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: #51af75;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  z-index: -1;
  -webkit-animation: move 10s ease-in-out infinite, colorFade 10s ease-in-out infinite;
          animation: move 10s ease-in-out infinite, colorFade 10s ease-in-out infinite;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(30px, -24px);
            transform: translate(30px, -24px);
  }
  50% {
    -webkit-transform: translate(-30px, 24px);
            transform: translate(-30px, 24px);
  }
  75% {
    -webkit-transform: translate(24px, 30px);
            transform: translate(24px, 30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes move {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(30px, -24px);
            transform: translate(30px, -24px);
  }
  50% {
    -webkit-transform: translate(-30px, 24px);
            transform: translate(-30px, 24px);
  }
  75% {
    -webkit-transform: translate(24px, 30px);
            transform: translate(24px, 30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes colorFade {
  0%, 100% {
    background: #51af75;
  }
  50% {
    background: #cde077;
  }
}
@keyframes colorFade {
  0%, 100% {
    background: #51af75;
  }
  50% {
    background: #cde077;
  }
}
.app[data-layout=default] header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.app[data-layout=default] main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.app[data-layout=default] footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.app[data-layout=error] main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

[data-theme=dark] {
  --color-background: #1A1A1A;
  --color-primary: #f5f5f5;
  --color-secondary: #484848;
  --color-tertiary: #2E2E2E;
  --color-accent: #c8681f;
  --color-alternative: #c8681f;
  --color-muted: #242424;
  --color-danger: #ff5a78;
  --color-success: #51af75;
  --color-rgb-background: 26, 26, 26;
  --color-rgb-primary: 245, 245, 245;
  --color-rgb-secondary: 72, 72, 72;
  --color-rgb-tertiary: 46, 46, 46;
  --color-rgb-accent: 200, 104, 31;
  --color-rgb-alternative: 200, 104, 31;
  --color-rgb-muted: 36, 36, 36;
  --color-rgb-danger: 255, 90, 120;
}

[data-theme=light] {
  --color-background: #ffffff;
  --color-primary: #1A1A1A;
  --color-secondary: #a9a9a9;
  --color-tertiary: #fbfbfb;
  --color-accent: #51af75;
  --color-alternative: #c8681f;
  --color-muted: #f5f5f5;
  --color-danger: #ff5a78;
  --color-success: #51af75;
  --color-rgb-background: 255, 255, 255;
  --color-rgb-primary: 26, 26, 26;
  --color-rgb-secondary: 169, 169, 169;
  --color-rgb-tertiary: 251, 251, 251;
  --color-rgb-accent: 157, 191, 76;
  --color-rgb-alternative: 200, 104, 31;
  --color-rgb-muted: 245, 245, 245;
  --color-rgb-danger: 255, 90, 120;
}

.image-wrap {
  position: relative;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.image-wrap.load .image-loader {
  opacity: 0;
  visibility: hidden;
}
.image-wrap.load .image {
  opacity: 1;
  visibility: visible;
}
.image-wrap.load .count,
.image-wrap.load .desc {
  opacity: 1;
  visibility: visible;
}
.image-wrap .count,
.image-wrap .desc {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 12px;
  color: var(--color-primary);
  background: var(--color-background);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.image-wrap .image-loader {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 2px solid var(--color-muted);
  border-radius: 50%;
  border-top: 2px solid var(--color-accent);
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.image-wrap .image {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.logo .icon-logo-sm {
  width: auto;
  height: 36px;
}
.logo .icon-logo-lg {
  width: 100%;
  height: 380px;
}
.logo .fill-color-1 {
  fill: var(--color-primary);
}
.logo .fill-color-2 {
  fill: var(--color-alternative);
}
.logo .stroke-color-1 {
  stroke: var(--color-primary);
}

.test .test-content .test-head {
  margin-bottom: 48px;
}
.test .test-content .test-block {
  margin-top: 24px;
}
.test .test-content .test-block .test-list {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.back {
  margin-bottom: 24px;
}

.head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

section:not(.section-projects, .section-production) .head {
  margin-bottom: 96px;
}
@media (max-width: 768px) {
  section:not(.section-projects, .section-production) .head {
    margin-bottom: 48px;
  }
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sticker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  margin-left: 24px;
  height: 56px;
  background-color: var(--color-background);
  border-radius: 0 0 12px 12px;
}

.page-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.section-main-window .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 96px;
}
@media (max-width: 575px) {
  .section-main-window .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 48px;
  }
}
.section-main-window .content .content-top .typing {
  margin-top: 24px;
}
.section-main-window .content .content-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
}
@media (max-width: 992px) {
  .section-main-window .content .content-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 96px;
  }
}
@media (max-width: 575px) {
  .section-main-window .content .content-center {
    gap: 48px;
  }
}
.section-main-window .content .content-center .side.side-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 48px;
}
@media (max-width: 575px) {
  .section-main-window .content .content-center .side.side-a {
    gap: 24px;
  }
}
.section-main-window .content .content-center .side .islands {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 78px 24px 78px 24px 78px 24px 78px 24px 78px 24px 78px;
  grid-template-columns: repeat(6, 78px);
  -ms-grid-rows: minmax(24px, 78px) 24px minmax(24px, 78px) 24px minmax(24px, 78px) 24px minmax(24px, 78px);
  grid-template-rows: repeat(4, minmax(24px, 78px));
  gap: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
      grid-template-areas: ". . c c d d" ". a c c d d" "b b c c e e" "b b c c f g";
}
@media (max-width: 992px) {
  .section-main-window .content .content-center .side .islands {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 575px) {
  .section-main-window .content .content-center .side .islands {
    gap: 12px;
    -ms-grid-rows: minmax(24px, 48px) 12px minmax(24px, 48px) 12px minmax(24px, 48px) 12px minmax(24px, 48px);
    grid-template-rows: repeat(4, minmax(24px, 48px));
  }
}
.section-main-window .content .content-center .side .islands .area {
  background-color: var(--color-muted);
  border-radius: 12px;
  overflow: hidden;
}
.section-main-window .content .content-center .side .islands .area img {
  -o-object-fit: cover;
     object-fit: cover;
}
.section-main-window .content .content-center .side .islands .area-a {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: a;
}
.section-main-window .content .content-center .side .islands .area-b {
  -ms-grid-row: 5;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: b;
}
.section-main-window .content .content-center .side .islands .area-c {
  -ms-grid-row: 1;
  -ms-grid-row-span: 7;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: c;
}
.section-main-window .content .content-center .side .islands .area-d {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 9;
  -ms-grid-column-span: 3;
  grid-area: d;
}
.section-main-window .content .content-center .side .islands .area-e {
  -ms-grid-row: 5;
  -ms-grid-column: 9;
  -ms-grid-column-span: 3;
  grid-area: e;
}
.section-main-window .content .content-center .side .islands .area-f {
  -ms-grid-row: 7;
  -ms-grid-column: 9;
  grid-area: f;
}
.section-main-window .content .content-center .side .islands .area-g {
  -ms-grid-row: 7;
  -ms-grid-column: 11;
  grid-area: g;
}

.section-projects .tabs {
  margin: 48px 0;
}
.section-projects .content {
  position: relative;
}

.section-process .process {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 2fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  -ms-grid-rows: auto 24px auto 24px auto 24px auto;
      grid-template-areas: "a b b b" "a c c c" "a c c c" "d d e e";
}
@media (max-width: 992px) {
  .section-process .process {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "a a" "b c" "d e";
  }
  .section-process .process > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section-process .process > .area-b {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-c {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-d {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-e {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section-process .process > .area-b {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-c {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-d {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-e {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 768px) {
  .section-process .process {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "a" "b" "c" "d";
  }
  .section-process .process > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-b {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-c {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-d {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-b {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-c {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-d {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.section-process .process .area {
  position: relative;
  background-color: var(--color-muted);
  color: var(--color-primary);
  border-radius: 12px;
  overflow: hidden;
}
.section-process .process .area .sticker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  margin-left: 24px;
  height: 56px;
  background: var(--color-background);
  border-radius: 0 0 12px 12px;
}
.section-process .process .area .area-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: calc(100% - 56px);
}
.section-process .process .area .area-content .info h3 {
  margin-bottom: 24px;
}
.section-process .process .area-a {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  grid-area: a;
}
.section-process .process .area-b {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
  grid-area: b;
}
.section-process .process .area-c {
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
  grid-area: c;
}
.section-process .process .area-d {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: d;
}
.section-process .process .area-e {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: e;
}
.section-process .process .area-f {
  -ms-grid-row: 7;
  -ms-grid-column: 9;
  grid-area: f;
}
.section-process .process .area-g {
  -ms-grid-row: 7;
  -ms-grid-column: 11;
  grid-area: g;
}
@media (max-width: 575px) {
  footer .content .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  footer .content .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  footer .content .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  footer .content .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  footer .content .area-e {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .section-main-window .content .content-center .side .islands .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section-main-window .content .content-center .side .islands .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .section-main-window .content .content-center .side .islands .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-main-window .content .content-center .side .islands .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .section-main-window .content .content-center .side .islands .area-e {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .section-process .process .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section-process .process .area-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .section-process .process .area-c {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process .area-d {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .section-process .process .area-e {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
@media (max-width: 992px) {
  .section-process .process > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section-process .process > .area-b {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-c {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-d {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-e {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 768px) {
  .section-process .process > .area-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-b {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-c {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .section-process .process > .area-d {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 992px) {
  .section-process .process .area-f,
  .section-process .process .area-g {
    display: none;
  }
}
@media (max-width: 768px) {
  .section-process .process .area-e {
    display: none;
  }
}

.section-about-us .info {
  margin-bottom: 48px;
}

.section-benefits .benefits-list {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(352px, 1fr));
}
@media (max-width: 768px) {
  .section-benefits .benefits-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.section-benefits .benefits-list .benefits-elem {
  padding: 24px;
  background-color: var(--color-muted);
  border-radius: 12px;
}
.section-benefits .benefits-list .benefits-elem h3 {
  min-height: 64px;
  margin-bottom: 24px;
}

.section-feedback .head {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-feedback form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: calc(50% - 12px);
}
@media (max-width: 768px) {
  .section-feedback form {
    width: 100%;
  }
}
.section-feedback form .form-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .section-feedback form .form-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.section-feedback form .form-action .subtext {
  color: var(--color-secondary);
}
@media (min-width: 575px) {
  .section-feedback form .form-status {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.section-faq .faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.section-faq .faq-list .faq-item {
  background-color: var(--color-muted);
  border-radius: 12px;
}
.section-faq .faq-list .faq-item .faq-dropdown {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: max-height 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}
.section-faq .faq-list .faq-item .faq-dropdown .description {
  padding: 0 24px 24px;
}

.section-contacts .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 96px;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .section-contacts .content {
    gap: 48px;
  }
}
@media (max-width: 575px) {
  .section-contacts .content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.section-contacts .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
}
.section-contacts .info .info-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 575px) {
  .section-contacts .logo .icon-logo-lg {
    height: 100%;
  }
}

.section-project .project-info {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.section-production .production-info {
  margin: 48px 0;
}

.section-not-found,
.section-maintenance {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-not-found .content,
.section-maintenance .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-not-found .content .info,
.section-maintenance .content .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.section-not-found .content .info .info-wrap,
.section-maintenance .content .info .info-wrap {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.section-not-found .content .info .info-wrap a,
.section-maintenance .content .info .info-wrap a {
  color: var(--color-accent);
}
@media (min-width: 1200px) {
  .section-not-found .content .info .info-wrap a:hover,
  .section-maintenance .content .info .info-wrap a:hover {
    color: var(--color-accent);
  }
}

.section-rules .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.section-rules .content .ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding-left: 0;
  margin-top: 0;
}
.section-rules .content ul li ul {
  padding-left: 24px;
}

.slider-change {
  -webkit-animation: sliderChange 1s ease-in-out forwards;
          animation: sliderChange 1s ease-in-out forwards;
}

@-webkit-keyframes sliderChange {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sliderChange {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.swiper-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
}
.swiper-loader.active {
  -webkit-animation: swiperLoader 1s ease-in-out forwards;
          animation: swiperLoader 1s ease-in-out forwards;
}
.swiper-loader .loader {
  width: 32px;
  height: 32px;
  border: 2px solid var(--color-muted);
  border-radius: 50%;
  border-top: 2px solid var(--color-accent);
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  -webkit-transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: opacity 0.24s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.24s cubic-bezier(0.76, 0, 0.24, 1);
}

@-webkit-keyframes swiperLoader {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes swiperLoader {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.our-clients-list {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 575px) {
  .our-clients-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.our-clients-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .our-clients-list a:hover img {
    scale: 1.14;
  }
}
@media (max-width: 575px) {
  .our-clients-list a {
    padding: 0;
  }
}
.our-clients-list a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  scale: 1;
  -webkit-transition: scale 0.24s cubic-bezier(0.76, 0, 0.24, 1), grayscale 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  transition: scale 0.24s cubic-bezier(0.76, 0, 0.24, 1), grayscale 0.24s cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-transition-duration: 0.72s;
          transition-duration: 0.72s;
}